/*
Theme Name:     wordpress-child
Description:    
Author:         wordpress
Template:       wordpress

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/


.wpsbc-prev{
	display:none;
}


.rnk-list{
    margin: 0!important;
    padding-left: 0!important;
    counter-reset: no;
list-style-type:none;
}
.rnk-list li:before{
    content: counter(no);
    counter-increment: no;
    color: white;
    background-color: #708090;
    text-align: center;
    opacity: .999;
    float: left;
    line-height: 30px;
    width: 30px;
    height: 30px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    margin-right: -25px;
    margin-top: 0 !important;
}
.rnk-list li p{
    line-height: 1.3;
float: left;
}
.rnk-list li p span{
    font-size:0.8em;
}

.rnk-list a {

}


.wpp-thumbnail {
    display: inline;
    float: left;
    margin: 0 1rem 0 0;
    border: none;
    width: 100%;
}


/* ------------------------- 
*	全体
---------------------------- */

html {
	overflow:auto;
	overflow-x: hidden;
}

/* ------------------------------------
   全ページのヘッダー下に境界＋白い影を表示
------------------------------------ */
header#header {
  border-bottom: 2px solid #e6e6e6; /* ↓ 区切り線（薄いグレー） */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); /* ↓ 柔らかい白影 */
  margin-bottom: 30px; /* ↓ 本文との間隔 */
  background: #fff; /* ← 念のためヘッダー背景を白固定に */
  position: relative;
  z-index: 10; /* ← メインスライダーなどより上に出す */
}

	.head_pc {
		margin-top:-28px;
	}



/* -------------------------------------------------------
 * ロゴを左端・メニューを中央寄せ・高さを揃える
 * ------------------------------------------------------- */
.header-inner {
  display: flex;                     /* 横並び配置 */
  align-items: center;               /* 垂直方向センター揃え */
  justify-content: flex-start;       /* 左寄せ（ロゴを左端） */
  position: relative;                /* メニュー中央寄せ用に基準を作る */
  max-width: 1080px;
  margin: 0 auto;
  padding: 30px 20px;
  flex-wrap: nowrap;
}

.logo {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0;
}

.logo img {
  display: block;

  width: auto;        /* 幅は自動で比率維持 */
  max-width: 100% !important;    /* 親要素をはみ出さないように */
}


/* メニューを中央に配置 */
#nav {
  position: relative;  /** ← absoluteをrelativeに変更 **/
  left: 60%;
  transform: translateX(-50%);
  background: transparent !important;
  border: none !important;
  padding: 0;
  z-index: 10;
}












/* ナビメニュー内の整列 */
.nav-inner {
  margin: 0;
}


* ---------------------------------
   グローバルメニューの黒丸を完全に消す（全テーマ対応）
--------------------------------- */

/* liタグのマーカー（デフォルトの点）を無効化 */
.nav-menu,
.nav-menu ul,
.nav-menu li {
  list-style: none !important;
}

/* 疑似要素 (::before, ::marker) で追加されている点も強制的に削除 */
.nav-menu li::before,
.nav-menu li::after,
.nav-menu li::marker {
  content: none !important;
  display: none !important;
}

/* ---------------------------------
   グローバルメニューを常に横並びに戻す
--------------------------------- */
.nav-menu {
  display: flex !important;
  flex-direction: row !important; /* ← 縦並びを強制的に解除 */
  justify-content: center;
  align-items: center;
  gap: 25px;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* 念のため余白もリセット */
.nav-menu li {
  padding-left: 0 !important;
  margin-left: 0 !important;
}

.nav-menu li a {
  color: #111;
  text-decoration: none !important;
  font-size: 0.95em;
  padding: 8px 0;
  transition: 0.3s;
}

.nav-menu li a:hover,
.nav-menu .current-menu-item a {
  color: #2a4b8d;
  border-bottom: 2px solid #2a4b8d;
}

/* スマホ時は縦に並べる */
@media (max-width: 960px) {
  .header-inner {
    flex-direction: column;
    align-items: center;
    padding: 10px;
  }

  #nav {
    position: static;
    transform: none;
    margin-top: 10px;
  }

  .nav-menu {
    flex-direction: column;
    gap: 10px;
  }
}



/* -------------------------
 * Sticky（スクロール追従）用スタイル
 * ------------------------- */

/* 通常時（固定されていない） */
#nav {
  position: relative;
  width: 100%;
  z-index: 10;
  background-color: transparent;
  transition: all 0.3s ease;
}

/* スクロールして固定された状態 */
#nav.fixed {
  position: fixed;
  top: 0;
  left: 50%;                 /* 画面中央基準に配置 */
  transform: translateX(-50%); /* 完全に中央に寄せる */
  width: 1080px;             /* .header-inner と同じ幅に固定 */
  max-width: 100%;           /* スマホでは100%幅に戻す */
  z-index: 99999 !important; 
  background: #fff !important;
  opacity: 1 !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
  transition: all 0.3s ease;
}

/* スマホ時（全幅固定） */
@media (max-width: 960px) {
  #nav.fixed {
    left: 0;
    transform: none;
    width: 100%;
  }
}


/* ------------------------- 
*	メイン
---------------------------- */

body {
	margin:0;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	font-size: 1em;
	background: #fff;
	line-height: 190%;
	word-wrap:break-word;
	overflow-wrap:break-word;
	overflow-x: hidden;
}

body:not(.home) .wrapper { 
	margin: 0 auto; 
	padding: 0 10px 60px;
	max-width: 960px;
}

/* 1850（デイリーグッズ）、3046（特集ラインナップ）*/


.page-id-1850 .wrapper, .page-id-3046 .wrapper {
	max-width: 1180px !important;
}

.sidebar{
	max-width: 220px !important;
}

.page-id-1850 .sidebar, .page-id-3046 .sidebar{
	max-width: 240px !important;
}

@media only screen and (max-width: 1000px) {

	.page .sidebar { 
		display:none;
	}

	.sidebar{
		max-width: 100% !important;
	}

	.page-id-1850 .sidebar, .page-id-3046 .sidebar{ 
		display:block;
		max-width: 100% !important;
	}
}


/* -------------------------
*	sticky(HOMEのみ)
---------------------------- */

.sticky {
	width: 100%;
	margin:0;
	padding:0;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

.sticky-title {
	margin:0;
	padding:0;
	background: #fff;
	overflow: hidden;
}

.w_title{
	margin:0 auto;
	padding: 0 10px 15px;
	max-width: 1000px;
	overflow: hidden;
}

.w_title_sp{
	margin:0 auto;
	padding: 0 10px 0;
	max-width: 1000px;
	overflow: hidden;
}

.sticky-one {
	margin-top:-170px !important;
	background: #fff;
}

.sticky-two {
	background: #e1f5ff;
}

.sticky-three {
	background: #eaf9bb;
}

.sticky-four {
	background: #111;
}

.sticky-five {
	background: #fff;
}

.pc_w1600, .pc_w1200, .pc_w1000{
	margin:30px auto;
	padding: 80px 10px 80px;
	max-width: 1600px;
	overflow: hidden;
}

.pc_w1200{
	max-width: 1200px;
}

.pc_w1000{
	max-width: 1000px;
}


/* Pタグ
---------------------------- */

p {
	margin:0;
	padding: 15px 0;
	font-size:1.25em;
	color: #111;
	line-height: 190%;
}

/* Pリンク
---------------------------- */

p a{
	color:#00f;
	text-decoration: underline;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

p a:visited {
	color:#111;
	text-decoration: underline;
}

p a:hover{
	color:#f00;
	text-decoration: underline;
}

p a:active {
	color:#111;
	text-decoration: underline;
} 

p a:active, a:focus {
	outline: 111;
	text-decoration: underline;
}


dl dd a {
	color:#00f;
	text-decoration: underline;
}

dl dd a:visited {
	color:#111;
	text-decoration: underline;
}



/*----------------------------------------
  相談カード（白背景・3列固定 → スマホ1列）
----------------------------------------*/

/* コンテナ全体（.image-menu） */
.image-menu {
  position: relative;                 /* 配置基準を作る */
  top: -80px;                         /* 背景との重なりを微調整 */
  z-index: 2;                         /* 背景より前に出す */
  max-width: 1280px;                  /* 横幅の最大値を制限 */
  margin: 0 auto;                     /* 中央寄せ */
  padding: 40px 20px 60px;            /* 内側余白（上・横・下） */
  display: flex;                      /* 横並び配置 */
  flex-wrap: wrap;                    /* 折り返しを許可 */
  justify-content: center;            /* 中央寄せ配置 */
  gap: 20px;                          /* 各カード間の間隔 */
  background: #fff;                   /* 背景を白に設定 */
  border-radius: 20px;                /* 角を丸める */
  box-shadow: 0 4px 25px rgba(0, 0, 0, 0.08); /* 柔らかい影 */
}

/* 各カード（.menu-card） */
.menu-card {
  background: #fff;                   /* 背景色（白） */
  border-radius: 10px;                /* 角を丸くする */
  box-shadow: 0 4px 16px rgba(0,0,0,0.1); /* 薄い影で浮かせる */
  overflow: hidden;                   /* 枠外は非表示 */
  width: calc(33.333% - 20px);        /* 3列固定配置 */
  transition: transform 0.3s ease, box-shadow 0.3s ease; /* ホバー時アニメーション */
}

/* ホバー時の効果 */
.menu-card:hover {
  transform: translateY(-5px);        /* 少し上に持ち上げる */
  box-shadow: 0 10px 24px rgba(0,0,0,0.18); /* 浮き上がり感を強調 */
}

/* カード内の画像設定 */
.menu-card img {
  display: block !important;          /* 行間の隙間を防止 */
  width: 100% !important;             /* 横幅いっぱいに表示 */
  height: 200px !important;           /* 高さ固定で均一に */
  object-fit: cover;                  /* トリミングして自然表示 */
  margin: 0 !important;               /* 外側余白をリセット */
  padding: 0 !important;              /* 内側余白をリセット */
  border: none !important;            /* 余分な線を削除 */
  vertical-align: bottom !important;  /* 下揃えでズレ防止 */
}

/* カード全体をクリック可能にする（aタグ） */
.menu-card a {
  display: block;                     /* カード全体をクリック可能に */
  margin: 0 !important;               /* 余白リセット */
  padding: 0 !important;
  line-height: 0 !important;          /* 行間による空白を完全除去 */
  border: none !important;
  text-decoration: none !important;   /* 下線を削除 */
  outline: none !important;           /* フォーカス枠削除 */
  color: inherit !important;          /* 文字色を継承 */
}

/* hover時も装飾を出さない */
.menu-card a:hover {
  text-decoration: none !important;   /* 下線を出さない */
  border: none !important;            /* 枠を出さない */
  outline: none !important;           /* フォーカス枠を出さない */
}

/* カード下部テキスト（pタグ） */
.menu-card p {
  margin: 0 !important;               /* デフォルトの上下余白削除 */
  padding: 12px 0 !important;         /* テキスト内の余白 */
  background: #6cf;                   /* 背景色（明るい青） */
  color: #fff;                        /* テキスト白 */
  text-align: center;                 /* 中央揃え */
  font-weight: bold;                  /* 太字 */
  font-size: 1em;                     /* 標準文字サイズ */
  line-height: 1.6;                   /* 読みやすい行間 */
}

/* 3列維持の微調整（画面幅1054px以下） */
@media (max-width: 1054px) {
  .menu-card {
    width: calc(33.333% - 15px);      /* わずかに縮小して3列維持 */
  }
}

/* スマホ対応（768px以下：1列表示） */
@media (max-width: 768px) {
  .image-menu {
    flex-direction: column;           /* 縦並びに変更 */
    max-width: 95%;                   /* 横幅の最大値を制限 */
    align-items: center;              /* 中央寄せ */
    margin: 80px 25px 60px;           /* 上下左右の重なり解除 */
    padding: 30px 10px 40px;          /* 余白を調整してコンパクトに */
  }

  .menu-card {
    width: 90%;                       /* 1列レイアウト用に拡張 */
    max-width: 360px;                 /* 横幅の上限を設定 */
  }

  .menu-card img {
    height: auto;                     /* 高さ自動調整 */
    aspect-ratio: 16 / 9;             /* 縦横比固定（16:9） */
    object-fit: cover;                /* トリミング表示 */
  }
}

















/* フェードイン faid
---------------------------- */

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/* スライダー　slider
---------------------------- */

.content {
  width: 320px;
  height: 300px;
}
.content:nth-child(1) {
  background: #fff;
}
.content:nth-child(2) {
  background: #fff;
}
.content:nth-child(3) {
  background: #fff;
}
.content:nth-child(4) {
  background: #fff;
}
.content:nth-child(5) {
  background: #fff;
}
/* スライドレールの枠 */
.wrap {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 340px;
  margin-bottom: 100px;
}
/* content4つをまとめたスライドブロック */
.slideshow {
  display: flex;
  -webkit-animation: loop-slide 60s infinite linear 1s both;
  animation: loop-slide 60s infinite linear 1s both;
}
@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


/* -------------------------
*	お知らせ
---------------------------- */

.osirase{
	list-style-type: disc;
	margin:0 0 -20px 50px;
}

.osirase a{
	text-decoration:underline;
	color:#333;
}

.osirase a:visited {
	text-decoration:underline;
	color:#333;
}

.osirase a:hover{
	text-decoration:underline;
	color:#333;
}

.osirase a:active {
	text-decoration:underline;
	color:#333;
} 

.news_item {
    font-size: 0.9em;
	margin-left:-20px !important;
}

@media only screen and (max-width: 768px) {
	.osirase{
		list-style-type: disc;
		margin:0 0 -20px 40px;
	}
}


/* -------------------------
*	body横並び
---------------------------- */

.container {
	display: flex;
	flex-wrap: wrap;
}

.column {
	flex: 1;
	padding: 10px;
	box-sizing: border-box;
}


/* -------------------------
*	box横並び
---------------------------- */

.gazo_item {
	padding: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #fff;
}

figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
	margin:0;
	float: left;
}

figure.gazo-box2 {
	width: 49.5%;
}

figure.gazo-box3 {
	width: 32.8%;
}
	
figure.gazo-box4 {
	width: 24.0%;
}
	
figure.gazo-box5 {
	width: 18.0%;
}
	
figure.gazo-box6 {
	width: 15.0%;
}

@media only screen and (min-width: 769px) and (max-width: 959px) {

	figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
		margin:0;
		float: left;
	}

	figure.gazo-box2 {
		width: 49.5%;
	}

	figure.gazo-box3 {
	width: 32.8%;
	}

	figure.gazo-box4 {
		width: 48.8%;
	}

	figure.gazo-box5 {
		width: 18.0%;
	}

	figure.gazo-box6 {
		width: 24.0%;
	}
}

