/**
 * wordpress-complete.css
 * WPテーマ用統合CSS（Phase 6: Issue #316）
 * 
 * 構成:
 *   Section 1: CSSリセット (default_v4.css)
 *   Section 2: ベース要素スタイル (style.css L1-161)
 *   Section 3: ユーティリティクラス (style.css L163-414)
 *   Section 4: グリッド+コンテナ (style.css L415-531)
 *   Section 5: リンク・パンくず・トップボタン (style.css L533-680)
 *   Section 6: 共通ヘッダー (style.css L681-1070)
 *   Section 7: ヒーローヘッダー (style.css L1072-1096)
 *   Section 8: サイドバー (style.css L1098-1219)
 *   Section 9: タイトル・ラインナップ・タブ (style.css L1222-1399)
 *   Section 10: Swiperギャラリー (style.css L1408-1574)
 *   Section 11: コンテンツスライダー (style.css L1105-1128)
 *   Section 12: フッター (style.css L1968-2290)
 *   Section 13: 訪問者・ヘッダースクロール (style.css L2296-2418)
 *   Section 14: 見出しキャプション (style.css L3047-3051, 3296-3300)
 *   Section 15: ガイドリストアイコン (style.css L4073-4149)
 *   Section 16: エラー・表示制御 (style.css L5638-5641, 5704)
 *   Section 17: WPテーマ独自スタイル (realize_v02/style.css)
 *   Section 18: WPブログ固有スタイル (wordpress.css)
 */

/* ============================================ */
/* Section 1: CSSリセット (destyle.css v4)       */
/* ============================================ */
/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

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

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */

option {
  padding: 0;
}

/**
 * Reset to invisible
 */

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type="number"] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */

label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}


/* ============================================ */
/* Section 2: ベース要素スタイル                  */
/* ============================================ */
/************** WEBサイト全体設定・既定定義の上書き ****************/
html {
	scroll-behavior: smooth;
}

body {
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.5px;
	color: #333333;
}

em {
	font-style: normal;
}

dl {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 20px;
	line-height: 1.5;
}

dt {
	font-weight: normal;
	background: #f5f5f5;
	padding: 10px;
	width: 150px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

dd {
	background: #fff;
	padding: 10px;
	width: calc(100% - 150px);
	border-bottom: 1px solid #ccc;
}

.dt--dtlong{
	width: 400px
}

.dd--dtlong{
	width: calc(100% - 400px);
}

@media only screen and (max-width: 480px) {
	dt {
		width: 100%;
		border-right: none;
	}
	dd, .dt--dtlong, .dd--dtlong {
		width: 100%;
	}
}

input{
	text-rendering: auto;
	color: fieldtext;
	letter-spacing: normal;
	word-spacing: normal;
	line-height: normal;
	text-transform: none;
	text-indent: 0px;
	text-shadow: none;
	display: inline-block;
	text-align: start;
	appearance: auto;
	-webkit-rtl-ordering: logical;
	cursor: text;
	background-color: field;
	margin: 0em;
	padding: 1px 0px;
	border-width: 1px;
	border-style: inset;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-image: initial;
	padding-block: 1px;
	padding-inline: 2px;
}
input[type="number" i] {
  border-width: 1px;
	border-style: inset;
	border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
}

input[type="radio" i] {
    background-color: initial;
    cursor: default;
    appearance: auto;
    box-sizing: border-box;
    margin: 0;
    padding: initial;
    border: initial;
}

input[type="checkbox"] {
	margin-right:5px;
	width:16px;
	height:16px;
}

input:not([type="image" i]) {
    box-sizing: border-box;
}

select:not(:-internal-list-box) {
    overflow: visible !important;
}

select {
		font-size:1.0em;
    text-rendering: auto;
    color: fieldtext;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
    appearance: auto;
    box-sizing: border-box;
    align-items: center;
    -webkit-rtl-ordering: logical;
    background-color: field;
    cursor: default;
    margin: 0em;
    white-space: pre;
    border-width: 1px;
    border-style: solid;
    border-color: -internal-light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
    border-image: initial;
    border-radius: 0px;

}
@media screen and (max-width: 480px){
	select {
	    width: 100%;
	}
}

textarea{
	border: 1px solid #000;
	padding: 10px;
	line-height: 1.3;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1);
}

/* ============================================ */
/* Section 3: ユーティリティクラス                */
/* ============================================ */
/************** カラー ****************/

