/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link https://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: https://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: https://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20170922
 *   Version: 2.00
 *   Template Version: 2
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
*/

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
*/


/*グローバルナビ太文字*/
#nav, #gnavi ul, #gnavi li a, .mobile-nav {
    font-size: 16px;
    font-weight: bold;
}
/*グローバルナビ下の影*/
#nav {
    box-shadow: 0 4px 6px rgba(0, 0, 0, .18);
}

/* グローバルナビアニメーション */
#gnavi li a:after {
	content: '';
	width: 0;
	transition: all 0.3s ease;
	border-bottom: 3px solid #fff;
	display: block;
}
#gnavi li a:hover:after {
	width: 100%;
	border-bottom: 3px solid #fff;
}
#gnavi li:hover a span {
    border: 0;
}

/* 引用デザイン */
blockquote {
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff0f0;
}
blockquote:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    content: "“";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 130px;
    line-height: 1;
}
blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    text-align: center;
    content: "”";
    font-family: sans-serif;
    color: #ffdfdf;
    font-size: 90px;
    line-height: 1;
}

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

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* 見出しｈ２ */
.post h2 {
border-left: 0 none; 
border-bottom: dashed 2px #ff6a6a;
font-weight: bold;
text-align:center
}        
        
.post h2:first-letter {
font-size: 1.5em; 
color: #ee7800; 
}
.post h2::after, .post h3::after{
background:0 none;
}

/* 見出しｈ３ */
.post h3 {
        border-left: none;
        font-weight: bold;
        position: relative;
        padding: 0.2em 0 0 1.7em;
        border-bottom: solid 1px #ff8c00;
}
.post h3:before{
        background: #ff4500;/* 左上四角部分の色 */
        top: 0;/* 左上四角部分の位置 */
        left: 0.5em;/* 左上四角部分の位置 */
        height: 12px;/* 左上四角の大きさ */
        width: 12px;/* 左上四角の大きさ */
        position: absolute;
        transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        content: "";
}
.post h3:after{
        background:#ff8c00;/* 左下四角部分の色 */
        top: 0.8em;/* 左下四角部分の位置 */
        left: 0.2em;/* 左下四角部分の位置 */
        height: 8px;/* 左下四角の大きさ */
        width: 8px;/* 左下四角の大きさ */
        position: absolute;
        transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        -o-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        content: "";
}

/* 見出しｈ４ */
.post h4 {
  position: relative;
  padding: .75em 1em .75em 1.5em;
  border: 1px solid #ccc;
  font-weight: bold;
}
.post h4::after {
  position: absolute;
  top: .5em;
  left: .5em;
  content: '';
  width: 6px;
  height: -webkit-calc(100% - 1em);
  height: calc(100% - 1em);
  background-color: #008000;/* 左の線の色 */
  border-radius: 4px;
}

/* 囲みボックス１ポイント */
.box1 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box1 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/* 囲みボックス２メモ風 */
.box2{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box2:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box2 p {
    margin: 0; 
    padding: 0;
}

/* 囲みボックス３破線 */
.box3 {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: #fff8dc;
    border: dashed 2px #ffa500;/*点線*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/*背景　ぴんく*/
.box8 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #ff7d6e;
    background: #ffebe9;
    font-weight: bold;
}
.box8 p {
    margin: 0; 
    padding: 0;
}

/*--------------------------------------
  囲みボックス背景みどり
--------------------------------------*/
.box30 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #2c2c2f;
    background: #dbebc4;/*背景色*/
}
.box3 p {
    margin: 0; 
    padding: 0;
}