@media only screen and (min-width: 600px) and (max-width: 768px) {

	figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
		margin:0;
		float: left;
	}

	figure.gazo-box2 {
		width: 100%;
	}

	figure.gazo-box3 {
		width: 100%;
	}

	figure.gazo-box4 {
		width: 48.8%;
	}

	figure.gazo-box5 {
		width: 18.0%;
	}

	figure.gazo-box6 {
		width: 24.0%;
	}
}

@media only screen and (min-width: 480px) and (max-width: 599px) {

	figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
		margin:0;
		float: left;
	}

	figure.gazo-box2 {
		width: 100%;
	}

	figure.gazo-box3 {
		width: 100%;
	}

	figure.gazo-box4 {
		width: 48.8%;
	}

	figure.gazo-box5 {
		width: 18.0%;
	}

	figure.gazo-box6 {
		width: 24.0%;
	}
}

@media only screen and (min-width: 375px) and (max-width: 479px) {

	figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
		margin:0;
		float: left;
	}

	figure.gazo-box2 {
		width: 100%;
	}

	figure.gazo-box3 {
		width: 100%;
	}

	figure.gazo-box4 {
		width: 48.8%;
	}

	figure.gazo-box5 {
		width: 18.0%;
	}

	figure.gazo-box6 {
		width: 24.0%;
	}
}

@media only screen and (max-width: 374px) {

	figure.gazo-box2, figure.gazo-box3, figure.gazo-box4, figure.gazo-box5, figure.gazo-box6 {
		margin:0;
		float: left;
	}

	figure.gazo-box2 {
		width: 100%;
	}

	figure.gazo-box3 {
		width: 100%;
	}

	figure.gazo-box4 {
		width: 100%;
	}

	figure.gazo-box5 {
		width: 100%;
	}

	figure.gazo-box6 {
		width: 100%;
	}
}


/* 画像横並び
---------------------------- */