/* フォント */
.fontColor--white{ color: #fff; }

.fontColor--lightBlue{ color: #45c9dc; }
.fontColor--blue{ color: #2253c0; }

.fontColor--darkRed{ color: #c83839; }

.fontColor--lightGreen{ color: #B2D235; }
.fontColor--green{ color: #008000; }
.fontColor--deepGreen{ color: #4D7C9A; }

.fontColor--orange{ color: #ee7800; }
.fontColor--yellow{ color: #F2C618; }

/* ボーダー：全体 */
.borderColor--deepGreen{ border: 1px solid #4D7C9A; }

/* ボーダー：下線 */
.underline--lightBlue{ border-bottom: 1px solid #45c9dc; padding-bottom:0.2em  }
.underline--blue{ border-bottom: 1px solid #2253c0; padding-bottom:0.2em  }
.underline--darkRed{ border-bottom: 1px solid #c83839; padding-bottom:0.2em }
.underline--lightGreen{ border-bottom: 1px solid #B2D235; padding-bottom:0.2em  }
.underline--green{ border-bottom: 1px solid #008000; padding-bottom:0.2em  }
.underline--orange{ border-bottom: 1px solid #ee7800; padding-bottom:0.2em  }
.underline--yellow{ border-bottom: 1px solid #F2C618; padding-bottom:0.2em  }


/************** 汎用定義 ****************/
/***** responsive *****/
.pc	{ display:block!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 480px) {
.pc	{ display:none!important; }
.mb { display:block!important; }
}
/* タブレット: モバイル要素を表示、PC要素を非表示 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
.pc	{ display:none!important; }
.mb { display:block!important; }
}

.inner{
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 1200px){
  .inner{
    max-width: 1140px;
  }
}

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

@media screen and (max-width: 480px){
	.cl-reverse-mb{
		flex-direction: column-reverse;
	}
}



/* 汎用：display制御 */
.d-flex{
	display: flex;
}

.d-flex__wrap{
	flex-wrap: wrap;
}

.gap-5{
	gap: 5px;
}

/* 汎用：サイズ調整 */
.width-max, .img-fluid{
  width: 100%;
  height: auto;
}

.width-half{
  width: 49.7%;
  height: auto;
}

.width-two-thirds{
  width: 66.6%;
  height: auto;
}

@media screen and (max-width:480px){
	.width-sm-max {
	  width: 100%;
	  height: auto;
	}
}

@media screen and (min-width:500px){
	.max-h-300{
		max-height:300px;
		width: auto;
	}

	.max-h-500{
		max-height:500px;
		width: auto;
	}
}

.max-w-600{
	max-width:600px;
	height: auto;
}

@media screen and (max-width:480px){
	.max-w-600{
		max-width: 100%;
	}
}


/* 汎用：位置調整 */
.mt-1 { margin-top : 0.25rem ; }
.mt-2 { margin-top : 0.50rem ; }
.mt-3 { margin-top : 1.00rem ; }
.mt-4 { margin-top : 1.50rem ; }
.mt-5 { margin-top : 3.00rem ; }
.mt-6 { margin-top : 4.00rem ; }
.mr-1 { margin-right : 0.25rem ; }
.mr-2 { margin-right : 0.50rem ; }
.mr-3 { margin-right : 1.00rem ; }
.mr-4 { margin-right : 1.50rem ; }
.mr-5 { margin-right : 3.00rem ; }
.mb-1 { margin-bottom : 0.25rem ; }
.mb-2 { margin-bottom : 0.50rem ; }
.mb-3 { margin-bottom : 1.00rem ; }
.mb-4 { margin-bottom : 1.50rem ; }
.mb-5 { margin-bottom : 3.00rem ; }
.ml-1 { margin-left : 0.25rem ; }
.ml-2 { margin-left : 0.50rem ; }
.ml-3 { margin-left : 1.00rem ; }
.ml-4 { margin-left : 1.50rem ; }
.ml-5 { margin-left : 3.00rem ; }

.pd-1 { padding     : 0.25rem ; }
.pd-2 { padding     : 0.50rem ; }
.pd-3 { padding     : 1.00rem ; }
.pd-4 { padding     : 1.50rem ; }
.pd-5 { padding     : 3.00rem ; }

.pt-1 { padding-top : 0.25rem ; }
.pt-2 { padding-top : 0.50rem ; }
.pt-3 { padding-top : 1.00rem ; }
.pt-4 { padding-top : 1.50rem ; }
.pt-5 { padding-top : 3.00rem ; }
.pr-1 { padding-right : 0.25rem ; }
.pr-2 { padding-right : 0.50rem ; }
.pr-3 { padding-right : 1.00rem ; }
.pr-4 { padding-right : 1.50rem ; }
.pr-5 { padding-right : 3.00rem ; }
.pb-1 { padding-bottom : 0.25rem ; }
.pb-2 { padding-bottom : 0.50rem ; }
.pb-3 { padding-bottom : 1.00rem ; }
.pb-4 { padding-bottom : 1.50rem ; }
.pb-5 { padding-bottom : 3.00rem ; }
.pl-1 { padding-left : 0.25rem ; }
.pl-2 { padding-left : 0.50rem ; }
.pl-3 { padding-left : 1.00rem ; }
.pl-4 { padding-left : 1.50rem ; }
.pl-5 { padding-left : 3.00rem ; }

/* スペーサー */
.spacer-pc-3 {
  padding-top: 1.00rem;
}
@media screen and (max-width: 480px)
{
	.spacer-pc-3 {
	  padding-top: 0;
	}
}

/* 文字位置 */
.text-center{ text-align:center; }
.text-left{ text-align:left; }
.text-right{ text-align:right; }

/* 汎用CSS：フォントカラー */
.font-white, .font_white{
  color:#fff;
}

.font-red, .font_red{
	color:red;
}

/* 汎用：フォント装飾 */
.f06em{	font-size:0.6em; }
.f07em{	font-size:0.7em; }
.f08em{	font-size:0.8em; }
.f09em{	font-size:0.9em; }
.f10em{	font-size:1.0em; }
.f12em{	font-size:1.2em; }
.f13em{	font-size:1.3em; }
.f14em{	font-size:1.4em; }
.f15em{	font-size:1.5em; }
.f20em{	font-size:2.0em; }

.bold{ font-weight: bold; }

.lineHeight--regular{
	line-height: 1.8em;
}

/* 汎用CSS：背景カラー */
.bg-white {
		background-color: #fff;
}

.bg-black2 {
    background-color: #292c2f;
}

.bg-gray3 {
    background-color: #f3f3f3;
}

.bg_red{
	background: #c83839;
}

.bg_darkblue{
	background:#3f4b54;
}

.bg_deepskyblue{
	background:#00bfff;
}


.bg_keycolor_deepGreen{
	background: #4D7C9A;
}

/* list装飾 */
.list--disc{
	padding-left: 2.0em;
	list-style: disc;
}


/* ============================================ */
/* Section 4: グリッド+コンテナ                   */
/* ============================================ */
/*  汎用：boostrap風のflexサイズ制御 */
.col-4 {
    -ms-flex: 0 0 31%;
    flex: 0 0 31%;
    max-width: 31%;
}
.col-6 {
    -ms-flex: 0 0 48%;
    flex: 0 0 48%;
    max-width: 48%;
}
.col-8 {
    -ms-flex: 0 0 64%;
    flex: 0 0 64%;
    max-width: 64%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (min-width: 576px){
	.col-sm-2 {
	    -ms-flex: 0 0 16.666667%;
	    flex: 0 0 16.666667%;
	    max-width: 16.666667%;
	}

  .col-sm-4 {
      -ms-flex: 0 0 31%;
      flex: 0 0 31%;
      max-width: 31%;
  }

	.col-sm-5 {
	    -ms-flex: 0 0 41.666667%;
	    flex: 0 0 41.666667%;
	    max-width: 41.666667%;
	}

  .col-sm-6 {
      -ms-flex: 0 0 48%;
      flex: 0 0 48%;
      max-width: 48%;
  }

	.col-sm-7 {
	    -ms-flex: 0 0 58.333333%;
	    flex: 0 0 58.333333%;
	    max-width: 58.333333%;
	}

	.col-sm-10 {
	    -ms-flex: 0 0 83.333333%;
	    flex: 0 0 83.333333%;
	    max-width: 83.333333%;
	}

  .col-sm-12 {
	    -ms-flex: 0 0 100%;
	    flex: 0 0 100%;
	    max-width: 100%;
	}
}

/************** コンテナ制御 ****************/

.container{
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

@media screen and (max-width: 480px) {
	.container{
			padding: 0 10px;
	}
}

@media (min-width:  576px){ .container { max-width: 540px; } }
@media (min-width:  768px){ .container { max-width: 720px; } }
@media (min-width:  992px){ .container { max-width: 960px; } }
@media (min-width: 1200px){ .container { max-width: 1140px; } }

@media (min-width: 576px){
	.container, .container-sm {
	    max-width: 540px;
	}
}
@media (min-width: 768px){
	.container, .container-md, .container-sm {
	    max-width: 720px;
	}
}
@media (min-width: 992px){
	.container, .container-lg, .container-md, .container-sm {
	    max-width: 960px;
	}
}
@media (min-width: 1200px){
	.container, .container-lg, .container-md, .container-sm, .container-xl {
	    max-width: 1140px;
	}
}

.container p {
	margin-bottom: 0.85em;
	line-height: 1.8;
}
@media screen and (max-width: 480px) {
	.container p {
		font-size:0.9em;
		line-height: 2.0;
	}
}

/* ============================================ */
/* Section 5: リンク・パンくず・トップボタン       */
/* ============================================ */
/*********** リンク関連 **********/
p a, table a, .txtLinker_Right a, dl a{
	color:#007bff;
	transition: 0s;
	text-decoration: underline;
}

a:hover, p a:hover, table a:hover, dl a:hover{
	text-decoration: none;
}

.txtLinker_Right { text-align: right; }

a img { transition: 0.3s; }

a:hover img {
  opacity:0.7;
  filter:alpha(opacity=70);
  -ms-filter:"alpha(opacity=70)";
}

a.LinkColorBlue {
    color: #41c0ed;
    text-decoration: underline;
}

/***************************/
/* パン屑リスト             */
/***************************/
.breadcrumb_wrap{ width: 100%; }

.breadcrumb {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    list-style: none;
    background-color: #e9ecef;
    border-radius: 0.25rem;
		background-color: inherit;
    padding: 28px 0 0 0;
    font-size: 13px;
		line-height: 1.5em;
}

@media screen and (max-width:480px){
	/* パンくずリスト: 横スクロール対応 */
	.breadcrumb_wrap{
		position: relative;
	}

	.breadcrumb{
		padding: 1.0em 0;
		flex-wrap: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms-overflow-style: none;
		scrollbar-width: none;
	}

	.breadcrumb::-webkit-scrollbar{
		display: none;
	}

	.breadcrumb-item{
		white-space: nowrap;
		flex-shrink: 0;
	}

	/* 右端フェードアウトグラデーション */
	.breadcrumb_wrap::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%;
		pointer-events: none;
	}

	.breadcrumb_wrap.bg-white::after{
		background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1));
	}

	.breadcrumb_wrap.bg-gray3::after{
		background: linear-gradient(to right, rgba(243,243,243,0), rgba(243,243,243,1));
	}
}

.breadcrumb a {	color: #007bff; }
.breadcrumb a:hover {
	opacity: 1.0;
	text-decoration: underline;
}

.breadcrumb-item.active { color: #6c757d; }
.breadcrumb-item+.breadcrumb-item { margin-left: 0.5rem; }
.breadcrumb-item+.breadcrumb-item::before {
    display: inline-block;
    margin-right: 0.5rem;
    color: #6c757d;
    content: "/";
}

/********** 画面最上部に戻るボタン *******************/
#page_top {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 10px;
    bottom: 190px;
    background: #4D7C9A;
    opacity: 0.7;
    border-radius: 50%;
    z-index: 2;
}
@media screen and (max-width: 480px) {
	#page_top {
		bottom: 80px;
	}
}

#page_top a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: '\f106';
    font-size: 25px;
    color: #fff;
    position: absolute;
    width: 25px;
    height: 25px;
    top: -5px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
}

#page_top a {
    position: relative;
    display: block;
    width: 50px;
    height: 50px;
    text-decoration: none;
}


/* ============================================ */
/* Section 6: 共通ヘッダー                       */
/* ============================================ */
/* ロールオーバーアニメーションの除外：グローバルナビ */
.gNav__multi a:hover{ text-decoration: none; }
.gNav__multi a, .gNav__multi img{ transition: 0.0s; }

/************** 共通ヘッダー ****************/
.header__h1tag h1, .header__h1tag p{
	font-size: 11px;
	font-weight: normal;
}

@media screen and (max-width: 480px) {
	.header__h1tag{ display:none; }
}

.header__topBox{
  margin: 0 59px;
	display: flex;
	justify-content: space-between;
}

.header__h1tag {
	display: flex;
	align-items: flex-end;
}

@media screen and (max-width:480px){
	.header__topBox{
		display: none;
	}
}

.header__top
{
  display:flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  margin: 0 59px 10px;
}
@media screen and (max-width: 1200px) {
	.header__top
	{
		margin: 0;
		padding: 0 10px;
	}
}

.header__rightBox{ display: flex; gap: 15px; }

.header__leftBox{
	display: flex;
}

.header__leftBox > *:not(:first-child){
  margin-right: 10px;
}

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

.header__leftBox .siteLogo img{
  height:auto;
  width:290px;
	margin-right: 0.7em;
}

@media screen and (max-width: 1200px) {
  .header__leftBox .siteLogo img{
    height: 60px;
    width: auto;
  }
}
@media screen and (max-width: 480px) {

	.header__leftBox{
		width:100%;
		justify-content: space-between;
	}

  .header__leftBox .siteLogo img{
    height:50px;
    width:200px;
		margin:0;
		padding: 5px;
  }

	.header__top
	{
		flex-wrap: wrap;
		width: 100%;
		margin:0;
		padding:0;
		background: #fff;
	}

	.header__rightBox{
		background: #fff;
		gap: 0;
	}

	.header__rightBox{
		flex-wrap: wrap;
		width:100%;
	}
	.contactBanner{
		padding:5px;
		background: #fff;
		width: 100%;
	}
}/* @media */

.header__leftBox img, .header__rightBox, .header__rightBox img{
  height: 60px;
}
@media screen and (max-width:480px){
	.header__leftBox img, .header__rightBox, .header__rightBox img{
	  height: auto;
	}
}
.businessNegotiation {
		margin: auto 0;
		background: #47BBC5;
		color: #fff;
		height: 60px;
		width: 120px;
		display: flex;
		justify-content: center;
		align-items: center;
		line-height: 1.3em;
}
@media screen and (max-width: 480px){
	.businessNegotiation__pc {
			display: none;
	}
	.businessNegotiation {
			width: 100px;
			text-align: center;
	}
}
@media screen and (min-width: 481px){
	.businessNegotiation__mobile {
		display: none;
	}
}

@media screen and (max-width: 480px){
	.mobile_header_spacer {
		width: 15%;
	}
}

/* タブレット対応（481-1023px）: Next.js共通ヘッダーと同じスタイル */
/* NOTE: !important はファイル後方の基本ルールに勝つために必要 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
	.header__topBox {
		display: none !important;
	}
	.header__rightBox {
		display: none !important;
	}
	.header_inquiry_button {
		display: none !important;
	}
	.header__leftBox {
		width: 100% !important;
		justify-content: space-between !important;
	}
	.header__top {
		flex-wrap: wrap !important;
		width: 100% !important;
		margin: 0 !important;
		padding: 0 10px !important;
	}
	.siteLogo img,
	.header__leftBox .siteLogo img {
		max-width: 290px !important;
		height: auto !important;
	}
	header {
		height: 60px !important;
		padding-top: 0 !important;
	}
	.header__leftBox img,
	.header__rightBox,
	.header__rightBox img {
		height: auto !important;
	}
	.businessNegotiation__mobile__wrap {
		display: flex !important;
	}
	.businessNegotiation__mobile {
		display: flex !important;
	}
	/* デスクトップナビゲーションバー非表示 */
	nav.navbar {
		display: none !important;
	}
}

nav{
  height: 42px;
  background: #e1e1e1;
}

@media (min-width: 576px){
  .navbar-expand-sm {
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.navbar{
  position: relative;
}

.gNav {
  display: flex;
  width: 1140px;
  height: 40px;
  justify-content: space-between;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.gNav > li {
  height: 42px;
  line-height: 42px;
}

.gNav__product-list, .gNav__guide-list {
  visibility: hidden;
  z-index: 2;
}

.gNav__product-list {
  position: absolute;
  top: 46px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background: rgba(255,255,255,1);
  display: flex;
  flex-wrap: wrap;
  box-shadow: rgba(0,0,0,0.2) 0px 3px 2px 1px;
}

.gNav__guide-list {
  position: absolute;
  top: 46px;
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  background: rgba(255,255,255,1);
  display: flex;
  flex-wrap: wrap;
  box-shadow: rgba(0,0,0,0.2) 0px 3px 2px 1px;
}

.gNav__multi > a:hover{
  font-size:0.84em;
}

.gNav__multi > a{
  transition: 0.3s;
}

.gNav__multi:hover .gNav__product-list, .gNav__multi:hover .gNav__guide-list  {
  top: 40px;
  visibility: visible;
  background-color: #f3f3f3;
}

.gNav__product-list > li {
  position: relative;
  width: 16.6%;
  line-height: 1;
  text-align: center;
  padding:15px 40px;
  border-top: 1px solid #e1e1e1;
}

.gNav__guide-list > li {
  position: relative;
  width: 25.0%;
  line-height: 1;
  text-align: center;
	border-top: 1px solid #e1e1e1;
}

.gNav__product-list > li:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 20px;
  height: 80%;
  width: 1px;
  background-color: #e1e1e1;
}

.gNav__product-list > li:first-child , .gNav__product-list > li:last-child,
.gNav__guide-list > li:last-child {
  width: 100%;
  padding:0;
  height: 45px;
  line-height: 3.5;
  background-color: #f3f3f3;
  transition: 0.0s;
}

.gNav__guide-list li:hover{ background: #e1e1e1; }

.gNav__product-list > li:last-child > a,
.gNav__guide-list > li:last-child > a {
  display: block;
	padding: 0;
}

.gNav > li > a::before{
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #7AAEB2;
  margin-right: 0.25em;
}

.gNav li a{
  color: #060203;
  font-size: 0.8em;
	font-weight: bold;
}

.gNav__product-list li a {
	padding: 20px 30px;
	display: block;
}

.gNav__guide-list li a {
	padding: 30px;
	display: block;
}

.gNav__product-list li img{
		width: 100%;
    margin-bottom:10px;
}

.button{
  height: 100%;
  text-align: center;
}

.header_inquiry_button{
	text-align: center;
	display: flex;
	align-items: end;
}
.header_inquiry_button a{
	display: flex;
	height: 40px;
	background: #4D7C9A;
	color: #fff;
	border-radius: 3px;
	justify-content: center;
	align-items: center;
	width: 100%;
	padding: 0 10px;
}
.header_inquiry_button a:hover{
	text-decoration: underline;
}

@media screen and (max-width: 480px) {
	.header_inquiry_button{
		display: none;
	}
}

.button a{
  display: block;
  height: 100%;
  padding: 1.3em 0;
  width: 8em;
	background: #4D7C9A;
	color:#fff;
}

.header_scrolled {
  z-index: 1000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  max-width: 100vw;
  min-height: unset;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
  animation: header_drop .5s ease-out 0s 1 alternate none running;
}
@keyframes header_drop {
      0% { top: -63px }
    100% { top: 0 }
}

/**** ハンバーガーメニューボタン ******/
.hamburger { display:block; position:absolute; z-index:1001; left:5px; top:5px; width:42px; height: 42px; cursor: pointer; text-align: center; }
.hamburger span { display:block; position: absolute; width:25px; height :2px; left :6px; background:#BBBBBB; transition :0.3s ease-in-out; }
.hamburger span:nth-child(1) { top: 15px; }
.hamburger span:nth-child(2) { top: 20px; }
.hamburger span:nth-child(3) { top: 25px; }

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) { top:16px; left: 6px; background :#fff; transform :rotate(-45deg);}
.hamburger.active span:nth-child(2),.hamburger.active span:nth-child(3) { top: 16px; background :#fff; transform :rotate(45deg); }

/* モバイルヘッダー見積もりアイコン */
.header-icon-calc { display:block; position: absolute; z-index:3000; right:5px; top :5px; width:42px; height: 42px; cursor: pointer; text-align: center}
.header-icon-calc img { width:25px; height: auto; }

/* メニュー背景　*/
nav.globalMenuSp { position: absolute; z-index:2000; top :0; left:0; color: #fff; background: #333; text-align: center; width: 100%; transform: translateY(-100%); transition: all 0.6s; height:640px;}
nav.globalMenuSp ul { margin: 0 auto; padding: 0; width: 100%}
nav.globalMenuSp ul li { list-style-type: none; padding: 0; width: 100%; transition: .4s all}
nav.globalMenuSp ul li:first-child { background: #000; padding: 1em 0 }
nav.globalMenuSp ul li:last-child { padding-bottom: 0; }
nav.globalMenuSp ul li:hover{ background :#ddd; }
nav.globalMenuSp ul li a { display: block; color: #fff; padding: 1em 0; text-decoration :none; border-style: solid; border-width: 1px; border-color: #222;}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active { opacity: 100; display: block; transform: translateY(0%); }

/* ============================================ */
/* Section 7: ヒーローヘッダー                    */
/* ============================================ */
/************** ヒーローヘッダー ****************/
.heroHeader{ padding: 14px 0; }
.heroHeader__textBox{
  margin: 20px auto 30px;
  background: #fff;
  max-width: 1140px;
  border: 2px solid #7AAEB2;
  text-align: center;
  padding: 10px;
  font-size: 16px;
	font-weight: bold;
	line-height: 1.5em;
}

.heroHeader > .container { height: auto; }

@media screen and (max-width: 480px) {
	.heroHeader{ padding: 0; margin-top: 10px;}
  .heroHeader__textBox{
    margin: 0px auto 10px;
    font-size: 14px;
    padding: 5px;
  }
	.heroHeader > .container { height: auto; }
}

/* ============================================ */
/* Section 8: サイドバー                         */
/* ============================================ */
/************* コンテンツエリア  ****************/
.sidebar{
  flex: 0 0 25%;
  max-width: 25%;
	padding: 0px;
}

.contentsBox{
  flex: 0 0 75%;
  max-width: 75%;
}

.contentsBox__full{
  flex: 0 0 100%;
  max-width: 100%;
}


.contentsBox-slider img{
	width:100%;
	height:100%;
	aspect-ratio: 57 / 16;
}

@media screen and (max-width: 480px){
	.contentsBox-slider img{
		width: 100%;
		height:auto;
		aspect-ratio: 5 / 6;
	}
}

.contentsBox, .contentsBox.topPage{ padding-left:20px; }

.sidebar img { width: 100%; height: auto; }

@media screen and (max-width: 480px) {
	.sidebar{
	  flex: 0 0 100%;
	  max-width: 100%;
		padding-right: 0px;
    margin-top:30px;
	}
	.contentsBox{
	  flex: 0 0 100%;
	  max-width: 100%;
	}
	.contentsBox, .contentsBox.topPage{	padding:0; }
}

/* タブレット対応（481-1023px）: サイドバー非表示・コンテンツ全幅 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
	.sidebar {
		display: none;
	}
	.contentsBox {
		flex: 0 0 100%;
		max-width: 100%;
	}
	.contentsBox, .contentsBox.topPage {
		padding: 0;
	}
}

.sidebar > a { display: block; }

/*** コンテンツエリア：サイドバー ***/
.sticky{ position: sticky; top: 60px; }
.sticky a{ display:block; }

.sidebar_contentBox > p {
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid black;
	padding-bottom: 10px;
	padding-left:43px;
	margin-bottom: 5px;
	position: relative;
}

.sidebar_contentBox span:before {
    position: absolute;
    left: 5px;
    bottom: 7px;
    display: block;
    content: "";
    width: 32px;
    height: 32px;
}

.sidebar_contentBox.price span:before{ background: url(/img/sidebar_price.png) no-repeat; }
.sidebar_contentBox.guide span:before{ background: url(/img/sidebar_guide.png) no-repeat; }
.sidebar_contentBox.company span:before, .sidebar_contentBox.column span:before{ background: url(/img/sidebar_realize.png) no-repeat; }
.sidebar_child.recommend { background-image: url(/img/productlist_recommend.jpg)}
.sidebar_child.backparts { background-image: url(/img/productlist_backparts.jpg)}
.sidebar_child.shape { background-image: url(/img/productlist_shape.jpg)}
.sidebar_child.size { background-image: url(/img/productlist_size.jpg)}
.sidebar_child.surface { background-image: url(/img/productlist_surface.jpg)}
.sidebar_child.special { background-image: url(/img/productlist_special.jpg)}
.sidebar_child.machine { background-image: url(/img/productlist_machine.png)}

.sidebar_child  {display: block; position: relative;}
.sidebar_child :after{
	content: "";
	position: absolute;
	right: 0.2em;
	top: 50%;
	margin-top: -4px;
	transition: all .2s;
	width: 6px;
	height: 6px;
	border-top: solid 1px black;
	border-right: solid 1px black;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.sidebar_itemLineupList .sidebar_child {
    background-size: 48px;
    background-position: left center;
    background-repeat: no-repeat;
}

.sidebar_itemLineupList .sidebar_child a { padding-left: 52px; }

.sidebar_child a {
	display: block;
	padding-left: 0;
}

.sidebar_child {
	line-height: 3.6;
  font-size: 14px;
  border-bottom: 1px solid #eeeeee;
  margin: 0 4px;
}

/* ============================================ */
/* Section 9: タイトル・ラインナップ・タブ         */
/* ============================================ */

.title {
	display: block;
	text-align: center;
	font-size: 1.5em;
	letter-spacing: 1px;
	margin-bottom: 1.5em;
	border-bottom: 1px dashed #4D7C9A;
	padding-bottom: 0.7em;
	line-height: 1;
}

@media screen and (max-width: 480px) {
  .title { font-size: 20px; }
}

.lineup__itemList {
	display: flex;
	flex-wrap: wrap;
	column-gap: 2.5%;
	row-gap: 35px;
	margin-top:28px;
}

.lineup__itemList li{ flex: 18%; max-width: 18%; }

.lineup__img img {
	width: 100%;
	height: 205px;
	border: 1px solid #e1e1e1;
	object-fit: contain;
	background-color: #fff;
}

.lineup__label { font-weight: bold; margin-top:12px; font-size:0.9em; }
.lineup__label > .lineup__label__name { display: block; width: 100%; margin-bottom: 4px; }
.lineup__label > .lineup__label__valume{ display: block; color: #c83839; }

.lineup__itemList p{
	line-height: 1.7em;
	margin-top: 10px;
	font-size: 0.8em;
}

@media screen and (max-width: 480px) {
	.lineup__itemList li{	flex: 49.0%; max-width: 49.0%; }
	.lineup__img img { height: 190px; }
  .lineup__label{ line-height: 1.4; margin-top:7px; }
  .lineup__label > h2, .lineup__label > h3{ font-size: 15px; }
  .lineup__itemList{ row-gap:20px; column-gap: 2.0%; }
  .lineup__itemList p{ display: none; }
}

.lineup__itemContent, .lineup__itemContent__subTab{	display: none; }
.lineup__itemContent { margin-bottom: 3em; }
.lineup__itemContent > span{
	display: block;
	background: #7AAEB2;
	font-weight: bold;
	font-size: 1.2em;
	color: white;
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 5px;
}

.itemCategoryTab{
  display: flex;
  cursor: pointer;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 15px;
	font-family: "Hiragino Maru Gothic W4 JIS2004", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.itemCategoryTab .active{	background-color: #4D7C9A; color: #fff; }

.itemCategoryTab li{
  font-size: 14px;
  font-weight: bold;
  transition: all 0.2s ease;
  border: 1px solid #4D7C9A;
  cursor: pointer;
  width: 120px;
  color: #4D7C9A;
  height: 40px;
  border-radius: 20px;
  text-align: center;
  line-height: 2.8;
}

@media screen and (max-width: 480px) {
	.itemCategoryTab li{
		font-size: 12px;
    line-height:unset;
    width:auto;
    height:35px;
    border-radius: 10px;
    padding: 10px;
	}
}

.itemCategoryTab li a{
	display: block;
	width:100%;
	height:100%;
}

.itemCategoryTab li a:hover{ text-decoration: none; }

.itemCategory_subTab{
  display: flex;
  cursor: pointer;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  height:100%;
}

.itemCategory_subTab .active{ font-weight: bold; border-bottom: 2px solid; }

.itemCategory_subTab li{
  font-size: 14px;
  cursor: pointer;
  width: 120px;
  color: #000;
  line-height: 3.2;
  padding:0;
  height:45px;
}

.itemCategory_subTab li:hover{ background: #dcdcdc; }

@media screen and (max-width: 480px) {
	.itemCategory_subTab li{
		font-size: 12px;
    line-height:unset;
    width:auto;
    height:35px;
    padding: 10px;
	}
}

.itemCategory_subTab li a{ display: block; width:100%; height:100%; }
.itemCategory_subTab li a:hover{ text-decoration: none; }
.lineup__itemContent__subTab ul{ gap:0; margin:0; }
.lineup__itemContent__subTab li { flex:16.6%; max-width:16.6%; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; }

.gNav_usageGuideLists li
{
	border-right: 1px solid #e1e1e1;
	border-bottom: 1px solid #e1e1e1;
}

.lineup__itemContent__subTab li:nth-child(6n){
  border-right: none;
}

.lineup__itemContent__subTab .lineup__label {
	margin-top: 0;
	font-size:14px;
	justify-content:center;
}

.lineup__itemContent__subTab img{
	border: none;
	background: #fff;
	height:150px;
}
.gNav__product-list > .subTab__mainBox{
	width:100%;
	padding: 0;
}

.lineup__itemContent__subTab.lineup__itemList{
	margin-top:0;
}

/* ============================================ */
/* Section 10: Swiperギャラリー                  */
/* ============================================ */
/* トップページのギャラリーカルーセル */
.indexGallery{ padding: 1.0em 0; }

.banner_menu_lists { display: flex; flex-wrap: wrap; gap: 10px; }
.banner_menu_item:nth-child(1), .banner_menu_item:nth-child(2){ width: 49.5%; }
.banner_menu_item:nth-child(n+3){ width: 32.7%; }
.banner_menu_image{ width: 100%; height:auto;}

@media screen and (max-width:480px){
	.banner_menu_item:nth-child(1), .banner_menu_item:nth-child(2), .banner_menu_item:nth-child(n+3) { width: 100%; }
}

[class*=swiper]:focus { outline: none; }

.slide-media, .thumb-media {
  position: relative;
  overflow: hidden;
}
.slide-media img, .thumb-media img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-button-prev, .swiper-button-next {
  display: grid;
  place-content: center;
  width: 6.4rem;
  height: 6.4rem;
  cursor: pointer;
  -webkit-transition: var(--transition);
  transition: var(--transition);
}

.swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}

.gallery01 {
  overflow: hidden;
}
.gallery01 .swiper {
  max-width: 100%;
  margin: auto;
}
.gallery01 .swiper-main {
  overflow: visible;
}
.gallery01 .swiper-thumb {
  padding-top: 12px;
}
.gallery01 .swiper-fade .swiper-slide {
  -webkit-transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, -webkit-transform !important;
  transition-property: opacity, transform !important;
  transition-property: opacity, transform, -webkit-transform !important;
  pointer-events: none;
}
.gallery01 .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.gallery01 .swiper-controller {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 62.5%;
}
.gallery01 .swiper-button-prev, .gallery01 .swiper-button-next {
  position: absolute;
  z-index: 1;
  top: 0;
  bottom: 0;
  margin: auto;
}
.gallery01 .swiper-button-prev {
  right: calc(100% + 3.2rem);
}
.gallery01 .swiper-button-next {
  left: calc(100% + 3.2rem);
}
.gallery01 .swiper-scrollbar {
  position: relative;
  margin-top: 1.6rem;
}

.gallery01 .swiper-scrollbar-drag {
  height: 20px;
  padding: 8px 0;
  cursor: pointer;
  background-color: var(--color-theme);
  background-clip: content-box;
}
.gallery01 .swiper-scrollbar-drag:active {
  background-color: var(--color-theme-darken);
}
.gallery01 .slide {
  display: block;
  overflow: hidden;
}
.gallery01 .slide-media {
  padding-top: 35.0%;
  border-radius: 4px;
}
.gallery01 .slide-media img {
  -o-object-fit: contain;
     object-fit: contain;
}
.gallery01 .slide-title {
  font-weight: bold;
  line-height: 1.6;
  padding: 3.2rem 0;
}
.gallery01 .thumb-media {
  padding-top: 100%;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  border-radius: 4px;
}
.gallery01 .thumb-media img {
  height: calc(100% + 8px);
  -webkit-transition: var(--transition);
  transition: var(--transition);
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.gallery01 .swiper-slide-thumb-active {
  -webkit-transition: var(--transition);
  transition: var(--transition);
  opacity: 0.3;
}
.gallery01 .swiper-slide-thumb-active .thumb-media {
  -webkit-transform: translateY(-8px);
          transform: translateY(-8px);
}
.gallery01 .swiper-slide-thumb-active .thumb-media img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media only screen and (max-width: 1024px) {
  .gallery01 .swiper-button-prev {
    right: calc(100% - 3.2rem);
  }
  .gallery01 .swiper-button-next {
    left: calc(100% - 3.2rem);
  }
}

@media only screen and (min-width: 1025px) {
  .gallery01 .swiper-scrollbar-drag:hover {
    background-color: var(--color-theme-darken);
  }
  .gallery01 .thumb-media:hover {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  .gallery01 .thumb-media:hover img {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

/* ============================================ */
/* Section 11: コンテンツエリア・スライダー        */
/* ============================================ */
.contentsBox{
  flex: 0 0 75%;
  max-width: 75%;
}

.contentsBox__full{
  flex: 0 0 100%;
  max-width: 100%;
}


.contentsBox-slider img{
	width:100%;
	height:100%;
	aspect-ratio: 57 / 16;
}

@media screen and (max-width: 480px){
	.contentsBox-slider img{
		width: 100%;
		height:auto;
		aspect-ratio: 5 / 6;
	}
}

/* ============================================ */
/* Section 12: フッター                          */
/* ============================================ */
/************** フッター ****************/
.footer__top{
  padding: 28px 0;
}

.footer_postage_table {
  font-size: 12px;
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  border: 1px solid #dcdcdc;
}

.footer_postage_table thead{
  background: #aeaeae;
}


.footer_postage_table tbody{
  background: #fff;
}

.footer_postage_table th, .footer_postage_table td {
  border: 1px solid #dcdcdc;
  padding: 3px;
}
.footer_postage_table th, .table_cell_middle {
  text-align: center;
  vertical-align: middle;
}

.table_cell_right {
  text-align: right;
}

.footer__bottom{
  padding: 10px 60px 40px;
}

.footer__top__box ul{
  display: flex;
  flex-wrap: nowrap;
}

.footer__top__box ul > li{
  width: 33%;
  padding: 10px;
  line-height: 1.4em;
}

.ftTopLiTop{
  border-bottom: solid 1px #4D7C9A;
  color: #4D7C9A;
  font-weight: 700;
  font-size: 13.3pt;
  margin-bottom: 0.8em;
  line-height: 1.4em;
}

.footer_icon > .estimate_button a, .footer_icon > .inquiry a{
  display: block;
  position: relative;
  width: 196px;
  height: 45px;
  line-height: 45px;
  color: #fff;
  font-size: 0.8em;
  font-weight: bold;
  border-radius: 3px;
}

.footer_icon > .estimate_button a{ background: #dd2c73; }
.footer_icon > .inquiry a { background: #e1cc4f; }


.footer_icon > .estimate_button a:before, .sideStickyMenu > .estimate_button a:before, .footer_icon > .inquiry a:before, .sideStickyMenu > .inquiry a:before, .sideStickyMenu > .business a:before {
  position: absolute;
  left: 13px;
  display: block;
  content: "";
  width: 30px;
  height: 30px;
}

.footer_icon > .estimate_button a:before, .sideStickyMenu > .estimate_button a:before  {
  bottom: 6px;
  background: url(/img/sidebar_icon_estimate.png) no-repeat;
}


.footer_icon > .inquiry a:before, .sideStickyMenu > .inquiry a:before {
  bottom: 2px;
  background: url(/img/sidebar_icon_inquiry.png) no-repeat;
}


.sideStickyMenu > .business a:before {
  bottom: 7px;
  background: url(/img/sidebar_icon_building.png) no-repeat;
}


.footer_mainBox,
.footer_mainBox a {
	color: #fff;
}

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

.footer_mainBox > ul{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around
}

.footer_mainBox > ul > li {
  height: 280px;
}

.footer_mainBox > ul > li > p {
  font-weight: bold;
  font-size: 1em;
  margin-top: 10px;
}

.footer_mainBox > ul > li > ul {
  margin-top: 15px;
  font-size: 0.8em;
  line-height: 2em;
}

.footer_forrealize{
  text-align: left;
  margin-top: 20px;
  border-left: 1px solid #787878;
  border-right: 1px solid #787878;
  padding: 0 15px;
  width: 200px;
}
.footer_price {
  text-align: left;
  margin-top: 20px;
  border-right: 1px solid #787878;
  padding: 0 15px;
  width: 620px;
}

.footer_icon {
  width: auto;
  text-align: center;
  margin-top: 20px;
}

.footer_price__list{
  display: flex;
  margin-top: 15px;
  font-size: 0.8em;
  line-height: 2em;
}

.footer_price ul {
  margin-right: 65px;
}

.footer03{
	background: #222;
}

.footer03 .row{
		justify-content: space-evenly;
		margin-top:20px;
}

.footer03 .inner-block {
    padding: 0 10px 10px;
}
.footer03 .nav {
    width: calc(100% + 20px);
    margin-left: -10px;
}
.footer03 .nav li {
    border-top: 1px solid #555;
}
.footer03 .nav li > span, .footer03 .nav li > a  {
    display: block;
    padding: 12px 20px;
    background-size: 6px auto;
		color:#fff;
}
.footer03 li.footer03-desc {
    background-color: #fff;
    border-top: 1px solid #555;
}
.footer03_postage, .footer03_payment {
    box-sizing: border-box !important;
    width: 100%;
    padding: 10px;
		background: white;
}
.footer03 .nav li.last {
    border-bottom: 1px solid #555;
}
.footer03 .nav .nav-child li {
    background-color: #333;
}
.footer03 .nav .nav-child li a {
    font-size: 0.8rem;
}

@media only screen and (max-width: 480px){
	.footer03 .nav-child li {
	    background-color: #333;
	}
	.footer03 .nav li {
	    border-top: 1px solid #555;
	}
	.footer03 .nav-child li a {
			display: block;
	    font-size: 0.8rem;
			padding: 12px 20px;
			color: #fff;
	}
}

.footer_icon_estimate a, .footer_icon_inquiry a, .footer_icon_bussiness a {
    width: 95%;
    text-align: center;
    box-sizing: border-box!important;
}


.footer_icon_estimate a, .footer_icon_inquiry a, .footer_icon_bussiness a {
    display: block;
    position: relative;
    width: 165px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    font-size: 0.8em;
    font-weight: bold;
    border-radius: 3px;
}
.footer_icon_estimate a {
	background: #dd2c73;
}
.footer_icon_inquiry a {
	background: #e1cc4f;
}

.footer_icon_bussiness a {
	background: #47BBC5;
}

.copy, .copy p small a {
		background: #292c2f;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
    letter-spacing: 0.1em;
		padding-bottom: 1.5em;
}

.rules {
  text-align: left;
  margin-top: 10px;
  font-size: 0.75em;
  font-weight: normal;
  line-height:1.8em;
}

.rules a {
  display: block;
  position: relative;
}

.rules a:after {
  position: absolute;
  bottom: 9px;
  display: block;
  content: "";
  width: 9px;
  height: 10px;
  background: url(/img/right_arrow2.png) no-repeat;
}

.rules p {
  margin-left: 12px;
  margin-top: 2px;
}

/* 画面右下の追従メニュー.start */
.sideStickyMenu {
    position: fixed;
    right: 0;
    bottom: 77px;
    z-index: 2;
}
.sideStickyMenu a {
		display: block;
    position: relative;
		width: 150px;
    height: 45px;
    line-height: 45px;
		border-radius: 5px 0 0 5px;
		color: #fff;
    font-size: 0.8em;
    font-weight: bold;
		padding-left: 48px;
		opacity: 0.6;
		transition: 0.3s;
}

.sideStickyMenu a :hover{
	opacity: 1;
}

.sideStickyMenu > .inquiry, .sideStickyMenu > .business { margin-top: 6px; }
.sideStickyMenu > .estimate_button a { background: #dd2c73; }
.sideStickyMenu > .inquiry a { background: #e1cc4f; }
.sideStickyMenu > .business a { background: #47BBC5; }

.sideStickyMenu > .estimate_button a:hover,
.sideStickyMenu > .inquiry a:hover,
.sideStickyMenu > .business a:hover
{ opacity: 1; }

/* ============================================ */
/* Section 13: 訪問者・ヘッダースクロール          */
/* ============================================ */
.visitors{
	width: 230px;
	display:flex;
}

.visitors__pc{
	display:flex;
}

.consultation{
	border-right: 1px solid #eee;
}

.consultation, .viewer{
	padding:10px;
}

.visitors__pc > .consultation{
	padding-right: 10px;
}
.visitors__pc > .viewer{
	padding-left: 10px;
}


.item_label, .item_value{
	font-size:13px;
}

.item_label span, .item_value span{
	font-size:24px;
	color: #e51f58;
	font-weight:bold;
}

.item_value{
	margin-top:2px;
}
@media screen and (max-width: 1200px) {
	.visitors__pc{
		display: none;
	}
	.item_label span, .item_value span{
		font-size:14px;
	}

}
@media screen and (max-width: 480px) {
	.visitors{
		float: unset;
		width:100%;
		margin-top:0px;
		justify-content:center;
		text-align:left;
	}

	.visitors__pc{
		display:none;
	}

	.consultation, .viewer{
		padding: 10px 40px;
	}
	.item_label, .item_value{
		font-size:15px;
	}
	.item_label span, .item_value span {
		font-size:30px;
	}

}

/********************************************************/
/* レスポンシブ時上部メニューのスクロール表示・非表示対応 */
/********************************************************/
header{
	height: 135px;
	width:100%;
	z-index: 2000;/*最前面へ*/
  background-color: #fff;
	padding-top: 10px;
}

@media screen and (max-width: 480px) {
	header{
/*		position: fixed; */
		height: 60px;
		padding-top: 0px;
	}

	/*　上に上がる動き　*/

	#header.UpMove{
/*		animation: UpAnime 0.5s forwards; */
	}

	@keyframes UpAnime{
		from {
			opacity: 1;
		transform: translateY(0);
		}
		to {
			opacity: 0;
			transform: translateY(-150px);
		}
	}

	/*　下に下がる動き　*/

	#header.DownMove{
/*		animation: DownAnime 0.5s forwards;*/
	}
	@keyframes DownAnime{
		from {
			opacity: 0;
		transform: translateY(-120px);
		}
		to {
			opacity: 1;
		transform: translateY(0);
		}
	}
}

/* ============================================ */
/* Section 14: 見出しキャプション                 */
/* ============================================ */
.main_caption { display: table; text-align: center; white-space: nowrap; margin: 20px auto 10px auto; font-weight: bold;}
.main_caption span{font-size: 1.5rem;}
.main_caption:after, .main_caption:before { content: ''; display: table-cell; width: 20%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px)); -webkit-background-clip: padding; background-clip: padding;}
.main_caption:after h1{border-left: 1em solid transparent;}
.main_caption:before h1{border-right: 1em solid transparent;}

 .main_caption { white-space: normal; line-height: 1.8rem; margin: 15px auto }
 .main_caption span{font-size: 1.0rem;}
 .main_caption:after, .main_caption:before { content: ''; display: table-cell; width: 0%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px)); -webkit-background-clip: padding; background-clip: padding;}
 .title.dark { width: 100%; background-color: #222; color: #FFF; padding :10px 0 ; border-bottom: none; line-height: 1.4;}
 .main_caption.send { margin: 15px auto 0 auto }

/* ============================================ */
/* Section 15: ガイドリストアイコン                */
/* ============================================ */
.usageGuideLists > ul > li a {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding: 15px;
}

.usageGuideLists__icon {
	width:100%;
	margin-bottom:15px;
}

.usageGuideLists__icon > i {
	font-size: 50px;
	color: rgba(6, 2, 3, .5);
}

.usageGuideLists__label {
	width:100%;
	font-size:14px;
}

@media screen and (max-width:480px){
	.usageGuideLists > ul {
		gap: 0;
	}
	.usageGuideLists > ul > li {
		width: 100%;
		height: auto;
		border-radius: 0;
		border: none;
		border-top: 1px solid #e1e1e1;
		border-left: 1px solid #e1e1e1;
		border-right: 1px solid #e1e1e1;
	}

	.usageGuideLists > ul > li:last-child {
		border-bottom: 1px solid #e1e1e1;
	}

	.usageGuideLists > ul > li a {
		flex-wrap: nowrap;
		padding: 10px;
	}

	.usageGuideLists__icon {
	    width: 30px;
	    margin-bottom: 0px;
	}

	.usageGuideLists__icon > i {
		font-size: 24px;
	}

	.usageGuideLists__label {
 		position: relative;
		display: flex;
		align-items: center;
		padding-left: 15px;
		font-size: 16px;
	}

	.usageGuideLists__label:after {
		content: '';
	  width: 6px;
	  height: 6px;
	  border: 0;
	  border-top: solid 2px #333;
	  border-right: solid 2px #333;
	  transform: rotate(45deg);
	  position: absolute;
	  top: 0;
	  right: 5px;
	  bottom: 0;
	  margin: auto;
	}
}

/* ============================================ */
/* Section 16: エラー・表示制御                    */
/* ============================================ */
.error{
	border: 1px dotted red;
	padding: 20px;
}

.show{ display: block; opacity: 1; }

/* ============================================ */
/* Section 17: WPテーマ独自スタイル                */
/* (realize_v02/style.css - 従来未ロード分)       */
/* ============================================ */
/***** responsive *****/
/*PCの場合*/
.mb	{ display:none!important; }
@media screen and (max-width: 480px) {
/*スマホの場合*/
.pc	{ display:none!important; }
.mb { display:block!important; }
}
/* タブレット: モバイル要素を表示、PC要素を非表示 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
.pc	{ display:none!important; }
.mb { display:block!important; }
}

.mainimage-wrapper { max-width: 100%; }
@media screen and (max-width: 480px) {
  .gallery-cell{ width : 100%; }
  img.gallery-celll-img { width : 100%; display: block; }
}

/***** サイト全体の共通装飾 *****/
p {
	margin: 0;
}
ul{
	padding: 0;
}

.blog_main_inner h4{
    border-bottom: 2px #000 dotted;
    display: inline-block;
    margin: 10px 0;
    padding-bottom: 6px;
}


.toc_list > li > a {
    font-weight: bold;
}

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 15px 30px 10px 5px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
}

#toc_container a:hover {
  text-decoration: underline;
}

#toc_container li {
  list-style: none;
  padding-left:20px;
  line-height: 2.0;
}

#toc_container p.toc_title{
    text-align: center;
    font-size: 18px;
}

ul.toc_list{
  padding-bottom: 0;
}

ul.toc_list li > ul > li{
  margin-bottom: 0;
}


ul.toc_list li > ul > li > a{
  font-size: 0.9em;
}



/**** 引用タグ装飾 ***/
blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}

@media (max-width: 576px){
  blockquote {
	  margin: 0;
  }
}


blockquote::before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f10d';
	font-family: FontAwesome;
	color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

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

/**** ハンバーガーメニューボタン ******/
.hamburger {
  display : block;
  position: absolute;
  z-index : 3000;
  left : 5px;
  top   : 5px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 25px;
  height  : 2px ;
  left    : 6px;
  background : #BBBBBB;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 15px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 25px;
}

/* スマホメニューを開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  background :#fff;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  background :#fff;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
}

/* モバイルヘッダー見積もりアイコン */
.header-icon-calc {
  display : block;
  position: absolute;
  z-index : 3000;
  right : 5px;
  top   : 5px;
  width : 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
}

.header-icon-calc img {
  width : 25px;
  height: auto;
}

/* メニュー背景　*/
nav.globalMenuSp {
  position: absolute;
  z-index : 2000;
  top  : 0;
  left : 0;
  color: #fff;
  background: #333;
  text-align: center;
  width: 100%;
  transform: translateY(-100%);
  transition: all 0.6s;
}

nav.globalMenuSp ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  transition: .4s all;
}
nav.globalMenuSp ul li:first-child {
  background: #000;
  padding: 1em 0;
}

nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
}
nav.globalMenuSp ul li:hover{
  background :#ddd;
}

nav.globalMenuSp ul li a {
  display: block;
  color: #fff;
  padding: 1em 0;
  text-decoration :none;
  border-style: solid;
  border-width: 1px;
  border-color: #222;
}

/* クリックでjQueryで追加・削除 */
nav.globalMenuSp.active {
  opacity: 100;
  display: block;
   transform: translateY(0%);
}

/*****shadowbox*****/
    #sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff;}
  #sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
  #sb-overlay{position:relative;height:100%;width:100%;}
  #sb-wrapper{position:absolute;visibility:hidden; width:500px; background:#fff; padding:20px;}
  #sb-wrapper-inner{position:relative;height:100px;}
  #sb-body{position:relative;height:100%;}
  #sb-body-inner{height:100%;width:100%;}
  #sb-player.html{height:100%;}
  #sb-body img{border:none;}
  #sb-loading{position:relative;height:100%;}
  #sb-loading-inner{position:absolute;font-size:14px;line-height:0px;height:0px;top:0%;margin-top:0px;width:100%;text-align:center;}
  #sb-loading-inner span{color:#000;  background:url(/img/loading.gif) no-repeat;padding-left:0px;display:inline-block;}
  /*#sb-body,#sb-loading{background-color:#060606;}*/
  #sb-title,#sb-info{position:absolute; margin:0; padding:0; overflow:hidden; top: 0; right: 0;}
  #sb-title,#sb-title-inner{height:26px;line-height:26px;}
  #sb-title-inner{font-size:16px;}
  #sb-info,#sb-info-inner{height:35px;line-height:20px;}
  #sb-info-inner{font-size:12px;}
  #sb-nav{float:right;height:16px;padding:2px 5px;width:45%;}
  #sb-nav a{display:block;float:right;height:35px;width:33px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
  #sb-nav-close{background-image:url(/img/close.png);}
  #sb-nav-next{background-image:url(next.png);}
  #sb-nav-previous{background-image:url(previous.png);}
  #sb-nav-play{background-image:url(play.png);}
  #sb-nav-pause{background-image:url(/img/pause.png);}
  #sb-counter{float:left;width:45%;}
  #sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
  #sb-counter a.sb-counter-current{text-decoration:underline;}
  div.sb-message{font-size:12px;padding:10px;text-align:center;}
  div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}

    /*****initial*****/

    .cf:before,.cf:after {content:"";display:block;}
    .cf:after {clear:both;}
    .cf {zoom:1;}
    *, *:before, *:after{-webkit-box-sizing:border-box !important; box-sizing:border-box !important;}
    .btn {padding: 0px !important;}
    ul,li {list-style: none;}
    table {border-collapse: collapse !important;}
    body {color:#000000; letter-spacing: 0.05em; font-family:Arial, "メイリオ", Meiryo ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.2em; -webkit-text-size-adjust: 100%; margin: 0;}
    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: bold; font-family: "メイリオ", Meiryo ,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic" !important;}
    label {font-weight: normal;}
  *, *:before, *:after {box-sizing:border-box;}

    a {text-decoration:none; color: #000000; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
    a:hover {text-decoration:none; color:#026a82; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
    img {vertical-align: bottom;}
    header { background: #fff; height:120px; -webkit-box-shadow: 0 0px 3px #777; -moz-box-shadow: 0 0px 3px #777; box-shadow: 0 0px 3px #777;}
    hr {margin:0px;}
    .header_wrap {width: 1030px; margin: 0 auto; height: 120px;}
@media screen and (max-width: 480px) {
  header { height:auto; border-top: 0px; margin-bottom: 0px; }
  .header_wrap {width: 100%; margin: 0 auto; height: auto;}
}
    .logo a:hover {text-decoration: none; color:#000;}
    .logo {float:left; width: 365px;}
    .logo_wrap {float:left; margin-top: 10px; width: 64px;}
    .logo_comment {float:left; margin-left: 10px; width:500px;  font-size: 1em; line-height: 1em; font-weight: bold;}
/*    .logo_comment {float:left; margin-left: 10px; width:500px;  margin-top: 15px; font-size: 1em; line-height: 1em; font-weight: bold;}*/

.campanyname {margin-top: 4px;}

  /*****header*****/

  .header_nav {float:left; font-size: 0.8em; font-weight: bold; margin-left: 0px; margin-top: 0px;width: 1150px; position: absolute;}
  .header_nav ul {margin-top: 0px;}
  .header_nav ul li {float: left; margin-top: 0px;}

  .header_info {float: left; margin-left: 20px; margin-top:0px; width: 300px;}
  .header_info p {font-weight: bold; font-size: 14px; line-height: 30px; width: 300px; color: #000; margin: 0}
  .header_info p span { font-size: 45px; letter-spacing: 0.02em; color: #FC0; text-shadow:1px 1px 1px #333;}

  .header_icon_estimate {float: right; margin-right: 10px; margin-top: 30px;}
  .header_icon_estimate a {background: #dd2c73; padding: 6px 13px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block;}
  .header_icon_estimate a:hover {background: #ea4285}
  .header_icon_inquiry {float: right; margin-top: 30px;}
  .header_icon_inquiry a {background: #333333; padding: 6px 11px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; display: block;}
  .header_icon_inquiry a:hover {background: #505050;}

  .logo_banner{width: 380px;height: 95px}
@media screen and (max-width: 480px) {
  .logo { width:100%; height: 50px; float:left; position: fixed; display: block; z-index: 1500; background-color: #fff; }
  .logo_banner_wrapper { text-align: center; }
  .logo_banner {width:auto; height:50px;}
  .header_nav {float:left; font-size: 0.8em; font-weight: bold; margin-left: 0px; margin-top: 0px;width: 100%; position: absolute;}
}

/*****container*****/

    #container {margin: 0 auto; width: 1080px; overflow: hidden}
    .blog_contents {width: 742px; background: #fff;}


  /*****sidebar*****/

    .sidebar {width: 238px; float: left;}
    .sidebar nav {padding: 1px 15px 30px 15px; background-color: #fff; width: 208px; margin-top:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
    #sidebar_wrap>li>ul {margin: 8px 0px;}
    .sidebar_parent_close {display: none;}
    /*.sidebar_download_templete_inner {padding: 80px 14px;;text-align: center;background: #fff;border-radius: 3px; width:594px;} */
    .sidebar_download_templete_inner {text-align: center; border-radius: 3px; width:100%;}
    .sidebar_download_templete_inner h1{font-size: 1.4em; margin-bottom: 10px;}
    #sidebar_download_templete{display: none;}
    #sidebar_download_templete div {background: #fff; text-align: center; margin: 0 auto;}
    .sidebar_download_templete_main {margin-top: 15px;}
    .sidebar_parent_forrealize span.open:after { position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/close_arrow.png) no-repeat;}
    .sidebar_parent_forrealize { font-weight: bold; font-size: 1.05em; height: 45px;}
    .sidebar_parent_forrealize span {cursor: pointer; display: block; position: relative; padding-left:40px;}
    .sidebar_parent_forrealize span:before {position: absolute; left: 4px; top: 10%; display: block; content: ""; width: 32px; height: 32px; background:url(https://realize-net.com/img/sidebar_realize.png) no-repeat;}
    .sidebar_parent_forrealize span:after {position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/open_arrow.png) no-repeat;}

    .sidebar_parent_price span.open:after { position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/open_arrow.png) no-repeat;}
    .sidebar_parent_price { font-weight: bold; font-size: 1.05em;  height: 45px;}
    .sidebar_parent_price span {cursor: pointer; display: block; position: relative; padding-left:40px; }
    .sidebar_parent_price span:before {position: absolute; left: -5px; bottom: -7px; display: block; content: ""; width: 32px; height: 32px; background:url(https://realize-net.com/img/sidebar_price.png) no-repeat;}
    .sidebar_parent_price span:after {position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/close_arrow.png) no-repeat;}

    .sidebar_parent_guide span.open:after { position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/close_arrow.png) no-repeat;}
    .sidebar_parent_guide { font-weight: bold; font-size: 1.05em;  height: 45px;}
    .sidebar_parent_guide span {cursor: pointer; display: block; position: relative; padding-left:40px}
    .sidebar_parent_guide span:before {position: absolute; left: -5px; bottom: -7px; display: block; content: ""; width: 32px; height: 32px; background:url(https://realize-net.com/img/sidebar_guide.png) no-repeat;}
    .sidebar_parent_guide span:after {position: absolute; right: 0px; bottom: 7px; display: block; content: ""; width: 13px; height: 7px;background:url(https://realize-net.com/wp/wp-content/uploads/open_arrow.png) no-repeat;}


    .sidebar_parent_price_list .sidebar_child {
      background-size: 48px; background-position: left center; background-repeat: no-repeat;
    }
    .sidebar_parent_price_list .sidebar_child a {
      padding-left: 44px;
    }
    .sidebar_child {padding:15px 0px 20px 12px; font-size: 14px; border-bottom: 1px solid #eeeeee; margin: 0px 4px;}
    .sidebar_child.hook { background-image: url(/img/sidebar_estimate_hookpin.png)}
    .sidebar_child.safety { background-image: url(/img/sidebar_estimate_safety.png)}
    .sidebar_child.clip { background-image: url(/img/variation_clip_s.png)}
    .sidebar_child.strap { background-image: url(/img/variation_strap_s.png)}
    .sidebar_child.key { background-image: url(/img/variation_key_s.png)}
    .sidebar_child.magnet { background-image: url(/img/variation_magnet_s.png)}
    .sidebar_child.join { background-image: url(/img/variation_join_s.png)}
    .sidebar_child.mat { background-image: url(/img/variation_mat_s.png)}
    .sidebar_child.stand { background-image: url(/img/variation_stand_s.png)}
    .sidebar_child.miller { background-image: url(/img/variation_miller_s.png)}
    .sidebar_child.cork { background-image: url(/img/variation_cork_s.png)}
    .sidebar_child.s150mm { background-image: url(/img/variation_150_s.png)}
    .sidebar_child.metallic { background-image: url(/img/variation_metallic_s.png)}
    .sidebar_child.hologram { background-image: url(/img/variation_hologram_s.png)}
    .sidebar_child.cloth { background-image: url(/img/variation_cloth_s.png)}
    .sidebar_child.carry { background-image: url(/img/variation_carry_s.png)}

    .sidebar_child.square { background-image: url(/img/variation_square_s.png)}
    .sidebar_child.ractangle { background-image: url(/img/variation_ractangle_s.png)}
    .sidebar_child.ractangle_r { background-image: url(/img/variation_ractangle_r_s.png)}
    .sidebar_child.overholo { background-image: url(/img/variation_overholo_s.png)}
    .sidebar_child.mirror_print { background-image: url(/img/variation_mirror_print_s.png)}
    .sidebar_child.record { background-image: url(/img/variation_record_s.png)}
    .sidebar_child.gaku { background-image: url(/img/variation_gaku_s.png)}

    .sidebar_images {
     margin: 10px 0;
    }
    .sidebar_images img {
      width: 100%;
    }

    .sidebar_child a {display: block; position: relative;}
    .sidebar_child a:after{position: absolute; right: 9px; bottom: 3px; display: block; content: ""; width: 15px; height: 13px;	background-image: url(/wp/wp-content/uploads/right_arrow.png);}
    #sidebar_wrap > li > ul > li:last-child { border:none;}
    #sidebar_wrap > li > p >span:nth-child(2):before{background-image: url(/wp/wp-content/uploads/sidebar_price.png);}

    .sidebar_icon {padding-top: 10px; text-align: center}
    .sidebar_icon_estimate a {display: block; position: relative; margin:0px 6px; background: #dd2c73; width: 196px; height: 45px; line-height: 47px;color: #fff; font-size: 0.8em; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
    .sidebar_icon_estimate a:before {position: absolute; left: 13px; bottom: 8px; display: block; content: ""; width: 24px; height: 28px; background-image: url(/wp/wp-content/uploads/sidebar_icon_estimate.png);}
    .sidebar_icon_estimate a:after {position: absolute; right: 15px; bottom: 16px; display: block; content: ""; width: 10px; height: 14px;background-image: url(/wp/wp-content/uploads/right_arrow2.png);}
    .sidebar_icon_estimate a:hover {background: #ea4285;}

    .sidebar_icon_inquiry {margin-top: 20px;}
    .sidebar_icon_inquiry a { display: block; position: relative; margin:0px 6px; background: #333333; width: 196px; height: 45px;  line-height: 47px; color: #fff; font-size: 0.8em; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
    .sidebar_icon_inquiry a:before {position: absolute; left: 13px; bottom: 5px; display: block; content: ""; width: 24px; height: 28px; background-image: url(/wp/wp-content/uploads/sidebar_icon_inquiry.png);}
    .sidebar_icon_inquiry a:after {position: absolute; right: 15px; bottom: 16px; display: block; content: ""; width: 10px; height: 14px;background-image: url(/wp/wp-content/uploads/right_arrow2.png);}
    .sidebar_icon_inquiry a:hover {background: #505050;}

    .sidebar_download {text-align: left; padding-left: 40px; font-size: 0.8em; font-weight: bold; padding: 8px 0px; background-color: #fff; width: 238px; margin:10px 0; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
    .sidebar_download a {display: block; position: relative;}
    .sidebar_download a:hover {text-decoration: none; color:#000;}
    .sidebar_download a:before {position: absolute; left: 5px; bottom: 0px; display: block; content: ""; width: 80px; height: 39px; background-image: url(/wp/wp-content/uploads/psdai_icon.png);}
    .sidebar_download a:after {position: absolute; right: 2px; bottom: 0px; display: block; content: ""; width: 41px; height: 39px; background-image: url(/wp/wp-content/uploads/download_icon.png) ;}



    .sidebar_download p {padding-left: 98px;}

    .sidebar_staff {font-size: 0.8em; font-weight: bold; padding: 15px 15px 15px 15px; background-color: #fff; width: 208px; margin-top:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
    .sidebar_staff article {margin: 0 auto; background: #c6e4e4;  height: auto; color: #fff; font-size: 1.4em; letter-spacing: 0.em; font-weight: bold; text-align: center;}
    .sidebar_staff article p {padding-top: 57px;}
    .sidebar_staff_blog_up  {color:#f33; font-size:11px; margin:12px 0 0 2px;}
    .sidebar_staff_blog {padding: 3px 0 10px 0px; border-bottom: 1px solid #eeeeee;}
    .sidebar_staff_blog a {display: block; position: relative;}
    .sidebar_staff_blog a:after{position: absolute; right: 0px; bottom: 3px; display: block; content: ""; width: 15px; height: 13px;background:url(https://realize-net.com/wp/wp-content/uploads/right_arrow.png) no-repeat;}
    .sidebar_staff_introduce {padding: 15px 0px;}
    .sidebar_staff_introduce a {display: block; position: relative;}
    .sidebar_staff_introduce a:after{position: absolute; right: 0px; bottom: 3px; display: block; content: ""; width: 15px; height: 13px;background:url(https://realize-net.com/wp/wp-content/uploads/right_arrow.png) no-repeat;}

    .sidebar_info {font-size: 0.8em; font-weight: bold; padding: 15px 15px 20px 15px; background-color: #fff; width: 208px; margin-top:10px; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;}
    .sidebar_info p{padding-top:15px; line-height: 1.5em;}
    .sidebar_info p span {font-size: 1.5em; line-height: 1.1em;}
    .accordion {margin-top: 20px;}

    /*****contents*****/

    .contents_all {float: left; margin-left:15px; margin-top: 10px; width: 800px; background: #fff;}

  /*****footer*****/

  footer  {margin-top:40px; background-color: #292c2f;}
  .footer_info  {background-color: #fbfbf9; width: auto; margin:0 auto;}
  .footer_info.cf { margin-left:auto; margin-right: auto; }

  .footer_postage ul { float:left; font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em; margin-right: 35px;}
  .footer_postage { float:left; text-align: left; height: 560px; margin-top: 10px;  border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:0px 15px; width:30%;}
  .footer_postage ul:last-child{
    margin-right: 0;
  }
  .footer_payment { float:left; text-align: left; height: 560px; margin-top: 10px;  border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:0px 15px; width:30%;}
  .footer_payment ul { float:left; font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em; margin-right: 35px;}
  .footer_payment ul:last-child{
    margin-right: 0;
  }
  .footer_inquiry { float:left; text-align: left; height: 560px; margin-top: 10px;  border-right:1px solid #dcdcdc; border-left:1px solid #dcdcdc; padding:0px 15px; width:29%;}
  .footer_inquiry ul { float:left; font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em; margin-right: 35px;}
  .footer_inquiry ul:last-child{
    margin-right: 0;
  }

  @media (max-width:768px){
    .footer_postage { width:30%;}
    .footer_payment { width:30%;}
    .footer_inquiry { width:29%;}
  }


  .footer_main {background-color: #333333; width: 100%; margin:0 auto; color: #ffffff;}
  .footer_main a { color: #ffffff; font-weight: normal;}

  .footer_forrealize {height: 280px; float:left; text-align: left; margin-top: 20px; border-left:1px solid #787878; border-right:1px solid #787878; padding:0px 15px; width:171px;}
  .footer_forrealize p { font-weight: bold; font-size:1em; margin-top: 10px;}
  .footer_forrealize ul { font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em;}

  .footer_price {height: 280px; float:left; text-align: left; margin-top: 20px;  border-right:1px solid #787878; padding:0px 15px; width:600px;}
  .footer_price p { font-weight: bold; font-size:1em; margin-top: 10px;}
  .footer_price ul { float:left; font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em; margin-right: 80px;}
  .footer_price ul:last-child{
    margin-right: 0;
  }

  .footer_guide {height: 280px; float:left; text-align: left; margin-top: 20px;  border-right:1px solid #787878; padding:0px 15px; width:171px;}
  .footer_guide ul { font-weight: bold; margin-top:15px; font-size: 0.8em; line-height: 2em;}

  .footer_main.cf { margin-left:auto; margin-right: auto; }
  .footer_icon {float: left; height: 280px; width:256px; text-align: center; margin-top:20px; margin-left: 20px}

.footer_icon_estimate {margin-top:10px; }
    .footer_icon_estimate a {display: block; position: relative; background: #dd2c73; width: 196px; height: 45px;  line-height: 45px;  color: #fff; font-size: 0.8em; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
    .footer_icon_estimate a:before {position: absolute; left: 13px; bottom: 8px; display: block; content: ""; width: 24px; height: 28px; background:url(https://realize-net.com/wp/wp-content/uploads/sidebar_icon_estimate.png) no-repeat;}
    .footer_icon_estimate a:after {position: absolute; right: 15px; bottom: 16px; display: block; content: ""; width: 10px; height: 14px;background:url(https://realize-net.com/wp/wp-content/uploads/right_arrow2.png) no-repeat;}
    .footer_icon_estimate a:hover {background:#ea4285;}
    .footer_icon_inquiry {margin-top: 20px;}
    .footer_icon_inquiry a { display: block; position: relative; background: #e1cc4f; width: 196px; height: 45px;  line-height: 45px;  color: #fff; font-size: 0.8em; font-weight: bold; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
    .footer_icon_inquiry a:before {position: absolute; left: 13px; bottom: 5px; display: block; content: ""; width: 24px; height: 28px; background:url(https://realize-net.com/wp/wp-content/uploads/sidebar_icon_inquiry.png) no-repeat;}
    .footer_icon_inquiry a:after {position: absolute; right: 15px; bottom: 16px; display: block; content: ""; width: 10px; height: 14px;background:url(https://realize-net.com/wp/wp-content/uploads/right_arrow2.png) no-repeat;}
    .footer_icon_inquiry a:hover {background:#505050;}

    .footer_download_templete_inner {text-align: center; border-radius: 3px; width:100%;}
    .footer_download_templete_inner h1{font-size: 1.4em; margin-bottom: 10px;}
    #footer_download_templete{display: none;}
    #footer_download_templete div {background: #fff; text-align: center; margin: 0 auto;}
    .footer_download_templete_main {margin-top: 15px;}

    .rules {text-align: left; margin-top: 10px; font-size: 0.75em; font-weight: bold;}
    .rules a {display: block; position: relative;}
    .rules a:after{position: absolute;  bottom: 5px; display: block; content: ""; width: 9px; height: 10px;background:url(/img/right_arrow2.png) no-repeat;}
    .rules p {margin-left:12px; margin-top:2px; }

    .copy , .copy p small a {background: #292c2f; color: #fff; text-align: center; font-weight: bold; font-size: 0.9em;padding: 15px 0px; margin-top: 20px; letter-spacing: 0.1em;}

    /*****blog*****/
    .right_wrap {margin-top: 24px;}
    .left_wrap {}

    .main_caption { display: table; text-align: center; white-space: nowrap; margin: 0 auto;  font-weight: bold;}
    .main_caption span{font-size: 1.5em;}
    .main_caption:after, .main_caption:before { content: ''; display: table-cell; width: 20%; background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px)); background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px))); background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px)); -webkit-background-clip: padding; background-clip: padding;}
    .main_caption:after h2{border-left: 1em solid transparent;}
    .main_caption:before h2{border-right: 1em solid transparent;}

    .sub_caption {color: #666; text-align: center; font-weight: normal; font-size: 1.1em; margin-top:13px;}

    .blog_main_inner {margin-top: 45px;}
	.blog_main_inner h2, .blog_main_inner h3, .blog_main_inner h4, .blog_main_inner h5, .blog_main_inner h6 { line-height: 1;}
  .blog-top .blog_main_inner h2 { font-size: 1.5em; line-height: 1.5 !important;}
  .categories_title { font-size: 1.5em; line-height: 1.5 !important;}
    .blog_main {border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding:30px 36px;}
    .blog_main article {width:auto; padding-bottom:25px; margin-bottom: 25px ;border-bottom: 1px dotted #999;}
    .blog_main article div.title {letter-spacing: 0.1em; padding-bottom: 10px; line-height: 2em;}
    .blog_main article div.title h1{margin: 0 auto; text-align: left; float: left; font-size: 1.6em; line-height: 1.4;}
    .blog_main article div.title p.day{ letter-spacing: 0.1em; font-size: 1.5rem; color: #aaaaaa;}
    /*.blog_main article figure{margin: 0 auto; height: 300px; overflow: hidden; margin: 22px 0px;}*/
    .blog_main article figure img {text-align: center; width:100%; height:auto;}
    .blog_main article p {text-align: left; line-height: 1.7em; letter-spacing: 0.08em; margin-bottom: 1.0em;}

        .eyecatch-image {
          text-align: center !important;
        }
        .eyecatch-image img {
          width:auto;
          height:auto;
          max-width:100%;
          max-height:100%;
        }

        .post-content{
            margin-bottom: 4.0em;
            overflow-wrap: break-word;
            word-break: break-word;
        }

        .post-content h2 {
          border-bottom: solid 3px #92dde6;
          position: relative;
          font-size: 24px;
          font-size: 1.5rem;
          padding-bottom: 8px;
          line-height: 1.4;
          margin: 32px 0 40px;
        }
        .post-content h3 {
          padding: 0.25em 0.5em;
          font-size: 20px;
          font-size: 1.3rem;
          background: transparent;
          border-left: solid 5px #fecd00;
          margin: 32px 0 40px;
        }
        .post-content h2::after {
          position: absolute;
          content: " ";
          display: block;
          border-bottom: solid 3px #47bdc6;
          bottom: -3px;
          width: 20%;
        }
        .post-content ol {
          counter-reset:list;
          list-style-type:none;
          font: 14px/1.6 'arial narrow', sans-serif;
          padding: 16px 0 32px 8px;
        }

        .post-content ol li {
          position:relative;
          padding: 0 0 0 30px;
          margin: 7px 0 7px 0px;
          font-weight: bold;
          font-size:18px;
          line-height: 29px;
          border: dashed 1px transparent;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s;
        }
        .post-content ol li:before {
          counter-increment: list;
          content: counter(list);
          position: absolute;
          left: -10px;
          width: 30px;
          height: 30px;
          text-align: center;
          color: #fff;
          line-height:30px;
          background: #F6A38B;
          border-radius: 50%;
          top: 50%;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
        }
        .post-content ol li:before {
          border-bottom-color: #F6A38B;
        }

        .post-content > ul {
          padding-left: 25px;
        }

        .post-content > ul > li {
          list-style: disc;
          line-height: 29px;
        }

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

        .toc_list li {
          position:relative;
          padding: 0 0 0 12px;
          font-weight: normal;
          font-size:18px;
          line-height: 29px;
          border: dashed 1px transparent;
          -webkit-transition: 0.3s;
          -moz-transition: 0.3s;
          -o-transition: 0.3s;
          -ms-transition: 0.3s;
          transition: 0.3s;
        }
        .toc_list li:before {
			/*
          content: "　";
          position: absolute;
          left: -10px;
          width: 16px;
          height: 16px;
          text-align: center;
          color: #fff;
          line-height:16px;
          background: #F6A38B;
          border-radius: 50%;
          top: 44%;
          -moz-transform: translateY(-50%);
          -webkit-transform: translateY(-50%);
          -o-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
*/
}
        .toc_list li:before {
          border-bottom-color: #F6A38B;
        }
        .post-content a {
          color: #47bdc6;
        }
        .post-content a.ext_icon {
        background: url(https://realize-net.com/wp/wp-content/themes/realize/images/link-out.png) center right no-repeat;
        padding-right: 13px;
        }
        .post-content small {
          font-size: 0.8rem;
        }

        .aligncenter {
          display: block;
          margin: 0 auto;
        }

        .text-mark {
          -webkit-text-emphasis: filled sesame #ffa048;
          text-emphasis: filled sesame #ffa048;
        }


        table {
          border-collapse: collapse;
          width: 100%;
          margin: 8px 0 32px;
        }
        table th, table td {
          border: solid 1px black;
          padding: 8px;
          /*実線 1px 黒*/
        }
        table th {
          background: #f3f3f3;
        }
        .square_btn{
          display: block;
          padding: 1.1em 1em;
          width: 60%;
          text-decoration: none;
          background: #ffa500;
          color: #fff !important;
          border-bottom: solid 4px #d68a00;
          border-radius: 3px;
          margin: 16px auto 32px;
          text-align: center;
          font-weight: bold;
          font-size: 1.2rem;
        }
        .square_btn:active {/*ボタンを押したとき*/
            -ms-transform: translateY(4px);
            -webkit-transform: translateY(4px);
            transform: translateY(4px);/*下に動く*/
            border-bottom: none;/*線を消す*/
        }
        .square_btn.edison_btn {
          background: #d80000 !important;
          border-bottom: solid 4px #b60000;
          padding: 1.1em 1em;
       }


    .pikachu-line {
      background: linear-gradient(transparent 50%, #fff001 0%);
    }
    .category , .archive{width:auto ;letter-spacing: 0.1em;}
    .archive {margin-top: 10px;}
    .category {margin-top: 30px;}
    .blog-category, .blog-newpost {color: #000; line-height: 26px; font-size: 1.2em; border-bottom: 2px solid #41C0ED; position:relative; padding-left: 38px; padding-bottom: 3px;font-weight: bold;}
    .blog-newpost::after {content:""; position:absolute; display: block; top:-1px; left:0px; background:url(https://realize-net.com/wp/wp-content/uploads/new2.png); width: 26px; height: 26px;}
    .blog-category::after {content:""; position:absolute; display: block; top:-1px; left:0px; background:url(https://realize-net.com/wp/wp-content/uploads/category.png); width: 26px; height: 26px;}
    .category ul, .archive ul {margin-top:10px;margin-bottom: 24px;}
    .category ul li, .archive ul li {padding: 12px 0px; border-bottom: 1px dotted #555555;}
    .category ul li a , .archive ul li a {font-size:1em; color:#555555; cursor:pointer;}
    .category ul li a:hover, .archive ul li a:hover {color:#41c0ed;}
    .category p {margin-top:0px;margin-bottom: 0px;}

    .next {margin: 45px 0px 20px 0px;}
    .back {margin: 14px 0px 10px 0px; float: right;}
    .back p a {font-size: 0.8em; background: #333333; color: #fff !important; padding: 5px 10px; display: block;}
    .back p a:hover {background:#505050 !important;}
    .wp-pagenavi {margin-top: 20px;}
    .pages {display: none;}
    .page-numbers {border:none; border: none; padding: 5px 8px; background: #333333; text-align: center; margin: 2px; color: #FFF;}
    .page-numbers:hover {color:#fff !important; background:#505050 !important;}
    .current  , .page , .nextpostslink , .previouspostslink{border:none; border: none; padding: 5px 8px; background: #eee; text-align: center; margin: 2px; color: #333; font-size: 1em;}
    .current:hover  , .page:hover , .nextpostslink:hover , .previouspostslink:hover{color:#fff !important; background:#505050 !important;}
    .none {margin-top: 47px;}

    /* .twitter_widget {width:180px; height:820px; border:1px solid #dff; border-radius:4px; margin-top:20px;} */

@media screen and (max-width:480px){
  html {
    margin-top: 0 !important;
  }
  .sp-non {
    display: none;
  }
  #container {
    width: auto;
  }
  header {
    height: 50px;
  }
  .header_wrap {
    width: auto;
    height: auto;
  }
  .header_nav {
    display: none;
  }
  .header_icon {
    display: none;
  }
  .header_info {
    display: none;
  }
  .logo_wrap {
    display: none;
  /* float: left; */
    margin-top: 10px;
    width: 64px;
  }
  .logo_comment {
    float: none;
    margin-left: 10px;
    width: auto;
    margin-top: 15px;
  }


  .contents_all {
    float: none;
    margin-left: auto;
    width: auto;
	margin-top: 50px;
  }
  .blog_contents {
    width: auto;
  }
  .sidebar {
    display: none;
  }

  .blog_main {
    padding: 8px 8px;
  }
  .blog_main_inner {
    margin-top: 0;
  }
  .main_caption, .sub_caption {
    display: none;
  }
  table th, table td {
    padding: 3px;
  }
  .square_btn {
    width: 84%;
  }

  .post-content img {
    max-width: 100%;
    width: auto;
    height: auto;
  }

}

/* タブレット対応（481-1023px）: WPブログ サイドバー非表示・コンテンツ全幅 */
@media screen and (min-width: 481px) and (max-width: 1023px) {
  .contents_all {
    float: none;
    margin-left: auto;
    width: auto;
  }
  .blog_contents {
    width: auto;
  }
  .sidebar {
    display: none;
  }
  .blog_main {
    padding: 8px 16px;
  }
  .post-content img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  /* ランダム記事 5列→3列 */
  .rand_contents {
    flex-wrap: wrap;
    gap: 8px;
  }
  .rand_contents li {
    width: 30%;
    font-size: 1.0em;
  }
}


/****** カテゴリの親子表示 *******/
.category .children{
	margin-bottom: 0;

}
.category .children > li {
	position: relative;
	margin-left: 20px;
	padding-left: 5px;
}
.category .children > li::before {
	content: "\2514";
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	height: 80%;
	width: 1px;
}

.category .children > li:first-child {
  border-top: 1px dotted #555555;
}

.category .children > li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.category .children > li > a {
	margin-left:15px;
}

/****** 吹き出し ******/
.fukidashiBox {
  display: flex;
}

.fukidashi__person {
	width:100px;
	margin-right: 20px;
}

.fukidashi__person img{
	width: 100%;
	height: auto;
	border-radius:100%;
}

.fukidashi {
    display: inline-block;
    position: relative;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
	width:100%;
}

.fukidashi :after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.fukidashi__midashi {
    font-size: 16px;
	font-weight: bold;
    line-height: 1.4em;
}

.fukidashi__honbun {
font-size: 14px;
    margin: 0;
    padding: 0;
}
@media (max-width: 576px){
  .fukidashiBox {
	padding:0 0 0 10px;
  }
}

/**** ギャラリーリスト表示 *****/
.gallery-list {
  display: table;
  width: 100%;
}
.gallery-list > li:nth-child(4n+1) {
  clear: both;
}
.gallery-list > li {
  display: table-cell;
  float: left;
  width: 25%;
  margin-bottom: 16px;
}
.gallery-images img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  border-radius: 8px;
}
.gallery-list > li h2 {
  font-size: 0.9rem;
  margin: 8px 0;
  padding-right: 16px;
  line-height: 1.2;
}
.gallery-list > li h2 a {
  font-weight: bold;
  color: #333;
}

/* 20210903.add */
.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -35px;
    margin-left: -15px;
}

/*
.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
*/
@media (min-width: 576px){

.col-sm-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 31%;
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 31%;
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto
{
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 5px;
    padding-left: 5px;
}

.new-character_inner a {
    display: block;
    width: 100%;
    height: 100%;
}

.new-character_img {
    position: relative;
    margin-bottom: 1em;
    border: 1px solid #e1e1e1;
}

.new-character_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}


h3.new-character_header  {
  margin-top: 10px;
  font-size: 1.1em
}

.new-character_inner p.text {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0;
}
.new-character_desc p.text {
    font-size: 13px;
    line-height: 1.4em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

	.inner_info{
	    height: auto;
	    width: 1200px;
	    text-align: left;
	    margin: 0 auto 0 auto;
	    padding: 0 20px;
	}
}
@import screen and (min-width: 769px){
		.inner_info{
		    width: 95%;
		}
	}

	.inner_main{
	    height: auto;
	    width: 1200px;
	    text-align: left;
	    margin: 0 auto 0 auto;
/*	    padding: 0 20px;*/
	}

@import screen and (min-width: 769px){
		.inner_main{
		    width: 95%;
		}
	}


	.footer_postage_table {
		font-size:12px;
		width: 100%;
    border-collapse: collapse;
    margin: 0;
    border: 1px solid #dcdcdc;
	}

	.footer_postage_table th, .table_cell_middle {
    text-align: center;
		vertical-align: middle;
	}

	.footer_postage_table th, .footer_postage_table td{
    border: 1px solid #dcdcdc;
		padding:3px;
	}

	.mtop10{
		margin-top:10px;
	}

	.mtop20{
		margin-top:20px;
	}

	.bold {
		font-weight:bold;
	}

	.table_cell_right
	{
			text-align: right;
	}

	.f06em{
		font-size:0.6em;
	}
	.f07em{
		font-size:0.7em;
	}
	.f08em{
		font-size:0.8em;
	}
	.f09em{
		font-size:0.9em;
	}
	.f10em{
		font-size:1.0em;
	}
	.f15em{
		font-size:1.5em;
	}
	.f20em{
		font-size:2.0em;
	}

.category_header {
  display: inline-block;
	padding:0.1rem 1.0rem;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
  margin-bottom:0.1rem;
}

p.day{
  display: inline-block;
  font-size: 15px;
}

.tags {
  background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;
  padding: 0.2em 0.5em;
  color: #454545;
  margin-right:1.3rem;
  line-height:2.5;
}


/* 記事ページのアイキャッチのサイズ上限を制限 */
.list-images img{
  max-width: 100%;
  height: auto;
}

/* パン屑リスト */
.breadcrumb{
  height:35px;
  border: none;
  box-shadow:none;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  font-size: 12px;
}

.breadcrumb__list{
  max-width: 1080px;
  margin: 0;
  padding: 15px 0 0;
  display: flex;
}

.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:nth-last-child(n + 2):after {
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: 3px;
}

.breadcrumb__item a {
  color: blue;
  transition: opacity .6s;
}

.breadcrumb__item a:hover {
  opacity: .6;
}

@media screen and (max-width: 480px) {
 .contents_all{
   margin-top: 0px;
 }
  .breadcrumb{
    font-size:12px;
    height:auto;
    padding:10px 0;
  }
  .breadcrumb__list{
    max-width: 95%;
    padding: 0;
    overflow-x: scroll;;
  }
  .breadcrumb__item {
    flex-shrink: 0;
  }

}

/******************************************************************************/
/* リニューアル後のCSS                                                         */
/******************************************************************************/


/**********************************/
*, ::after, ::before {
    box-sizing: border-box;
}

/* ============================================ */
/* Section 18: WPブログ固有スタイル               */
/* (wordpress.css)                              */
/* ============================================ */
/******************************************************************************/
/* リニューアル後用のワードプレスのスタイル定義                                  */
/******************************************************************************/
/***********************************/
/* トップページメニュー（index.php） */
/***********************************/

.blogMenu{
	display: flex;
	justify-content: space-between;
  margin-bottom: 1.5em;
  padding: 0 30px;
}

.blogMenu__list {
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	width: 250px;
	height: 60px;
	font-size:1.3em;
}

.blogMenu__list a {
  color: #fff;
}

.blogMenu__list:hover{
  background: rgba(255, 255, 255, .15);
}

@media screen and (max-width:480px)
{
	.blogMenu{
			flex-wrap:wrap;
      padding: 0;
	}
	.blogMenu__list {
		width: 100%;
		height: 50px;
		font-size: 1.0em;
		height: 3.0em;
		border: 1px solid white;
	}
}

.blogMenuBox {
  background: #333631;
  border-radius: 50px;
}

@media screen and (max-width:480px)
{
  .blogMenuBox, .blogMenu__list{
    border-radius: 0;
  }
}

/* タブレット対応（481-1023px）: blogMenu 2行折り返し */
@media screen and (min-width: 481px) and (max-width: 1023px) {
	.blogMenu {
		flex-wrap: wrap;
		padding: 0;
		gap: 2px;
	}
	.blogMenu__list {
		width: calc(50% - 2px);
		height: 50px;
		font-size: 1.0em;
	}
	.blogMenuBox {
		border-radius: 10px;
	}
}

/* ランダム記事表示 */
.rand_contents{
	display: flex;
	justify-content: space-between;
  margin-bottom: 2.0em;
}

.rand_contents li {
	display: flex;
	justify-content: center;
	width: 19%;
	font-size:1.3em;
}
@media screen and (max-width:480px){
	.rand_contents{
			flex-wrap:wrap;
	}
	.rand_contents li {
		width: 100%;
		height: 50px;
		font-size: 1.0em;
	}
}

.icatch_wrap{
  width:100%;
  height: auto;
}

.icatch{
  width: 100%;
  height: 200px;
  object-fit: cover;
  border: 1px solid #e1e1e1;
  margin-bottom: 0.5em;
}

.article_title{
  display: inline-block;
  font-size: 0.8em;
  font-weight: bold;
}

.icatch_wrap .article_title {
	color: blue;
}

.icatch_wrap .article_title:hover{
	text-decoration: underline;
}

@media screen and (max-width:480px){
  .rand_contents li{
    justify-content: left;
    height: 50px;
    margin-bottom: 3px;
  }

  .icatch_wrap{
    display: flex;
    width: 100%;
    height: 50px;
  }

  .icatch{
    height: 50px;
    width: 50px;
    margin-bottom: 0;
  }

  .article_title{
    font-size: 0.9em;
  }
}


/* カテゴリ表示 */
.category , .archive{width:auto ;letter-spacing: 0.1em;}
.archive {margin-top: 10px;}
.category {margin-top: 30px;}
.blog-category, .blog-newpost {color: #000; line-height: 26px; font-size: 1.2em; border-bottom: 2px solid #41C0ED; position:relative; padding-left: 38px; padding-bottom: 3px;font-weight: bold;}
.blog-newpost::after {content:""; position:absolute; display: block; top:-1px; left:0px; background:url(https://realize-net.com/wp/wp-content/uploads/new2.png); width: 26px; height: 26px;}
.blog-category::after {content:""; position:absolute; display: block; top:-1px; left:0px; background:url(https://realize-net.com/wp/wp-content/uploads/category.png); width: 26px; height: 26px;}
.category ul, .archive ul {margin-top:10px;margin-bottom: 24px;}
.category ul li, .archive ul li {padding: 12px 0px; border-bottom: 1px dotted #555555;}
.category ul li a , .archive ul li a {font-size:1em; color:#555555; cursor:pointer;}
.category ul li a:hover, .archive ul li a:hover {color:#41c0ed;}
.category p {margin-top:0px;margin-bottom: 0px;}

@media screen and (max-width:480px){
	.category ul li a , .archive ul li a {font-size:0.95em;}
}

/****** カテゴリの親子表示 *******/
.category .children{
	margin-bottom: 0;

}
.category .children > li {
	position: relative;
	margin-left: 20px;
	padding-left: 5px;
}
.category .children > li::before {
	content: "\2514";
	display: block;
	position: absolute;
	left: 0;
	top: 12px;
	height: 80%;
	width: 1px;
}

.category .children > li:first-child {
  border-top: 1px dotted #555555;
}

.category .children > li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}

.category .children > li > a {
	margin-left:15px;
}

/* カテゴリ―・タグを基準としたページ一覧ページ */
.article_signle{
	margin: 2.0em 0;
}

.category_header{
	display: inline-block;
	padding: 0.5em 1.0em;
	color: #fff;
	border-radius: 100vh;
	background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
	background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
	background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
	margin-bottom: 1.0em;
}

.article_title_inCategoryTag{
	font-size: 1.25em;
	font-weight: bold;
	margin-bottom: 0.3em;

}

.thumbnail_wrap{
	width: 31.5%;
}

.text_wrap{
	width: 66.5%;
}

@media screen and (max-width:480px){
	.article_title_inCategoryTag{
		font-size: 1.2em;
	}

	.aricle_box{
		flex-wrap: wrap;
	}
	.thumbnail_wrap, .text_wrap{
		width: 100%;
		margin-bottom: 1.0em;
	}
}

.tags{
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 1px #96c2fe;
	padding: 0.2em 0.5em;
	color: #5377dd;
	margin-right: 1.3rem;
	line-height: 3.0;
}

.aricle_box{
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.titleBox{
	margin-bottom: 0.3em;
}

@media screen and (max-width:480px){
	.titleBox{
    width: 100%;
    margin-left: 0;
    padding: 0;
  }
}

.excerpt_wrap{
	display: block;
	font-size: 0.85em;
}

.excerpt_wrap:hover{
	text-decoration: underline;
}

.day{
	display: block;
	font-size:0.9em;
	margin-bottom: 0.5em;
}

.eyecatch-wrap{
	width: 100%;
}

.article_content{
	margin-top: 1.0em;
}

.article_title_single, .article_title_wordpress{
	font-size: 1.5em;
	font-weight: bold;
	border-bottom: 1px dashed #4D7C9A;
	padding-bottom: 0.5em;
	line-height: 1;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

@media screen and (max-width: 480px){
	.article_title_single, .article_title_wordpress{
		font-size: 1.25em;
		line-height: 1.25em;
		margin-bottom: 0.5em;
	}

}

/******************************************************************************/
/* 記事本文の装飾用                                                            */
/******************************************************************************/
/****** 吹き出し ******/
.fukidashiBox {
  display: flex;
}

.fukidashi__person {
	width:100px;
	margin-right: 20px;
}

.fukidashi__person img{
	width: 100%;
	height: auto;
	border-radius:100%;
}

.fukidashi {
    display: inline-block;
    position: relative;
    padding: 17px 13px;
    border-radius: 12px;
    background: #d7ebfe;
	width:100%;
}

.fukidashi :after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 18px;
    left: -24px;
    border: 12px solid transparent;
    border-right: 12px solid #d7ebfe;
}

.fukidashi__midashi {
    font-size: 16px;
	font-weight: bold;
    line-height: 1.4em;
}

.fukidashi__honbun {
font-size: 14px;
    margin: 0;
    padding: 0;
}
@media (max-width: 576px){
  .fukidashiBox {
	padding:0 0 0 10px;
  }
}

.youtube{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.youtube iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.post-content a {
    color: #47bdc6;
}

.post-content a.ext_icon {
    background: url(https://realize-net.com/wp/wp-content/themes/realize/images/link-out.png) center right no-repeat;
    padding-right: 13px;
}

.post-content h2 {
	border-bottom: solid 3px #92dde6;
	position: relative;
	font-weight: bold;
	font-size: 1.5rem;
	padding-bottom: 8px;
	line-height: 1.4;
	margin: 32px 0 40px;
}
.post-content h3 {
	padding: 0.25em 0.5em;
	font-size: 1.3rem;
	font-weight: bold;
	background: transparent;
	border-left: solid 5px #fecd00;
	margin: 32px 0 40px;
}
.post-content h2::after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #47bdc6;
	bottom: -3px;
	width: 20%;
}
.post-content ol {
	counter-reset:list;
	list-style-type:none;
	font: 14px/1.6 'arial narrow', sans-serif;
	padding: 16px 0 32px 8px;
}

.post-content ol li {
	position:relative;
	padding: 0 0 0 30px;
	margin: 7px 0 7px 0px;
	font-weight: bold;
	font-size:18px;
	line-height: 29px;
	border: dashed 1px transparent;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;
}
.post-content ol li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -10px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	line-height:30px;
	background: #F6A38B;
	border-radius: 50%;
	top: 50%;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.post-content ol li:before {
	border-bottom-color: #F6A38B;
}

.post-content > ul {
	padding-left: 25px;
}

.post-content > ul > li {
	list-style: disc;
	line-height: 29px;
}


.toc_list > li > a {
    font-weight: bold;
}

#toc_container {
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 15px 30px 10px 5px;
    margin-bottom: 1em;
    width: auto;
    display: table;
    font-size: 95%;
		margin: auto;
}


#toc_container a:hover {
  text-decoration: underline;
}

#toc_container li {
  list-style: none;
  padding-left:20px;
  line-height: 2.0;
}

#toc_container p.toc_title{
    text-align: center;
    font-size: 18px;
}

ul.toc_list{
  padding-bottom: 0;
}

ul.toc_list li > ul > li{
  margin-bottom: 0;
}


ul.toc_list li > ul > li > a{
  font-size: 0.9em;
}



/**** 引用タグ装飾 ***/
blockquote {
    position: relative;
    padding: 10px 12px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    border-left: solid 40px #c4c4c4;
    background: #f3f3f3;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.19);
}

@media (max-width: 576px){
  blockquote {
	  margin: 0;
  }
}


blockquote::before{
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -32px;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    content: '\f10d';
	font-family: FontAwesome;
	color: #FFF;
    font-size: 22px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

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

table {
	border-collapse: collapse;
	width: 100%;
	margin: 8px 0 32px;
}
table th, table td {
	border: solid 1px black;
	padding: 8px;
	/*実線 1px 黒*/
}
table th {
	background: #f3f3f3;
}


/* パン屑リスト */
.breadcrumb{
  height:auto;
	max-width: 1140px;
	margin: 0 auto;
}

.breadcrumb__list{
  display: flex;
}

.breadcrumb__item {
  display: inline;
}

.breadcrumb__item:nth-last-child(n + 2):after {
  display: inline-block;
  transform: rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  vertical-align: 3px;
}

.breadcrumb__item a {
  color: blue;
  transition: opacity .6s;
}

.breadcrumb__item a:hover {
  opacity: .6;
}

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

  .breadcrumb{
    font-size:12px;
    height:auto;
    padding:10px 0;
  }
  .breadcrumb__list{
    max-width: 95%;
    padding: 0;
    overflow-x: scroll;;
  }
  .breadcrumb__item {
    flex-shrink: 0;
  }

}

.eyecatch-image{
	width: 100%;
}

.eyecatch-image img{
	width: 100%;
	height: auto;
}