/* アンダーラインカスタマイズ ピンク*/
.marker_pink {
background: linear-gradient(transparent 50%, #f6bfbc 50%);
}

/* カテゴリーfaアイコン表示 */
#side .widget_categories ul li:before {
    font-family: FontAwesome;
    content: "\f07c";
    margin-right: 5px;
    display: inline-block;
    color: #F68E5F; /* アイコンの色 */
}
/* 子カテゴリーfaアイコン表示 */
#side .widget_categories ul li li:before {
    font-family: FontAwesome;
    content: "\f0da";
    margin-right: 5px;
    display: inline-block;
    color: #F68E5F; /* アイコンの色 */
}
/* 子カテゴリーfaアイコン表示 */
#side .widget_categories ul li li li:before {
    font-family: FontAwesome;
    content: "\f141";
    margin-right: 5px;
    display: inline-block;
    color: #F68E5F; /* アイコンの色 */
}
/*--------------------------------------
  目次ーカスタマイズ
--------------------------------------*/
/*目次の数字を消したい*/
span.toc_number.toc_depth_1 {
display: none;
}
/*小見出し*/
.toc_number.toc_depth_2 {
display: none;
}
ul.toc_list >li,
.toc_list ul > li,
.toc_list ul ul > li {
    padding: 1px 0;
}
.toc_list ul > li:before {
    color: #ecacb5;
    content: '\f105';
    font-family: FontAwesome;
    margin-right: 5px;
    font-weight: bold;    
}
.toc_list ul ul > li:before {
    color: #ecacb5;
    content: '\f101';
    font-family: FontAwesome;
    margin-right: 5px;
}

/*--------------------------------------
  関連記事
--------------------------------------*/
.here-site {
    font-size: 16px;
    background-color: #f39800;
    color: #fff;
    margin-right: 5px;
    padding: 2px 4px;
    border-radius: 3px;
}

/* 記事一覧下 */
.posts-list-under-widget, .posts-list-upper-widget, .posts-list-middle-widget {
    border: none;
    padding: 0;
}

/*--------------------------------------
  リスト表示をカスタマイズ
--------------------------------------*/
/* リスト数字 */
.post ul, .post ol {
	padding: 0 0 0 10px; /* 上 右 下 左 */
}
.post ol {
	counter-reset: li;
        font-size: 18px;
}
.post ol > li {
	list-style: none;
	position: relative;
	padding-left: 3rem; 
	line-height: 3.2rem;
}
.post ol > li:before {
	counter-increment: li;
	content: counter(li);
	background: #f39800; /*ピンク*/
	color: #ffffff; 
	border-radius: 50%; 
	text-align: center; 
	width: 2.2rem; 
	height: 2.2rem;
	position: absolute; 
	left: 0rem; 
	top: .5rem; 
	line-height: 2.2rem;
	font-family: 'Arial',sans-serif;
}
/* 箇条書き */
.post ul{
	list-style-type:none;
        font-size: 18px;
}
.post ul > li:before {
	content: "●";
	color: #65ab31;
        padding-left: 3rem;
	padding-right: 5px;
	line-height: 1.5;
}
.post ul > li > ul > li:before {
	content: "\f058";
	color: #65ab31;
}
.post ul > li > ul > li > ul > li:before {
	color: #65ab31;
}

/*--------------------------------------
  アイコンボックスデザイン１ぴんく・ビックリマーク
--------------------------------------*/
.icon-box1{
background-color:#fdf2f2;
padding: 20px 20px 20px 60px;
position: relative;
margin-top: 1em;
margin-bottom: 1em;
display:block;
border: solid 2px #f3aca9;
border-radius: 5px;/*角の丸み*/
}
.icon-box1::before{
 font-family: "FontAwesome";
 content: '\f06a';
 font-size: 40px;
 position: absolute;
 top: 10px;
 left: 10px;
 color:#f3aca9;
}
/* この記事を書いた人 */
.box99 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #524e4d;
}
.box99 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #524e4d;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box99 p {
    margin: 0;
    padding: 0;
}

/* 記事一覧下 */
.posts-list-under-widget, .posts-list-upper-widget, .posts-list-middle-widget {
    border: none;
    padding: 0;
}


/*--------------------------------------
  続きを読むカスタマイズ
--------------------------------------*/
/* PCの続きを読む */
.read-more-link, .read-more-link i {
    text-decoration: none;
    border: solid 1px #ff8c00;/*線*/;
    padding: 10px 40px;
    border-radius: 20px;
 font-size:12px;
 color:#333;
}
.read-more > a:hover{
 text-decoration:none;
}
/* スマホの続きを読む */
@media only screen and (max-device-width: 575px) {
.read-more-link, .read-more-link i {
    text-decoration: none;
 padding: 10px 50px;
 border-radius: 10px;
}
}
/* ステップ */
.boxstep {
    position: relative;
    padding: 0.5em 1em;
    margin: 2em 0;
    left: 40px;
    border-left: solid 3px #ffc06e;
}
.boxstep .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left:-17px;
    padding: 0 9px;
    line-height: 1;
    font-size: 14px;
    background: #FFF;
    color: #ffc06e;
    font-weight: bold;
}
.boxstep p {
    margin: 0; 
    padding: 0;
}