[class^="img-flex-"] {
	margin-bottom: 20px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


/* パンくず
---------------------------- */

.pankuzu_arrow{
    display:inline-block;
    width: 0;
    height: 0;
    color: #0073e6;
    border-style: solid;
    border-width: 6px 0 6px 10.4px;
    border-color: transparent transparent transparent #69A4DB;
}

.breadcrumbs > span{
    margin-right:12px;
}

.breadcrumbs-inner {
	width: 960px; /* テキストの最大幅 1カラム940px 2カラム1040px */
	margin: auto;
	padding:5px;
}



/* パンくずリスト内のリンクのスタイル */
.breadcrumbs a {
    text-decoration: none;
    color: #0073e6;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

.breadcrumbs a {
    text-decoration: none;
    color: #0073e6;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}


/* -------------------------
*	ページタイトル
---------------------------- */

.pagetitle {
	display:none;
}


/* -------------------------
*	目次 +toc
---------------------------- */

#toc_container a{
	color:#111;
}

.no_bullets {
	clear:both;
}


/* -----------------------------
	h 見出し タイトル
----------------------------- */

h1.standard01{
	clear:both;
    position: relative;
    margin: 60px 0 20px;
    padding: 0.5em 0.5em 0.5em 2.0em;
	color:#111;
	font-size:1.25em;
    font-weight: bold;
    border-bottom: 2px solid #111;
}

h2 {
	clear:both;
    margin: 30px 0 0;
	padding: 0;
	color:#111;
	font-size:1.25em;
	font-weight:bold;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h2.fade{
	padding: 5px;
	line-height:1.5em;
	font-size:150%;
    font-weight: bold !important;
	letter-spacing:.1em;

}

h2.icon, h2.icon02, h2.icon03  {
	margin:30px 0;
    background: url(../../../images/icon08.jpg) no-repeat 0 center / 50px auto;
    padding: 15px 10px 10px 70px;
    background-position: 10px 0;
	border-bottom: solid 3px #9cc813;
}

h2.icon02{
    background: url(../../../images/icon09.jpg) no-repeat 0 center / 50px auto;
}

h2.icon03{
    background: url(../../../images/icon10.jpg) no-repeat 0 center / 50px auto;
}

@media(max-width:767px) {
	h2.icon, h2.icon02, h2.icon03 {
		margin:30px 0;
	    background:  url(../../../images/icon08.jpg) no-repeat 0 center / 30px auto;
	    padding: 15px 10px 15px 45px;
	    background-position: left 3% bottom 50%;
		border-bottom: solid 3px #9cc813;
	}

	h2.icon02 {
	    background:  url(../../../images/icon09.jpg) no-repeat 0 center / 30px auto;
	}

	h2.icon03 {
	    background:  url(../../../images/icon09.jpg) no-repeat 0 center / 30px auto;
	}
}


h2.standard01 {
	margin:30px 0 20px;
	padding: 0.5em;
	color: #fff;
	font-size:1.25em;
	background: #9cc813;
	text-align:center;
}

h2.standard02 {
	margin:30px 0 20px;
	padding: 0.3em 2px 0.3em 10px;
	border-top: solid 3px #f90;
	border-bottom: solid 3px #f90;
}

h2.standard03 {
 	position: relative;
	margin:40px 0 30px;
	padding: 10px 20px 10px 38px;
	font-size:20px;
	border: 1px solid #9cc813;
	border-bottom: 4px solid #9cc813;
	background: linear-gradient(#fff 0%, #efefef 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
}

h2.standard03::after{
	content: "";
	position: absolute;
	top: 50%;
	left: 10px;
	margin-top: -10px;
	width: 18px;
	height: 18px;
	border: 4px solid #9cc813;
    border-radius: 50%;
	box-sizing:border-box;
}

h2.standard04 {
	position: relative;
	margin:50px 20px;
	padding: 0.25em 1em;
	background:#9cc813;
	border: solid 2px black;
	border-radius: 3px 0 3px 0;
}

h2.standard04:before, h2.standard04:after {
	content: '';
	position: absolute;
	width:10px;
	height: 10px;
	background:#9cc813;
	border: solid 2px black;
	border-radius: 50%;
}

h2.standard04:after {
	top:-12px;
	left:-12px;
}

h2.standard04:before {
	bottom:-12px;
	right:-12px;
}


h2.standard05 {
  position: relative;
  padding: 12px 12px 12px 28px;
  font-weight: 600;
  color: #fff;
  background: linear-gradient(135deg, #ffa726, #fb8c00);
  border-radius: 4px;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}

h2.standard05::after {
  position: absolute;
  top: 50%;
  left: 12px;
  transform: translateY(-50%);
  content: '';
  width: 4px;
  height: 60%;
  background: #fff;
  border-radius: 4px;
}

h2.standard06 {
  position: relative;
  margin: 60px 0 20px;
  padding: 0.8em 1em 0.8em 2.2em;
  color: #fff;
  background: linear-gradient(135deg, #9cc813, #8ab612);
  border-radius: 6px;
  font-weight: 600;
  line-height: 1.5;
  box-shadow: 0 3px 10px rgba(0,0,0,0.12);
}

h2.standard06:before {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f14a";
  left: 0.8em;
  font-size: 1.1em;
  color: #fff;
}

h2.standard11 {
	position: relative;
	clear:both;
	margin:50px 0 30px;
	padding: 1.5rem;
	color:#333;
	text-align: center;
	border: 2px solid #333;
	background: #fff;
}

h2.standard11:before, h2.standard11:after {
	position: absolute;
	content: '';
}

h2.standard11:before {
	top: -40px;
	left: calc(50% - 40px);
	width: 80px;
	height: 80px;
	border: 2px solid #333;
	border-radius: 50%;
	background: #fff;
}

h2.standard11:after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

h2.standard11 i {
	font-size: 30px;
	line-height: 60px;
	position: absolute;
	z-index: 1;
	top: -70px;
	left: calc(50% - 40px);
	width: 80px;
	height: 20px;
	text-align: center;
}

h2.standard11 span {
	position: relative;
	z-index: 1;
}


h3 {
	clear:both;
 	margin: 30px 0;
	padding: 0;
	color:#111;
	font-size:1.25em;
	font-weight:bold;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

h3 a:link, a:visited, a:hover, a:active {
        text-decoration:none;
}

h3.standard02 {
	margin:30px 0 20px;
	padding: 0.3em 2px 0.3em 10px;
	border-top: solid 3px #f90;
	border-bottom: solid 3px #f90;
}

h3.standard03 {
	margin:30px 0 20px;
	padding: 0.5em;
	color:#fff;
	background: #9cc813;
}


/*	h4.standard04も修正すること	*/
/* --- 商品タイトル（h3） --- */
h3.standard04 {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.05em;
	font-weight: 600;
	text-align: center;
	margin: 1px 0 10px;
	color: #333;
	letter-spacing: 0.03em; /* 少し余裕をもたせて上品に */
	position: relative;
	transition: all 0.3s ease;
}

/* タイトルリンク */
h3.standard04 a {
	color: #333;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* hover時にカラーをアクセント化（オレンジ系） */
h3.standard04 a:hover {
	color: #ff9900;
}

/* 下線アニメーション（hover時に左からスッと伸びる） */
h3.standard04 a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 0;
	height: 2px;
	background: #ff9900;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

h3.standard04 a:hover::after {
	width: 50%; /* hover時に中央から左右にスッと伸びる */
}

@media only screen and (max-width: 768px) {
	h3.standard04{
		font-size:70%;
/*		text-align:left !important;*/
	}
}



h4 {
 	margin: 30px 0 0;
	padding: 0;
	border: 0;
	outline: 0;
	color:#f36;
	font-size:1.4em;
	font-weight:bold;
	vertical-align: baseline;
	background: transparent;
}

h4.standard01 {
	display: inline-block;
	position: relative;
	margin:0 0 20px;
	padding: 20px 0 5px;
	border-bottom: solid 3px #f36;
}

/*	h3.standard04も修正すること	*/
h4.standard04 {
	font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 1.05em;
	font-weight: 600;
	text-align: center;
	margin: 1px 0 10px;
	color: #333;
	letter-spacing: 0.03em; /* 少し余裕をもたせて上品に */
	position: relative;
	transition: all 0.3s ease;
}

/* タイトルリンク */
h4.standard04 a {
	color: #333;
	text-decoration: none;
	transition: color 0.3s ease;
}

/* hover時にカラーをアクセント化（オレンジ系） */
h4.standard04 a:hover {
	color: #ff9900;
}

/* 下線アニメーション（hover時に左からスッと伸びる） */
h4.standard04 a::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -5px;
	width: 0;
	height: 2px;
	background: #ff9900;
	transition: all 0.3s ease;
	transform: translateX(-50%);
}

h4.standard04 a:hover::after {
	width: 50%; /* hover時に中央から左右にスッと伸びる */
}

@media only screen and (max-width: 768px) {
	h4.standard04{
		font-size:70%;
/*		text-align:left !important;*/
	}
}

h4.yubi::before{
	font-family:'FontAwesome';
	content:"\f0a4";
	font-size:1.4em;
	position:absolute;
	left:0;
	top:0;
	color:#9cc813;
}

h5 {
	margin: 30px 0 0;
	font-size:19px;
	line-height: 1.4em;
}

h5.standard01 {
	display: inline-block;
	padding: 0.5em;
	color: #fff;
	background: #9cc813;
}


h6 {
	margin: 30px 0 0;
	font-size:18px;
	line-height: 1.4em;
}


/* -------------------------
*	全幅見出し
---------------------------- */

#wide-wrap1, div.wide-wrap{
	position:relative;
	margin:0 calc(50% - 50vw) !important;
	overflow:hidden;
}


/* 全幅ボックスに入れる見出しの基本スタイル */
/* シンプルな全幅見出し */
div.wide-h2-simple {
    background: #fff;
    color: #fff !important;
    padding: 0;
}

div.wide-h2 h2 {
	margin:30px 0 20px;
	padding: 0.25em 0.5em;
	font-weight:bold;
	background: transparent;
	border-left: solid 5px #9cc813;
    color: #fff !important;
	text-align:left;
}

/* ギザギザにカットされた全幅見出し */
div.wide-h2-cut {
    position: relative;
    padding: 30px;
    margin-bottom: -30px;
}

div.wide-h2-cut h2 {
    padding: 2em 0;
    margin: 0 calc(50% - 50vw);
    color: #9cc813;		/* h2の色はこちらを変更 */
	font-size:1.3em !important;
    text-align: center;
    background: #9cc813;
}

div.wide-h2-cut::before, div.wide-h2-cut::after {
    height: 30px;
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
}

div.wide-h2-cut::before {
    top: 0px;
    background: linear-gradient(45deg, #9cc813 15px, transparent 0), linear-gradient(315deg, #9cc813 15px, transparent 0);
    background-size: 30px 30px;
}

div.wide-h2-cut::after {
    bottom: 0px;
    background: linear-gradient(135deg, #9cc813 15px, transparent 0), linear-gradient(225deg, #9cc813 15px, transparent 0);
    background-size: 30px 30px;
}

/* h2装飾 */
	div.wide-h2-rotate h2 {
}


/* -----------------------------
	div 見出し div タイトル div　タイトル
----------------------------- */

div.standard01{
	position: relative;
	margin:30px 0;
	padding: 1.5rem 2rem 1.5rem 90px;
	font-size:1.25em;
	border: 2px solid #f90;
	overflow: hidden;
}

div.standard01:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 180px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: #f90
}

div.standard01 span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0;
	display: block;
	padding-top: 3px;
	padding-left: 16px;
	color: #fff;
}

@media only screen and (min-width: 480px) and (max-width: 599px) {

	div.standard01{
		padding: 1.5rem 1.5rem 1.5rem 70px;
		font-size:1.25em;
	}

	div.standard01:before {
		width: 160px;
	}

	div.standard01 span {
		font-size: 30px;
		font-size: 3rem;
		padding-left: 14px;
	}

}

@media only screen and (max-width: 479px) {

	div.standard01 {
		padding: 1.5rem 1rem 1.5rem 50px;
		font-size:1.2em;
	}

	div.standard01:before {
		width: 150px;

	}
	
	div.standard01 span {
		font-size: 20px;
		font-size: 2rem;
		padding-left: 12px;
	}
}

div.standard02_1, div.standard02_2, div.standard02_3, div.standard02_4, div.standard02_5, div.standard02_6, div.standard02_7, div.standard02_8, div.standard02_9, div.standard02_10 {
	position: relative;
	margin:20px 0 !important;
	padding: 2px 5px 2px 40px;
	font-size:1.25em;
}

div.standard02_1:before, div.standard02_2:before, div.standard02_3:before, div.standard02_4:before, div.standard02_5:before, div.standard02_6:before, div.standard02_7:before, div.standard02_8:before, div.standard02_9:before, div.standard02_10:before {
	content: "１";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #f90;
	font-weight: normal;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -0.5em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}

div.standard02_2:before{
	content: "２";
}

div.standard02_3:before{
	content: "３";
}

div.standard02_4:before{
	content: "４";
}

div.standard02_5:before{
	content: "５";
}

div.standard02_6:before{
	content: "６";
}

div.standard02_7:before{
	content: "７";
}

div.standard02_8:before{
	content: "８";
}

div.standard02_9:before{
	content: "９";
}

div.standard02_10:before{
	content: "10";
}

div.standard03_1, div.standard03_2, div.standard03_3, div.standard03_4 {
	position: relative;
	margin:20px 0 !important;
	padding: 2px 5px 2px 40px;
	font-size:1.25em;
}

div.standard03_1:before, div.standard03_2:before, div.standard03_3:before, div.standard03_4:before {
	content: "１";
	display: inline-block;
	line-height: 40px;
	position: absolute;
	padding: 0em;
	color: white;
	background: #f90;
	font-weight: normal;
	width: 40px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	left: -0.5em;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	border: solid 3px white; 
	border-radius: 50%;
}

div.standard03_2:before{
	content: "２";
}

div.standard03_3:before{
	content: "３";
}

div.standard03_4:before{
	content: "４";
}


/* -----------------------------
	yubi 見出し div タイトル div　タイトル
----------------------------- */

p.yubi{
	clear:both;
	position:relative;
	padding:0 30px 10px 40px;
	font-size:1.25em;
}


p.yubi::before{
	font-family:'FontAwesome';
	content:"\f0a4";
	font-size:1.25em;
	position:absolute;
	left:0;
	top:0;
	color:#9cc813;
}


/* -----------------------------
　　　table　テーブル
----------------------------- */

.content table, table {
	max-width: 100%;
	border:1px solid #ccc;
	margin: 5px 0 10px;
	text-align: left;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 2px;
	font-size: 80%;
	line-height: 141.7%;
	table-layout:fixed;
	empty-cells: show;
}

.content table th, table th {
	width: 30%;
	border:1px solid #ccc;
	vertical-align: middle;
	text-align:center;
}

.content table td, table td {
	padding: 20px 0px;
	border:1px solid #ccc;
	vertical-align: middle;
}

@media only screen and (max-width: 767px) {
	.content table th, table th {
		width:38%;
	}
}


/* -----------------------------
　table　枠線あり
----------------------------- */

table.entry-content{
	margin:30px 0 20px 0;
}

table.entry-content th, table.entry-content td {
	padding:0 10px;
	line-height:300%;
	border: 1px solid #9cc813;
	vertical-align: middle;
	background:#fff;
}

table.entry-content th {
	background:#eee;
}

table.table.entry-content td {
	text-align:left;
}


/* -----------------------------
　table　スマホスクロール
----------------------------- */

.tbl-r07, .tbl-r08 {
	width:100%;
	margin: 0 0 50px;
	padding:10px 20px;
	font-size:1.2em;
	border-bottom: solid 1px #ccc;
}

.tbl-r07 th, .tbl-r08 th {
	padding:10px 20px;
	text-align:center !important;
	font-size:1em;
	border-bottom: solid 1px #ccc;
	background-color:#e0e0e0;
}

.tbl-r07 td, .tbl-r08 td {
	padding:10px 20px;
	text-align:right !important;
	font-size:0.9em;
	border-bottom: solid 1px #ccc;
}

@media only screen and (max-width: 768px) {
	.scroll {
		overflow-x: auto;
	}

	.tbl-r07, .tbl-r08 {
		min-width: 640px;
		margin: 0 10px 50px;
		padding:10px 20px;
		font-size:90%;
		border-bottom: solid 1px #ccc;
	}

	.tbl-r07 th, .tbl-r08 th {
		padding:10px 20px;
		text-align:center !important;
		font-size:90%;
		border-bottom: solid 1px #ccc;
	}

	.tbl-r07 td, .tbl-r08 td {
		padding:10px 20px;
		text-align:right !important;
		font-size:90%;
		border-bottom: solid 1px #ccc;
	}
}

/* -----------------------------
	チェック幅
----------------------------- */

.wpcf7-list-item-label{
	margin:0 20px 0 0;
	line-height:2em;
}

span.wpcf7-list-item {
	display: block!important;
}


/* -----------------------------
　　　フォーム
----------------------------- */

input[type="text"], 
input[type="password"],
input[type="email"],
input[type="url"],
input[type="phone"],
input[type="tel"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="color"],
input[type="time"],
input[type="search"],
input[type="datetime-local"] {
	font-size: 0.95em;
    border:1px solid #ccc;
	box-shadow: none;
	padding: 0.3em 0.35em;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}

input[type="number"]{
	text-align:center;
	font-size: 0.95em;
    border:1px solid #ccc;
	box-shadow: none;
	padding: 0.3em 0.35em;
	width:50px;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}


.wpcf7-checkbox input[type=checkbox] {
	margin-right:10px;
	width:			18px;
	height:			18px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}


.wpcf7-calculated{
	text-align:right;
	font-size: 0.95em;
    border:1px solid #ccc;
	box-shadow: none;
	padding: 0.3em 0.35em;
	width:100px;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}

.wpcf7-calculator{
	text-align:right;
	font-size: 0.95em;
    border:1px solid #ccc;
	box-shadow: none;
	padding: 0.3em 0.35em;
	width:100px;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}

.cf7-calculation{
	text-align:right;
	font-size: 0.95em;
    border:1px solid #ccc;
	box-shadow: none;
	padding: 0.3em 0.35em;
	width:100px;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}

/*合計ボタン*/
.cf7-calculate_button{
	width:100px;
	height:30px;
	font-size:18px;
}

.wpcf7-textarea{
    border:1px solid #ccc !important;
	width:100%;
	font-size: 1.15em;
	box-shadow: none;
	padding: 0.3em 0.35em;
	line-height: 1.65em;
	border-radius: 0;
	outline: none;
	background: #ffc;
}

.wpcf7-select{
	padding:3px;
	border: 1px solid #ddd;
	font-size:1em !important;
	background: #ffc;
}


/* -----------------------------
　　　ラジオボタン radio
----------------------------- */

input[type="radio"] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #000;
  content: '';
}


/* -----------------------------
　　　送信ボタン
----------------------------- */

/*送信ボタン*/
#main .wpcf7-form input[type=submit]{ 
	margin:60px 0 40px;
	padding:20px 0 40px !important;
	width:180px;
	height:60px !important;
	color:#fff;
	text-align:center;
	background:#9cc813 !important;
	cursor: pointer;
    border:0;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.form-width{ 
    max-width: 90%;
}


/* pagenavi
---------------------------- */

div.wp-pagenavi{
	margin:50px auto;
}


/* ブログタイトル
---------------------------- */

.blog-title {
  margin: 50px 0 30px;
  padding: 0.6em 1em;
  color: #fff;
  font-size: 1.2em;
  text-align: left !important;
  background: linear-gradient(135deg, #8bc34a, #7cb342);
  border-left: 6px solid #558b2f;
  border-radius: 4px;
}

.single-contents h2{
	position: relative;
	margin:30px 0 20px;
	padding: 0.25em 0.5em;
	background: #f1f8ff;
	font-size:1.2em !important;
	font-weight: bold;
	border-left: solid 2em #9cc813;
}
 
.single-contents h2:before{
	font-family: "Font Awesome 5 Free";
	content: "\f303";
	position: absolute;
	padding: 0;
	color: white;
	font-weight: 900;
	left: -1.6em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.single-contents h3{
	margin:30px 0;
	padding: 0.25em 0.5em;
	font-size:1.2em;
	background: transparent;
	border-left: solid 5px #9cc813;
}

.single-contents h4 {
	display: inline-block;
	margin:20px 0 50px !important;
	padding: 0.25em 0;
	font-size:1.15em !important;
	border-bottom: solid 2em #9cc813;
}

.single-contents h5 {
	display: inline-block;
	margin:20px 0 50px !important;
	padding: 0.25em 0;
	font-size:1.10em !important;
}

.single-contents h6 {
	display: inline-block;
	margin:20px 0 50px !important;
	padding: 0.25em 0;
	font-size:1.05em !important;
}


/* HOME新着ブログ　h2
---------------------------- */

.pt-cv-title{
	font-size:18px;
}

.pt-cv-content{
	color:#111;
}


/* ブログ記事
---------------------------- */

.pagedate {
	display:none;
}

.single-contents {
	margin: 0 0 70px;
}

.single-contents p {
	font-size: 1.2em; 
	color: #111;
	line-height: 190%;
	padding: 15px 0;
}

.single-contents p a {
	color:#111;
	text-decoration:none;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

.single-contents img{
	padding:30px 0;
}

.single-contents .gazou_haichi{
	text-align:center;
	font-size:70%;
}


/* ブログ最新記事
---------------------------- */

h2.su-post-title a {
	color:#111 !important;
}

h2.su-post-title a:visited {
	color:#111 !important;
}

h2.su-post-title a:hover {
	color:#00f !important;
}

h2.su-post-title a:active {
	color:#111 !important;
}

.su-post-comments-link{		/*コメントなしの文字を削除*/
	display:none;
}

.next p a{
	text-decoration: underline;
}


/* 続きを読むボタン
---------------------------- */

.more-link {
	border: 1px #f01f34 solid;
	padding: 12px 24px;
	line-height: 26px;
	box-sizing: border-box;
	clear: both;
	color: #444;
	font-size: 14px;
}

.more-link:hover {
	background: #028cd4;
	color: #fff !important;
	text-decoration: none;
}

@media screen and (max-width: 991px) {
	.more-link {
		display: block;
    	width: 100%;
    	text-align: center;
    	margin-bottom: 24px;
  }
}

body.color01 .more-link {
	border: 1px #444 solid;
	color: #028cd4;
}

body.color01 .more-link:hover {
	background: #444;
	color: #fff;
}

body.color02 .more-link {
	border: 1px #444 solid;
	color: #028cd4;
}

body.color02 .more-link:hover {
	background: #444;
	color: #fff;
}

body.color03 .more-link {
	border: 1px #444 solid;
	color: #028cd4;
}

body.color03 .more-link:hover {
	background: #444;
	color: #fff;
}

body.color04 .more-link {
	border: 1px #444 solid;
	color: #028cd4;
}

body.color04 .more-link:hover {
	background: #444;
	color: #fff;
}



/* -----------------------------
　サイド side
----------------------------- */

.option{
	text-decoration: none;
}

.grid_second{
	margin:0 auto !important;
}


/* -----------------------------
　カテゴリー、アーカイブページ
----------------------------- */

h2.archive-title a{
	display:block;
	padding: 0.5em;
	color: #fff;
	font-size:1.05em;
	text-align:left !important;
	background: #9cc813;;
	text-decoration: none;
}

.archive-date {
	margin:10px 0 0;;
	padding:0;
	font-size: 0.9em;
	color: #ccc;
}

.archive-cat {
	padding: 0;
	margin: 0 0 10px;
	max-height: 65px;
	font-size: 0.9em;
	line-height:1em;
	overflow:hidden;
}

.archive-text {
	margin:10px 0 5px;
	font-size: 0.95em;
	line-height: 170%;
	overflow:hidden;
}


/* -------------------------
*	ウィジット
---------------------------- */

.widget_nav_menu{
	font-size: 1em !important;
}

.widget-title, .sidebox .widget-title{
	position: relative;
	margin: 20px 0 1.5em;
	padding: 0.5em 0.5em 0.5em 1.7em;
	font-size: 1.25em !important;
	font-weight: bold;
	border-top: none;
	border-bottom: 1px solid #9cc813;
}
 
.widget-title:before, .sidebox .widget-title:before{
	content: "";
	position: absolute;
	background: #9cc813;
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
 
.widget-title:after, .sidebox .widget-title:after{
	content: "";
	position: absolute;
	background: #f90;
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}

.post-date {
	font-size: 89%;
	padding: 0 0 0 10px;
}


.sidebox ul li a{
	margin:0;
	font-size: 1em !important;
}

.sidebox li{
	margin:0;
	padding: 7px 0;
	list-style: none;
	border-bottom:1px dotted #ddd;
}

.sidebox ul li.menu-item{
	margin:0 0 0 20px;
	text-decoration: none !important;
}


/* ブログ数
---------------------------- */

.widget ul li, 
.sidebar ul li, 
.widget ul li, 
.wp_rp_content ul li{
	font-size: 90%;
}

.widget ul li a{
	color:#111;
}

.widget_archive{
	font-size: 1em !important;
}


/* -------------------------
*	フッター footer
---------------------------- */	

#footer {
	clear: both;
	margin: 0 auto;
	width: 100%;
	font-size: 95% !important;
	color: #000;
	background: #fff;
}

.foot-wrap {
	margin: 0 auto;
	max-width: 1000px; /* widthをmax-widthに変更 */
	background: #fff !important;
	overflow: hidden; /* クリアフィックスを追加 */
}

.menu-left,
.menu-center,
.menu-right {
	float: left; /* display: inline-blockからfloatに変更 */
	box-sizing: border-box; /* ボーダーボックスモデルを使用 */
	padding-right: 30px;
	width: 33%;
}

.menu-left {
	padding-top: 30px !important; /* 正の値に変更 */
}

.menu-center,
.menu-right {
	padding-top: 30px !important;
}

/* モバイル用のスタイル */
@media (max-width: 768px) {
	.menu-left,
	.menu-center,
	.menu-right {
		width: 95%; 
    	float: none; 
    	padding: 0 10px;
    	box-sizing: border-box; 
	}
}


#copyright {
	position: relative;
	margin: 0;
	padding: 10px;
	font-size: 15px;
	line-height: 110%;
	color: #fff;
	text-align: center;
	background: #9cc813 !important;
}

#footer #copyright a {
	color:#fff;
}

#footer #copyright a:visited {
	color:#fff;
}

.footer-blog {
	clear:both;
	font-size:75%;
	text-align: left;
	margin: 0 0 50px;
	font-weight:normal;
	border-bottom:0px dotted #ccc;
}


/* フッターcall to action
---------------------------- */

.footer_fixed{
	position:fixed;
	display:flex;
	width:100%;
	bottom:0;
	left:0;
	z-index:999;
}

.footer_fixed a{
	color: #fff;
	text-decoration: none;
}

.footer_tel{
	width:50%;
	background:#e1f5ff;
	text-align:center;
	padding:10px 0;
}

.footer_tel a{
	color: #111;
}

.footer_contact{
	width:50%;
	background:#9cc813;
	text-align:center;
	padding:10px 0;
}


@media(min-width:700px){
	.footer_fixed{
		display: none;
	}

	.menu-footer-container.ul li{
		list-style:square;
	}
}


/* フッターメニュー footer menu
---------------------------- */

ul li.menu-item{
	list-style:square !important;
	font-size:99% !important;
}

ul li.menu-item a{
	color:#111;
}


/* リスト
---------------------------- */

ul li, ol li{
	margin-left:20px;
	line-height: 2em;
	font-size:1.25em;
}



li a{
	color:#9cc813;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	text-decoration: underline;
}

li a:hover{
	color:#f00;
	text-decoration: underline;
}

ul.chevron {
	position: relative;
	margin:0 0 30px;
	padding: 0.5em 1em 0.5em 2em;
/*	border: double 4px #ccc;*/
	background:#fff;
}

ul.chevron li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
}

ul.chevron li:before {
	font-family: "Font Awesome 5 Free";
	content: "\f0a4";
	position: absolute;
	left : .8em; 
	color: #f36 !important; 
}


ol.chevron2 {
	clear:both;
	margin:30px 0;
	padding:1em 0.7em 1em 1em;
	counter-reset:number; /*数字をリセット*/
	list-style-type: none!important; /*数字を一旦消す*/
	border: solid 3px #9cc813;
	background: #fff;
}

ol.chevron2 li {
	position: relative;
	padding-left: 30px;
	line-height: 1.5em;
	padding: 0.5em 0.5em 0.5em 30px;
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	ol.chevron2 li {
		padding-left: 25px;
	}
}

@media only screen and (max-width: 479px) {
	ol.chevron2 li {
		padding-left: 20px;
	}
}

ol.chevron2 li:before{
	/* 以下数字をつける */
	position: absolute;
	counter-increment: number;
	content: counter(number);
	/*以下数字のデザイン変える*/
	display:inline-block;
	background: #f01f34;
	color: #fff;
	font-family: 'Avenir','Arial Black','Arial',sans-serif;
	font-weight:bold;
	font-size: 15px;
	border-radius: 50%;
	left: 0;
	width: 25px;
	height: 25px;
	line-height: 25px;
	text-align: center;
	/*以下 上下中央寄せのため*/
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


@media only screen and (min-width: 480px) and (max-width: 599px) {

	ol.chevron2 li:before {
		margin-left: -10px !important;
	}
}

@media only screen and (max-width: 479px) {

	ol.chevron2 li:before {
		margin-left: -15px !important;
	}
}




ul.chevron3 {
	border: solid 3px #9cc813;
	margin-top: 2em;
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}

ul.chevron3 li {
	line-height: 1.5;
	padding: 0.5em 0;
	list-style-type: none!important;
}

ul.chevron3 li:before {
	/*リストのアイコン*/
	font-family: FontAwesome;
	content: "\f00c";
	position: absolute;
	left : 1em; 
	color: #9cc813; 
}

ul.chevron3 li:after {
	/*タブ*/
	position: absolute;
	padding: 1px 7px;
	left: -2px;
	bottom: 100%;
	background: #9cc813;
	color: #fff;
	font-family: FontAwesome;
	content: '\f0a7	Merit';
	letter-spacing: 0.05em;
}



ul.fukidashi {
	position: relative;
	padding: 0.5em 1em 0.5em 2.3em;
	border: solid 2px skyblue;
}

ul.fukidashi li {
	padding: 0.5em 0;
	line-height: 1.5;
	list-style-type: none!important;
}

ul.fukidashi li:before {
	position: absolute;
	left : 1em; 
	font-family: "Font Awesome 5 Free";
	content: "\f075";
	color: #5fb3f5; 
}

@media only screen and (min-width: 600px) and (max-width: 768px) {
	ul.chevron, ul.chevron3, ul.fukidashi {
		padding: 0.5em 1em 0.5em 1.25em;
	}
}

@media only screen and (min-width: 480px) and (max-width: 599px) {
	ul.chevron, ul.chevron3, ul.fukidashi  {
		padding: 0.5em 1em 0.5em 1.2em;
	}
}

@media only screen and (min-width: 375px) and (max-width: 479px) {
	ul.chevron, ul.chevron3, ul.fukidashi  {
		padding: 0.5em 1em 0.5em 1.1em;
	}
}

@media only screen and (max-width: 374px) {
	ul.chevron, ul.chevron3, ul.fukidashi  {
		padding: 0.5em 1em 0.5em 1em;
	}
}



.check-list01, .check-list02 {
	margin:30px 0 30px 20px;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

.check-list01 li, .check-list02 li {
	list-style: none;
}

.check-list01 li:before, .check-list02 li:before {
	content: '\2714\2004';
}

.check-list01 li:before {
	color:#f00;
}

.check-list02 li:before {
	color:#111;
}



ul.font_awesome1, 
ul.font_awesome2,
ul.font_awesome3,
ul.font_awesome4,
ul.font_awesome5,
ul.font_awesome6, 
ul.font_awesome7,
ul.font_awesome8,
ul.font_awesome9,
ol.font_awesome10,
ul.font_awesome11 {
	margin:30px 0;
	list-style: none;
}

ul.font_awesome1 li, 
ul.font_awesome2 li,
ul.font_awesome3 li,
ul.font_awesome4 li,
ul.font_awesome5 li,
ul.font_awesome6 li, 
ul.font_awesome7 li,
ul.font_awesome8 li,
ul.font_awesome9 li,
ol.font_awesome10 li,
ul.font_awesome11 li {
	position: relative;
	padding-top:18px !important;
	padding-left: 1.5em !important;
}

ul.font_awesome1 li::before, 
ul.font_awesome2 li::before,
ul.font_awesome3 li::before,
ul.font_awesome4 li::before,
ul.font_awesome5 li::before,
ul.font_awesome6 li::before, 
ul.font_awesome7 li::before,
ul.font_awesome8 li::before,
ul.font_awesome9 li::before,
ol.font_awesome10 li::before,
ul.font_awesome11 li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f075';
	font-weight: 900;
	position: absolute;
	padding-top:18px !important;
	top: -3px;
	left: 0;
	color:#f90;
}

ul.font_awesome2 li::before {
	content: '\f02b';
	color:#9cc813;
}

ul.font_awesome3 li::before {
	content: '\f1b3';
	color:#9cc813;
}

ul.font_awesome4 li::before {
	content: '\f164';
	color:#ffc66f;
}

ul.font_awesome5 li::before {
	content: '\f201';
	color:#f00;
}

ul.font_awesome6 li::before {
	content: '\f044';
	color:#9cc813;
}

ul.font_awesome7 li::before {
	content: '\f015';
	color:#9cc813;
}

ul.font_awesome8 li::before {	/*相続*/
	content: '\f0a9';
	color:#9cc813;
}

ul.font_awesome9 li::before {
	content: '\f06c';
	color:#47B455;
}

ul.font_awesome10 li::before {
	content: '\f101';
	color:#f90;
}

ul.font_awesome11 li::before {
	content: '\f007';
	color:#111;
}


ol.cnt1 li {
	margin:20px 10px 10px;
    padding-left: 2em !important;
    text-indent: -2.5em !important;
	list-style-type: none;
	counter-increment: cnt;
}

ol.cnt1 li::before {
	content: "【"counter(cnt)"】";
}



ol.sample2{
	margin:10px 40px;
	padding: 0;
	counter-reset:list;
	list-style-type:none;
	font: 14px/1.6 'arial narrow', sans-serif;
}

ol.sample2 li{
	position:relative;
	line-height: 30px;
	margin: 7px 0 10px 30px;
	padding-left:10px;
	border-bottom:solid 1px #9cc813;
}

ol.sample2 li:before{
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -30px;
	width: 30px;
	height: 32px;
	background: #9cc813;
	text-align: center;
	color: #fff;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}



ol.circle {
	counter-reset: my-counter;
	list-style: none;
	padding: 0;
}
 
ol.circle li {
	margin-top: 30px;
	padding-left: 40px;
	position: relative;
}

	ol.circle li:before {
	content: counter(my-counter);
	counter-increment: my-counter;
	background: #9cc813;
	color: #222;
	display: block;
	float: left;
	line-height: 22px;
	margin-top:2px;
	margin-left: -10px;
	text-align: center;
	color:#fff;
	height: 44px;
	width: 44px;
	border-radius: 50%;
}

ol.marusuji  {
	margin: 0;
	padding: 0
}

ol.marusuji li  {
	margin:10px 20px 0;
	list-style: none;
	padding-left: 1.3em;
	text-indent: -1.3em;
	font-size:1.25em;
}


ol.shikakusuji {
	position: relative;
	margin: 0;
	padding: 0 10px 0 6px;
	list-style: none;
	font-weight: bold;
}
ol.shikakusuji li {
	position: relative;
	margin: 12px 20px 0 24px;
	padding: 0;
	line-height: 1.5;
}


ol.shikakusuji {
	counter-reset: li;
}
ol.shikakusuji > li:before {
	position: absolute;
	font-weight: bold;
	counter-increment: li;
	content: counter(li) "";
	left: -34px;
	top: -1px;
	color: #fff;
	width: 24px;
	height: 24px;
	font-size: 14px;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1;
	background: #9cc813;
	padding: 6px 0;
}

/* リンクデザイン */
ol.shikakusuji a {
	text-decoration: none;
	color: #9cc813;
}
ol.shikakusuji a:hover {
	text-decoration: underline;
}

/* スマホ設定 */
@media screen and (max-width: 768px) {
	ol.shikakusuji {
		padding: 0 10px 0 20px;
		font-size: 16px;
	}
	ol.shikakusuji li {
		margin: 6px 20px 0 8px;
		padding: 0;
	}
	ol.shikakusuji > li:before {
		font-size: 12px;
		left: -30px;
		top: 0px;
		padding: 4px 0;
		width: 20px;
		height: 20px;
	}
}


/* -----------------------------
	main dl dt dd
----------------------------- */

div #main dd {
	margin-left: 1em;
}

/* -----------------------------
	所在地
----------------------------- */

div.hyou1 dl{
	clear:both;
	margin-left:-10px;
	padding:0;
	background:#fff;
}

div.hyou1 dl dt {
	float: left;
	padding:10px 0 10px 20px;
	width: 13em;
	color:#111;
	border-left: none;
	font-weight:normal;
}

div.hyou1 dl dd {
	padding:10px 20px;
	color:#111;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 970px) {

	div.hyou1 dl dt {
		float: none;
		padding:10px 0 10px 20px;
		font-weight:bold;
	}

	div.hyou1 dl dd {
		padding:10px 20px;
	}
}



div.hyou2 dl{
	clear:both;
	padding:0;
	background:#fff;
}

div.hyou2 dl dt {
	float: left;
	padding:10px 0 10px 20px;
	width: 8em;
	color:#111;
	border-left: none;
	font-weight:normal;
}

div.hyou2 dl dd {
	padding:10px 20px;
	color:#111;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 970px) {

	div.hyou2 dl dt {
		float: none;
		padding:10px 0 10px 20px;
		font-weight:bold;
	}

	div.hyou2 dl dd {
		padding:10px 20px;
	}
}


/* -----------------------------
	dl wrapper
----------------------------- */

dl.wrapper1 {
	margin:10px 0 20px;
	padding:20px 0 30px;
	font-size:1.25em;
	font-family:Georgia, "Times New Roman", Times, serif;
}

dl.wrapper1 dt {
	margin:0;
	padding:.5em;
	font-weight:
	bold;background-color:#e0e0e0;
}

dl.wrapper1 dd {
	margin:0;
	padding:0;
	padding-top:.5em;
	padding-bottom:.5em;
}

dl.wrapper1 dd .div1 {
	margin-bottom:30px;
	padding-left:.5em;
	border-left:1px solid #f90;
	clear:both;
}

@media only screen and (max-width: 767px) {
	dl.wrapper1 dt, dl.wrapper1 dd {
		font-size:80%;
	}
}


/* -----------------------------
	dl standard
----------------------------- */

dl.standard01{
	margin:60px 0 20px;
	padding:20px 0;
}

dl.standard01 dt{
	margin-bottom : 10px;
	padding-top : 2px;
	padding-left : 8px;
	padding-bottom : 2px;
	font-size : 1.25em;
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #9cc813;
	border-left-width : 7px;
	border-left-style : solid;
	border-left-color : #9cc813;
}

dl.standard01 dd{
	margin-bottom : 45px;
	padding-left : 10px;
	padding-right : 15px;
	font-size : 1.2em;
	line-height : 1.8;		
	border-bottom-width : 1px;
	border-bottom-style : solid;
	border-bottom-color : #9cc813;		
}


/* -----------------------------
	食事メニュー
----------------------------- */

.menu .item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 8px;
}

/* 点線 */
.menu .item::after {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	z-index: -1;
	width: 100%;
	border-bottom: dotted 2px #aaa;
}

.menu .item .name,
.menu .item .price {
	display: inline-block;
	/* 周りの背景色と同色にします */
	background-color: #fff; 
}

.menu .item .name {
	padding-right: 5px;
}

.menu .item .price {
	padding-left: 5px;
}


/* -----------------------------
	google-maps
----------------------------- */

.google-maps {
	position: relative;
	margin:40px 0;
	padding-bottom: 75%; 
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* YouTube embed
---------------------------- */

.youtube {
	clear:both;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-top: 60px;
	margin-bottom: 20px;
}
.youtube iframe,
.youtube object,
.youtube embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* -------------------------
*	wp-responsive-menu
---------------------------- */	

div.menu_title {
	color:#fff;
}

div.menu_title a{
	color:#fff;
	text-decoration: none ;
}


/* -----------------------------
	改行
----------------------------- */

.hidden {
	display: none;
}

.hidden.pcBlock {
	display: inline;
}

@media screen and (max-width: 640px) {
	.hidden.pcBlock {
		display: none;
	}

	.hidden.spBlock {
		display: inline;
	}
}


/* -------------------------
*   画像改行
---------------------------- */

@media screen and (max-width: 800px) {
	.spbr {
		float:none;
		margin:0 auto;
		max-width: 100%;
	}
}

@media screen and (max-width: 640px) {
	.spbr {
		float:none;
		text-align:center;
	}
}

/*スマホcenter⇒left*/
@media screen and (max-width: 800px) {
	.mobile-left {
		text-align:left;
	}
}


/* -------------------------
*	画像をふわっと表示
---------------------------- */

/*https://blog.pippuriric.com/tech/wordpress/css/delayeddisplay/ */

.delayed-image {
	/* じわっと画像が表示される */
 	animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;
}

/* じわっと画像が表示される ---------　一度追加していたら不要*/
@keyframes fadeIn { /*上のbody内で呼び出しているアニメーションと名前をそろえる*/
    0% {opacity: 0} /* 始め */
    100% {opacity: 1} /* 終わり */
}

/*古いブラウザ用　---------　一度追加していたら不要*/
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}





/* -----------------------------
　　　吹き出し https://fantastech.net/kaiwa-text
----------------------------- */

.balloon {
	margin-bottom: 2em;
	position: relative;
}

.balloon:before,.balloon:after {
	clear: both;
	content: "";
	display: block;
}

.balloon figure {
	width: 60px;
	height: 60px;
}

.balloon-image-left {
	float: left;
	margin-right: 20px;
}

.balloon-image-right {
	float: right;
	margin-left: 20px;
}

.balloon figure img {
	width: 100%;
	height: 100%;
	border: 1px solid #aaa;
	border-radius: 50%;
	margin: 0;
}

.balloon-image-description {
	padding: 5px 0 0;
	font-size: 10px;
	text-align: center;
}

.balloon-text-right, .balloon-text-left {
	position: relative;
	padding: 10px 10px 0 10px;
	border: 1px solid;
	border-radius: 10px;
	max-width: -webkit-calc(100% - 120px);
	max-width: calc(100% - 120px);
	display: inline-block;
}

.balloon-text-right {
	border-color: #aaa;
	background:#85e3ff;
}

.balloon-text-left {
	border-color: #aaa;
	background:#fff;
}

.balloon-text-right {
	float: left;
}

.balloon-text-left {
	float: right;
}
.balloon p {
	margin: 0 0 20px;
}

.balloon p:last-child {
	margin-bottom: 0;
}

/* 三角部分 */
.balloon-text-right:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #aaa;
	top: 15px;
	left: -20px;
}

.balloon-text-right:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-right: 10px solid #fff;
	top: 15px;
	left: -19px;
	border-right-color: rgba(133, 227, 255, 100)
}

.balloon-text-left:before {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #aaa;
	top: 15px;
	right: -20px;
}

.balloon-text-left:after {
	position: absolute;
	content: '';
	border: 10px solid transparent;
	border-left: 10px solid #fff;
	top: 15px;
	right: -19px;
}


/* -----------------------------
	年表
----------------------------- */

.flow_design03 {
	display: flex;
	margin-left: 20px;
}

.flow_design03 ul {
	padding: 0;
}

.flow_design03 li {
	list-style-type: none;
}

.flow_design03 dd {
	margin-left: 0;
}

.flow03 {
	position: relative;
}

.flow03::before {			/*縦棒*/
	content: "";
	width: 5px;
	height: 100%;
	background: #eee;
	margin-left: -129px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
	border-radius: 20px;
}

.flow03 > li {
	position: relative;
}

.flow03 > li:not(:last-child) {
	margin-bottom: 10px;
}

.flow03 > li dl {
	padding-left: 70px;
	position: relative;
}

.flow03 > li dl::before, .flow03 > li dl::after {	/*●*/
	content: "";
	display: block;
	position: absolute;
	top: 18px;
}

@media only screen and (max-width: 767px) {
	.flow03 > li dl::before, .flow03 > li dl::after {
		top: 15px;
	}
}

.flow03 > li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #8eb83c;
	border-radius: 50%;
	left: -14px;
}

.flow03 > li dl::after {		/*点線*/
	width: 20px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: -10px;
}

.flow03 > li dl dt {
	color: #8eb83c;
	margin:0 0 1px -55px !important;
	display: flex;
	align-items: center;
}

.flow03 > li dl dd {
	margin:0 0 0 -55px !important;
}


/* -----------------------------
	Q&A
----------------------------- */

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.cp_qa {
	margin: 40px 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
	background: #ccebff;
	border-radius:  10px;
}

.cp_qa h3 {
	font-size: 1.25em;
	position: relative;
	margin-right: 1em;
	margin-left: -26px;
	padding: 0.3em;
	color: #fff;
	background-color: #9cc813;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}

.cp_qa h3::before {
	margin: 0.3em 0.3em 0 1.5em;
	content: 'Q.';
}

.cp_qa h3::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #9cc813 transparent transparent;
}

.cp_qa dl {
	margin: 0;
}

.cp_qa dt {
	margin: 30px 0 20px;
	padding: 0.5em 0.5em 0.5em 2em;
	font-size: 1.2em;
	border-radius: 0.2em;
	background: #fff;
}

.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 0 1.5em 0;
}

/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #fff;
}

.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'A.';
	color:#f01f34;
	font-size:1.2em;
}

.cp_qa dd {
	font-size: 1.2em;
}

.cp_qa dd::before {
	margin: 0 0 0 -5em;
	padding: 0.2em 0;
}


/* -------------------------
*   css ボタン css button
---------------------------- */

.btn,
a.btn,
button.btn {

 position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;

  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff !important;
  border-radius: 0.5rem;
	line-height: 130%;
}



a.btn-border {
  border: 2px solid #f90;
  border-radius: 0;
  background: #f90;
}

a.btn-border:hover {
  color: #f90 !important;
  background: #fff;
}


.button-10 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 250px;
    margin: 0 auto;
    padding: 1em 2em;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    background: #9cc813;
    color: #fff;
    font-weight: 300;
    font-size: 1em;
}



.button-10::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 70px;
    height: 100px;
    content: '';
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-button-10 3s infinite linear;
    animation: animation-button-11 3s infinite linear;
}

@keyframes animation-button-10 {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

.button-10::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-10 a {
	text-decoration: none !important;
}

.button-10:hover {
    background: #85ab10;
	text-decoration: none;
}



.button-11 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 250px;
    margin: 0 auto;
    padding: 1em 2em;
    overflow: hidden;
    border: none;
    border-radius: 5px;
    background: #f90 !important;
    color: #fff;
    font-weight: 300;
    font-size: 1em;
}