/* 囲みボックス */
.point_box {
position: relative;
border: 2px solid #fb8a8a;
border-radius: 5px;
padding:20px;
margin-top:20px;}
.point_box::before {
content: "Impression";
position: absolute;
top: -15px;left: 15px;
font-size: 1.6rem;
font-weight: 700;
background-color: #ffffff;
color: #fb8a8a;
padding: 0 10px;
}

/* 吹き出し */
.balloon {
    margin-bottom: 20px;
}
[class^="balloon-"] {
    border-radius: 8px;
	display: inline-block;
}
.balloon-left {
    margin-left: 20px;
	max-width: calc(100% - 160px);
}
.balloon-right {
    margin-right: 20px;
	float: right;
	max-width: calc(100% - 160px);
}
.balloon-left {
    box-shadow: 1px 1px 3px rgba(119,119,119,.3);
}
.balloon-right {
    box-shadow: -1px 1px 3px rgba(87, 113, 56, 0.3);
}
/* スマホの吹き出し */
@media only screen and (max-device-width: 575px) {
.balloon-left, .balloon-right {
	max-width: calc(100% - 80px);
}
}
 /*押したくなるボタン*/
.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}
/*************/
/* ブログカード */
/*************/
/*記事アドレスを表示しない*/
p.blogcard-link {
display: none;
}
@media only screen and (max-width: 430px){
p.blogcard-link {
    display: none;
}}

/*************/
/* 押したくなるボタン */
/*************/
.btn-sticky {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #f7f7f7;
  border-left: solid 6px #ff7c5c;/*左線*/
  color: #ff7c5c;/*文字色*/
  font-weight: bold;
  font-size: 14px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.btn-sticky:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

/*************/
/* 押したくなるボタンシンプル　ぐれー＆青 */
/*************/
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #00BCD4;
  font-size: 15px;
  background: #ECECEC;
  transition: .4s;
}

.btn-flat-simple:hover {
  background: #00bcd4;
  color: white;
}

/* サイドバー見出し */
#side h3, #col3 h3, #side h4, #col3 h4 {
	border-left: solid 30px #ffd166;/* 左の線の太さと色*/
	background-color:#a49b91;
	height:35px;
	font-weight: 700;
	color: #fff;/* 文字の色 */
	margin: 4px 0 10px;/* 上 左右 下*/
	padding: 10px; /* 上下左右*/
	box-shadow: 2px 2px 4px gray; /* シャドー*/
	font-size: 16px; /* 文字サイズは外観→カスタマイズから*/
	font-size: 1.6rem; /* 文字サイズは外観→カスタマイズから*/
}

.mybox{
 background-color: #fff;	/* 背景色 */
 border: 2px solid #f3cbd0;	/* 線の太さ・種類・色 */
 border-radius: 5px;
 margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
 padding: 25px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
 position: relative;
}
.mybox:before{
 background-color: #ef858c;	/* 吹き出し背景色 */
 border-radius: 5px;
 color: #fff;	/* 吹き出し文字色 */
 content: 'お知らせ';
 padding: 5px 20px;
 position: absolute;
 left: -10px;
 top: -20px;
}
.mybox:after{
 border-top: 12px solid #ef858c;		/* 吹き出し三角部分の色 */
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 content: '';
 position: absolute;
 top: 10px;
 left: 15px;
}

/*記事一覧アイキャッチサイズ*/
#list .term img {
margin-bottom: 0px;
padding: 10px;
}
#list div[id^="card-"] .term img {
max-width: 170px;
width:170px;
height: 100px;
}

/*新着記事アイキャッチサイズ*/
#thk-new .term img,
#thk-new .term amp-img {
width: 135px;
height: 80px;
}
.new-title a{
color:#616161;
}
.new-title a:hover{
color:#ff8c00;
}
#thk-new .term img,
#thk-new .term amp-img a:hover{
border-color: #999999;
}

/* 一覧続きを読むボタン */
@media screen and (max-width: 480px) {
	.pt-cv-title {
		font-weight: bold;
		font-size: 18px;
		line-height: 1.4;
	}
}


/* ------------------------------------- */
/*       かんたんリンク カスタマイズ     */
/* ------------------------------------- */