.button-11::before {
    display: block;
    position: absolute;
    top: -50%;
    left: -30%;
    transform: rotate(30deg);
    width: 70px;
    height: 100px;
    content: '';
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%);
    background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)));
    animation: animation-button-10 3s infinite linear;
    animation: animation-button-11 3s infinite linear;
}

@keyframes animation-button-11 {
    17% {
        left: 120%;
    }
    100% {
        left: 120%;
    }
}

.button-11::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-11 a {
	text-decoration: none !important;
}



.button-11:hover {
    background: !important;
	text-decoration: none;
}














/* -----------------------------
 * google-maps
----------------------------- */

/* ラッパーの設定 */
.google-maps {
    position: relative;    /* 子要素（iframe）を絶対位置で配置するための基準にする */
    margin: 40px 0;        /* 上下に40pxの余白を作り、周囲の要素とスペースを確保 */
    padding-bottom: 75%;   /* 高さの比率を設定。16:9なら56.25%、ここは好みや用途に応じて変更可能 */
    height: 0;             /* 実際の高さはpadding-bottomで作るので0に設定 */
    overflow: hidden;      /* iframeがラッパーからはみ出さないようにする */
}

/* iframe（マップ本体）の設定 */
.google-maps iframe {
    position: absolute;       /* ラッパー内で絶対位置に配置して重ねる */
    top: 0;                   /* 上端をラッパーの上端に合わせる */
    left: 0;                  /* 左端をラッパーの左端に合わせる */
    width: 100% !important;   /* ラッパー幅いっぱいに広げる。importantで上書きされる場合も対応 */
    height: 100% !important;  /* ラッパー高さに合わせてiframeも伸縮させる */
}

/* ブラウザ再読み込み
---------------------------- */

.btn_reload {
	margin-bottom: 20px;
	cursor: pointer;
}

.btn_reload a {
	display: block;
	width: 80%;
	max-width: 260px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	background: #01b264;
	color: #fff !important;
	text-decoration: none;
	border-radius: 5px;
	font-size: 0.875rem;
	transition: .3s ease;
}

.btn_reload a:hover {
	background: #ff6b01;
	color: #fff !important;
	transition: .3s ease;
}

.btn_reload a i {
	margin-right: 0.5em;
}


/* -----------------------------
	waku 枠　box ボックス
----------------------------- */

.waku1_ccc{
	margin: 20px 0 30px;
	padding: 15px 15px 20px 25px;
	border: solid 1px #ccc;
	overflow: hidden;
}

.waku1_eee{
	margin: 20px 0 30px;
	padding: 0 15px;
	border: solid 1px #ccc;
	background:#fff;
	overflow: hidden;
}


.waku2, .waku2_side {
	margin:3px 0;
	padding: 10px 5px;
	border: solid 2px #9cc813;
	border-radius: 12px; /* ← 角を丸くする */
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); /* ← 通常時の淡い影 */
	transition: all 0.3s ease; /* ← hover時の動きをなめらかに */
}