/* --------- 外枠 --------- */
div.easyLink-box {
    border:double #CCC !important; /* ２重線 */
    box-shadow: 2px 3px 9px -5px rgba(0,0,0,.25);
}

/* --- 商品リンク タイトル --- */
p.easyLink-info-name a {
     font-size: 16px !important; color: #3296d2 !important; /* 文字色 */
}

/* --------- ボタン色 --------- */
a.easyLink-info-btn-amazon {
    background: #f6a306 !important; /* 背景色 */
    border: 2px solid #f6a306 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

a.easyLink-info-btn-rakuten {
    background: #cf4944 !important; /* 背景色 */
    border: 2px solid #cf4944 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

a.easyLink-info-btn-yahoo {
    background: #51a7e8 !important; /* 背景色 */
    border: 2px solid #51a7e8 !important; /* 外枠 */
    box-shadow: 0px 3px 7px 0px rgba(0,0,0,.25); /* 影 */
}

/* --- マウスオーバー時のボタン色 --- */
a:hover.easyLink-info-btn-amazon {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #f6a306 !important; /* 文字色 */
}

a:hover.easyLink-info-btn-rakuten {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #cf4944 !important; /* 文字色 */
}

a:hover.easyLink-info-btn-yahoo {
    opacity: 1 !important; /* 透明度(1.0=不透明 0.0=完全透明) */
    background: #fff !important; /* 背景色 */
    color: #51a7e8 !important; /* 文字色 */
}

/* --- 最後のボタン下の空白を削除 --- */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a:last-child {
    margin-bottom: 0 !important;
}

/* --- PC以外の時の設定 --- */
@media screen and (max-width: 703px) {
div.easyLink-box div.easyLink-img {
    height: 180px !important; /* 商品画像の大きさを調整 */
}
}

/* --- ボタンサイズ --- */
div.easyLink-box div.easyLink-info p.easyLink-info-btn a{
  padding:1px !important;
}
 
@media screen and (min-width: 704px) {  div.easyLink-box div.easyLink-info p.easyLink-info-btn a{
  margin-bottom:10px !important;
  }}

/* --- ボックス店舗情報 --- */
.mybox12{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.mybox12:after{
	background-color: #d9ccb3; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: '店舗情報';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

/* --- ボックスイベント情報 --- */
.mybox13{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.mybox13:after{
	background-color: #d9ccb3; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: 'イベント情報';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

/* --- 施設情報 --- */
.mybox14{
	background-color: #fff;	/* 背景色 */
	border: 1px solid #ccc; /* 線の太さ・種類・色 */
	box-shadow:1px 1px 6px 0px #ccc;
	-moz-box-shadow:1px 1px 6px 0px #ccc;
	-webkit-box-shadow:1px 1px 6px 0px #ccc;
	-o-box-shadow:1px 1px 6px 0px #ccc;
	margin: 20px 5px; /* 外側の余白 上下・左右 */
	padding: 30px 20px 20px 20px; /* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.mybox14:after{
	background-color: #d9ccb3; /* マステ部分の色1 */
	background-image: linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be), linear-gradient(45deg, #dfd4be 25%, transparent 25%, transparent 75%, #dfd4be 75%, #dfd4be); /* マステ部分の色2 */
	background-position: 0 0, 12px 12px;
	background-size: 24px 24px;
	border-left: 2px dotted rgba(255,255,255,0.9);
	border-right: 2px dotted rgba(255,255,255,0.9);
	box-shadow: 0 0 5px rgba(255,255,255,0.5);
	content: '施設情報';
	display: block;
	margin: 0 0 10px 0;
	padding: 5px 20px;
	color: #fff;  /* マステ部分文字色 */
	text-align: center;
	position: absolute;
	top: -10px;
	left: 20px;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
}

/* --- 写真の上見出し --- */
.midas {
  position: relative;
  display: inline-block;
  margin-top: 10px;
  padding: 8px 16px;
  border: 1px solid #000000;
  border-radius: 8px;
  background-color: #ffffff;
  text-align: center;
  font-size: 14px;
  color: #000;
}

.midas::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 8.5px 10px 8.5px;
  border-color: transparent transparent #000000;
  translate: -50% -100%;
}

.midas::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 7.2px 8.5px 7.2px;
  border-color: transparent transparent #ffffff;
  translate: -50% -100%;
}