.waku2 {
	display:inline-block;
}

.waku2 a, .waku2_side a{
	text-decoration: none !important;
}

/* hover時に浮かせるアニメーション */
.waku2:hover,
.waku2_side:hover {
	transform: translateY(-6px); /* ← 上に少し浮かせる */
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2); /* ← 下に影を付ける */
	border-color: #ffa733; /* ← 枠の色を少し明るくしてアクティブ感 */
}

/* 画像も角丸を反映 */
.waku2 img,
.waku2_side img {
	border-radius: 12px;
	display: block;
	width: 100%;
	transition: transform 0.3s ease;
}




.waku3,
.waku3_side {
	margin: 3px 0;
	padding: 10px 15px 10px 5px;
	border: solid 2px #f90;
	border-radius: 12px; /* ← 角を丸くする */
	overflow: hidden;
	box-sizing: border-box;
	background: #fff;
	box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12); /* ← 通常時の淡い影 */
	transition: all 0.3s ease; /* ← hover時の動きをなめらかに */
}

.waku3 {
	display: inline-block;
}

.waku3 a,
.waku3_side a {
	text-decoration: none !important;
}

/* hover時に浮かせるアニメーション */
.waku3:hover,
.waku3_side:hover {
	transform: translateY(-6px); /* ← 上に少し浮かせる */
	box-shadow: 0 8px 18px rgba(0, 0, 0, 0.2); /* ← 下に影を付ける */
	border-color: #ffa733; /* ← 枠の色を少し明るくしてアクティブ感 */
}

/* 画像も角丸を反映 */
.waku3 img,
.waku3_side img {
	border-radius: 12px;
	display: block;
	width: 100%;
	transition: transform 0.3s ease;
}




.waku4 {
	margin: 3px 0;
	padding: 10px 15px 10px 5px;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);

}

.waku4 {
    margin: 2em 0 5em;
    background: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.waku4 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 10px 15px;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.waku4 p {
    padding: 15px 20px;
    margin: 0;
}

.waku5{
	margin: 20px 0 30px;
	padding: 20px 25px;
	border: solid 1px #ccc;
	background:#fff;
	overflow: hidden;
}



.waku6{
	margin:10px 0;
	padding:10px 20px;
	text-align:left !important;
	background:#fff;
	border-radius:  10px;
}

.waku7{
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #f4f4f4;
    border-left: solid 6px #9cc813;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

.waku8_skyblue, .waku8_green, .waku8_orange{
    margin: 30px 0;
    padding: 0.5em 25px;
    background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
    background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px, #e9f4ff 3px, #e9f4ff 7px);
}

.waku8_green{
    background: -webkit-repeating-linear-gradient(-45deg, #effcd1, #effcd1 3px, #fafef1 3px, #fafef1 7px);
    background: repeating-linear-gradient(-45deg, #effcd1, #effcd1 3px, #fafef1 3px, #fafef1 7px);
}

.waku8_orange{
    background: -webkit-repeating-linear-gradient(-45deg, #fff9f0, #fff9f0 3px, #ffeace 3px, #ffeace 7px);
    background: repeating-linear-gradient(-45deg, #fff9f0, #fff9f0 3px, #ffeace 3px, #ffeace 7px);
}

.waku9 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 5px #f90;
    border-radius: 8px;
}

.waku9 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #fff;
    color: #f90;
    font-weight: bold;
}

.waku9 p {
    margin: 0; 
    padding: 0;
}



.waku10{						/*otoiawase*/
	margin:0 10px;
	padding:0 5px;
	background-color:#f00;
	font-size:80%;
	color:#fff;
}

.box-title11 {
    margin: 2em 0 0;
	padding:10px;
	font-size:1.05em;
	font-weight:bold;
	color:#fff;
	text-align:center;
    background: #9cc813;
}

.waku11 {
    margin: 0 0 3em;
	padding:10px 7px 30px 10px;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}

.waku11 p {
    margin: 0;
    padding: 15px 20px;
}

.waku12 {
    padding: 1em 1.5em;
    margin: 2em 0;
    background:#ffffe0;
    border: dotted 6px #ffa500;
	overflow: hidden;
}


/* -------------------------
*   矢印
---------------------------- */

.arrow-bottom, .arrow-bottom2 {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 10px;
	border-bottom: 4px solid #9cc813;
	border-right: 4px solid #9cc813;
	transform: rotate(45deg);
}

.arrow-bottom2 {
	border-bottom: 4px solid #f90;
	border-right: 4px solid #f90;
}

@media only screen and (max-width: 768px) {
	.arrow-bottom, .arrow-bottom2 {
		display: inline-block;
		width: 20px;
		height: 20px;
		margin: 0 10px;
		border-bottom: 2px solid #9cc813;
		border-right: 2px solid #9cc813;
		transform: rotate(45deg);
	}

	.arrow-bottom2 {
		border-bottom: 4px solid #f90;
		border-right: 4px solid #f90;
	}
}



/* -------------------------
*   汎用
---------------------------- */

img {
	margin:0;
	padding:0;
	border-style:none;
	-webkit-backface-visibility: hidden;

}

.clear {
    clear:both;
}

.floatL{
	float:left;
	margin-right: 15px;
}

.floatL img {
	margin:0;
	padding:0;
}

.floatR{
	float:right;
	margin-left: 15px
}

.floatR img {
	margin:0;
	padding:0;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

.left{
	text-align:left;
}

.underline {
    text-decoration:underline;
}

strong {
	font-weight:bold;
}

em {
	font-weight:bold;
}

.font-bold {
	font-weight:bold;
}

.font-normal {
	font-weight:normal;
}

.double_line {
	display: inline-block;
	padding-bottom:1px;
	border-bottom: 5px double #f90;
}

.indent1{
	text-indent: 1em;
}


/* -------------------------
*   mobile　スマホ モバイル
---------------------------- */


/*	スマホ横揺れ防止
---------------------------- */

*{box-sizing:border-box}


/* 電話番号クリック
---------------------------- */

@media(min-width: 768px){
	a[href^="tel:"]{
  	  pointer-events: none;
	}
}

/* headに記述も忘れずに
<!--電話リンクsafariやEdgg無効-->
<meta name="format-detection" content="telephone=no">
*/


/* 1281px～
---------------------------- */

@media only screen and (min-width: 1281px) {

	.m_off2 {
		display: none;
	}

	.sidebar {
		width: 300px;
	}

	.head_mobile {
		display: none;
	}
}


/* 960px～1393px　WP Responsive Menuの「Display Menu From Width」と合わせる

/* 960px～1099px
---------------------------- */

@media only screen and (min-width: 960px) and (max-width: 1393px) {

	.pc_w1600, .pc_w1180, .pc_w1000{
		max-width: 95%;
	}

	.m_off2 {
		display: none;
	}

	.sidebar {
		width: 300px;
	}

	.logo {
		float: none;
		margin:0 auto;
		text-align:center;
	}

	#nav {
		display: none;
	}

	.head_mobile {
		display: none;
	}
}

/* 769px～959px
---------------------------- */

@media only screen and (min-width: 769px) and (max-width: 959px) {

	.pc_w1600, .pc_w1180, .pc_w1000{
		margin:0 auto;
		max-width: 95%;
	}

	.m_off2 {
		display: none;
	}


	#nav {
		display: none;
	}

	.head_mobile {
		display: none;
	}
}

/* 600px～768px
---------------------------- */

@media only screen and (min-width: 600px) and (max-width: 768px) {

	.pc_w1600, .pc_w1200, .pc_w1000{
		margin:0 auto;
		max-width: 95%;
		overflow-x: hidden;
	}

	.m_off {
		display: none;
	}




	.logo {
		float: none;
		margin:0 auto;
		width: 300px;
		text-align:center;
	}

	.contact {
		display: none;
	}

	.head_pc {
		display: none;
	}

	#nav {
		display: none;
	}

	.head_mobile {
		max-width: 100%;
	}

	p{
		font-size:98%;
	}

	.column {
		flex: 100%;
	}

	.column p {
		font-size:1.09em;
	}

	dl.standard01 dd {
		font-size:95%;
	}

	#main ul li, #main ol li{
		font-size:98%;
	}


	h2, h2.standard01, h2.standard02, h2.standard03, h2.standard04, h2.standard05, h2.standard06, h2.standard07, h2.standard08, h2.standard09, h2.standard10, h2.standard11, h2.standard12, h2.standard13, h2.standard14, h2.standard15, h2.standard16, h2.standard17, h2.standard18, h2.standard19, h2.standard20,
    h3, h3.standard01, h3.standard02, h3.standard03, h3.standard04, h3.standard04_green, h3.standard05, h3.standard06, h3.standard07, h3.standard08, h3.standard09, h3.standard10, h3.standard10_1, h3.standard10_2, h3.standard10_3, h3.standard10_4, h3.standard10_5, h3.standard10_6, h3.standard11, h3.standard12, h3.standard12_bluesky, h3.standard13, h3.standard14, h3.standard15 ,h3.yubi, .cp_qa h3,
	h4, h4.standard01, h4.standard02, h4.standard03, h4.standard04, h4.standard05, h4.standard06, h4.standard07, h4.standard08, h4.standard09, h4.standard10, h4.yubi, 
	h5, 
	h6,
	div.standard01, 
	div.standard02, div.standard02_1, div.standard02_2, div.standard02_3, div.standard02_4, div.standard02_5, div.standard02_6, div.standard02_7, div.standard02_8, div.standard02_9, div.standard02_10, 
	div.standard03_1, div.standard03_2, div.standard03_3, div.standard03_4, 
	p.yubi, 
	dl.standard01 dt {
		font-size:95%;
	}

	h2.archive-title{
		font-size:90%;
	}

	h3,standard01, h3.standard03, h3.standard07, h4.standard01 {
		font-size:1.2em;
	}

	.waku4 .box-title, .waku9 .box-title, .box-title11 {
		font-size:90%;
	}

}


/* 480px～599px
---------------------------- */

@media only screen and (min-width: 480px) and (max-width: 599px) {

	.pc_w1600, .pc_w1200, .pc_w1000{
		margin:0 auto;
		max-width: 95%;
		overflow-x: hidden;
	}

	.m_off {
		display: none;
	}



	.logo {
		float: none;
		margin:0 auto;
		width: 300px;
		text-align:center;
	}

	.contact {
		display: none;
	}
	
	.head_pc {
		display: none;
	}

	#nav {
		display: none;
	}

	.head_mobile {
		max-width: 100%;
	}

	h2.top01 {
		margin:-40px 0 0;
	}

	p{
		font-size:98%;
	}

	.column {
		flex: 100%;
	}

	.column p {
		font-size:1.09em;
	}

	dl.standard01 dd {
		font-size:95%;
	}

	#main ul li, #main ol li{
		font-size:98%;
	}

	h2, h2.standard01, h2.standard02, h2.standard03, h2.standard04, h2.standard05, h2.standard06, h2.standard07, h2.standard08, h2.standard09, h2.standard10, h2.standard11, h2.standard12, h2.standard13, h2.standard14, h2.standard15, h2.standard16, h2.standard17, h2.standard18, h2.standard19, h2.standard20,
    h3, h3.standard01, h3.standard02, h3.standard03, h3.standard04, h3.standard04_green, h3.standard05, h3.standard06, h3.standard07, h3.standard08, h3.standard09, h3.standard10, h3.standard10_1, h3.standard10_2, h3.standard10_3, h3.standard10_4, h3.standard10_5, h3.standard10_6, h3.standard11, h3.standard12, h3.standard12_bluesky, h3.standard13, h3.standard14, h3.standard15 ,h3.yubi, .cp_qa h3,
	h4, h4.standard01, h4.standard02, h4.standard03, h4.standard04, h4.standard05, h4.standard06, h4.standard07, h4.standard08, h4.standard09, h4.standard10, h4.yubi, 
	h5, 
	h6,
	div.standard01, 
	div.standard02, div.standard02_1, div.standard02_2, div.standard02_3, div.standard02_4, div.standard02_5, div.standard02_6, div.standard02_7, div.standard02_8, div.standard02_9, div.standard02_10, 
	div.standard03_1, div.standard03_2, div.standard03_3, div.standard03_4, 
	p.yubi, 
	dl.standard01 dt {
		font-size:95%;
	}

	h2.archive-title{
		font-size:90%;
	}

	h3,standard01, h3.standard03, h3.standard07, h4.standard01 {
		font-size:1.2em;
	}

	.waku4 .box-title, .waku9 .box-title, .box-title11 {
		font-size:90%;
	}
}


/* 375px～479px
---------------------------- */

@media only screen and (min-width: 375px) and (max-width: 479px) {

	.pc_w1600, .pc_w1200, .pc_w1000{
		margin:0 auto;
		max-width: 95%;
		overflow-x: hidden;
	}

	.m_off {
		display: none;
	}



	.logo {
		float: none;
		margin:0 auto;
		width: 300px;
		text-align:center;
	}

	.contact {
		display: none;
	}
	
	.head_pc {
		display: none;
	}

	#nav {
		display: none;
	}

	.head_mobile {
		max-width: 100%;
	}

	h2.top01 {
		margin-right:40px;
		margin:-40px 0 0;
	}

	p{
		font-size:95%;
	}

	.column {
		flex: 100%;
	}

	.column p {
		font-size:1.09em;
	}

	dl.standard01 dd {
		font-size:95%;
	}

	#main ul li, #main ol li{
		font-size:98%;
	}

	h2, h2.standard01, h2.standard02, h2.standard03, h2.standard04, h2.standard05, h2.standard06, h2.standard07, h2.standard08, h2.standard09, h2.standard10, h2.standard11, h2.standard12, h2.standard13, h2.standard14, h2.standard15, h2.standard16, h2.standard17, h2.standard18, h2.standard19, h2.standard20,
    h3, h3.standard01, h3.standard02, h3.standard03, h3.standard04, h3.standard04_green, h3.standard05, h3.standard06, h3.standard07, h3.standard08, h3.standard09, h3.standard10, h3.standard10_1, h3.standard10_2, h3.standard10_3, h3.standard10_4, h3.standard10_5, h3.standard10_6, h3.standard11, h3.standard12, h3.standard12_bluesky, h3.standard13, h3.standard14, h3.standard15 ,h3.yubi, .cp_qa h3,
	h4, h4.standard01, h4.standard02, h4.standard03, h4.standard04, h4.standard05, h4.standard06, h4.standard07, h4.standard08, h4.standard09, h4.standard10, h4.yubi, 
	h5, 
	h6,
	div.standard01, 
	div.standard02, div.standard02_1, div.standard02_2, div.standard02_3, div.standard02_4, div.standard02_5, div.standard02_6, div.standard02_7, div.standard02_8, div.standard02_9, div.standard02_10, 
	div.standard03_1, div.standard03_2, div.standard03_3, div.standard03_4, 
	p.yubi, 
	dl.standard01 dt {
		font-size:95%;
	}

	h2.archive-title{
		font-size:90%;
	}

	h3,standard01, h3.standard03, h3.standard07, h4.standard01 {
		font-size:1.15em;
	}

	.waku4 .box-title, .waku9 .box-title, .box-title11 {
		font-size:90%;
	}
}


/* ～374px
---------------------------- */

@media only screen and (max-width: 374px) {

	.pc_w1600, .pc_w1200, .pc_w1000{
		margin:0 auto;
		max-width: 95%;
		overflow-x: hidden;
	}

	.m_off {
		display: none;
	}



	.logo {
		float: none;
		margin:0 auto;
		width:90% !important;
		text-align:center;
	}

	.contact {
		display: none;
	}
	
	.head_pc {
		display: none;
	}

	.head_mobile {
		max-width: 100%;
	}

	#nav {
		display: none;
	}

	#header h1, #header .logo {
		float: none;
		margin-bottom: 0px;
	}

	table.entry-content{
		font-size:60%;
	}

	table.similar-text img {
		width: 100px;
	}

	table.similar-text th {
		width: 100px;
	}

	.pager {
		margin: 80px 0;
	}

	.mobile-display-none {
		display: none;
	}

	.single-contents br {
		display: none;
	}

	.page-contents {
		margin: 0 0 50px;
	}

	p{
		font-size:95%;
	}

	.column {
		flex: 100%;
	}

	dl.standard01 dd {
		font-size:95%;
	}

	#main ul li, #main ol li{
		font-size:95%;
	}


	h2, h2.standard01, h2.standard02, h2.standard03, h2.standard04, h2.standard05, h2.standard06, h2.standard07, h2.standard08, h2.standard09, h2.standard10, h2.standard11, h2.standard12, h2.standard13, h2.standard14, h2.standard15, h2.standard16, h2.standard17, h2.standard18, h2.standard19, h2.standard20,
    h3, h3.standard01, h3.standard02, h3.standard03, h3.standard04, h3.standard04_green, h3.standard05, h3.standard06, h3.standard07, h3.standard08, h3.standard09, h3.standard10, h3.standard10_1, h3.standard10_2, h3.standard10_3, h3.standard10_4, h3.standard10_5, h3.standard10_6, h3.standard11, h3.standard12, h3.standard12_bluesky, h3.standard13, h3.standard14, h3.standard15 ,h3.yubi, .cp_qa h3,
	h4, h4.standard01, h4.standard02, h4.standard03, h4.standard04, h4.standard05, h4.standard06, h4.standard07, h4.standard08, h4.standard09, h4.standard10, h4.yubi, 
	h5, 
	h6,
	div.standard01, 
	div.standard02, div.standard02_1, div.standard02_2, div.standard02_3, div.standard02_4, div.standard02_5, div.standard02_6, div.standard02_7, div.standard02_8, div.standard02_9, div.standard02_10, 
	div.standard03_1, div.standard03_2, div.standard03_3, div.standard03_4, 
	p.yubi, 
	dl.standard01 dt {
		font-size:95%;
	}

	h2.archive-title{
		font-size:90%;
	}

	h3,standard01, h3.standard03, h3.standard07, h4.standard01 {
		font-size:1.1em;
	}

	.waku4 .box-title, .waku9 .box-title, .box-title11 {
		font-size:90%;
	}
}


/* -----------------------------
	文字装飾
----------------------------- */

.yellow_underline{
	background: linear-gradient(transparent 50%, yellow 50%);
}

.skyblue_underline{
	background: linear-gradient(transparent 50%, skyblue 50%);
}

.orange_underline{
	background: linear-gradient(transparent 50%, orange 50%);
}


/* -----------------------------
	文字サイズ
----------------------------- */

.font-130 {
	font-size:130%;
	letter-spacing:.1em;
	line-height:1.5em;
}

.font-120 {
	font-size:120%;
	letter-spacing:.1em;
	line-height:1.5em;
}

.font-110 {
	font-size:110%;
	line-height:2em;
}

.font-105 {
	font-size:105%;
	line-height:.1em;
}

.font-98 {
	font-size:98%;
}

.font-97 {
	font-size:97%;
}

.font-95 {
	font-size:95%;
}

.font-90 {
	font-size:90%;
}

.font-85 {
	font-size:85%;
}

.font-80 {
	font-size:80%;
	line-height:1.5em;
}

.font-75 {
	font-size:75%;
	line-height:1.5em;
}

.font-70 {
	font-size:70%;
	line-height:1.5em;
}

.font-60 {
	font-size:60%;
}


/* -----------------------------
	文字色
----------------------------- */

.color-000 {
	color:#000;
}

.color-333 {
	color:#333;
}

.color-666 {
	color:#666;
}

.color-999 {
	color:#999;
}

.color-fff {
	color:#fff;
}

.color-f00 {
	color:#f00;
}

.color-00f {
	color:#00f;
}

.color-f90 {
	color:#f90;
}


/* ------------------------- 
*	フローティングバナー
---------------------------- */

@media only screen and (min-width: 1920px) {

	.fixed_btn_01 { 
		position: fixed;
		bottom: 430px;
		right: 0;
		padding: 6px 0;
		z-index:99999;
	}

	.fixed_btn_02 { 
		position: fixed;
		bottom: 270px;
		right: 0;
		padding: 6px 0;
		z-index:99999;
	}

	.fixed_btn_04 { 
		position: fixed;
		bottom: 160px;
		right: 0;
		padding: 6px 0;
		z-index:99999;
	}
}


	.page-id-1876 .fixed_btn_01, .page-id-1871 .fixed_btn_01{
	   display:none;
	}



@media only screen and (max-width: 1919px) {
	.fixed_btn_01, .fixed_btn_02, .fixed_btn_04 { 
   		display:none;
	}
}