@charset "utf-8";

/*
エディター以外のPC&SP共通構造
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブログ　目次
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#toc_container {
    padding: 20px 30px;
    background:none;
    border-radius: 10px;
    border: 3px solid #ddd;
}

#toc_container li {
    margin: 8px 0;
    font-size: 14px;
}
#toc_container li a{
    display: block;
    padding: 2px 0;
}
#toc_container li a span {
    color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ2
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page_promo2 {
    height: 150px;
    background:#eee;
    min-width: 1100px;
    position: relative;
    overflow: hidden;
}

.page_promo2 .txt_box, 
.page_promo2 img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page_promo2 .txt_box {
    text-align: center;
    width: 100%;
    font-family: "Noto Sans Japanese";
}
.page_promo2 img {
    max-width: none;
}

.page_promo2 .sub_ttl {
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    background: #ccc;
    padding: 3px 20px 5px;
}

.page_promo2 .ttl {
    font-weight: bold;
    font-size: 30px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
固定ページ用プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
p.page_promo {
	position:relative;
	height:200px;
    overflow:hidden;
    background: #ddd;
}
@media screen and (max-width: 1100px) {
  p.page_promo {
	width: 1100px;
  }
}
p.page_promo .ttl,
p.page_promo .slug,
p.page_promo img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
}
p.page_promo .ttl{
	color:#fff;
    font-size: 30px;
    font-weight:bold;
	font-family: "Noto Sans Japanese";
}
body.pc:not(.page) p.page_promo .ttl{
	margin-top: -.8em;
}
body.pc.post-type-archive-tweet p.page_promo .ttl{
	margin-top: 0;
}
p.page_promo .slug{
	display:none;
	color:#fff;
    font-size: 16px;
    margin-top: 1em;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
関連記事
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.yarpp-related ol {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.yarpp-related ol li{
    width: calc((100% - 80px) / 4);
    margin: 0 10px 15px!important;
}
.yarpp-related .img{
	margin-bottom:5px;
	background: #eee;
}
.yarpp-related .ttl a{
	font-size:14px;
	color:#333;
	text-decoration:none;
}
.yarpp-related .ttl a:hover{
	text-decoration:underline;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索結果一覧
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.search_results {
    font-family: arial,sans-serif;
    max-width: 600px;
    margin: 0 auto;
}

ul.search_results .ttl a {
    color: #1a0dab;
    font-size: 18px;
}
ul.search_results .url {
    color: #006621;
    font-size: 14px;
}

ul.search_results .txt {
    color: #545454;
    font-size: 13px;
    margin-bottom: 26px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
検索ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
form#searchform {
    position: relative;
}

form#searchform label.screen-reader-text {
    display: none;
}

form#searchform input[type="text"] {
    border: 0;
    border-radius: 0;
    background: #eee;
    width: 100%;
}

form#searchform input[type="submit"] {
    background: transparent;
    padding: 0;
    margin: 0;
    text-indent: -9999px;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    right: 5px;
    top: 4px;
    z-index:2;
}
form#searchform:after {
    font-family: FontAwesome;
    content: '\f002';
    position: absolute;
    right: 10px;
    top: 5px;
    z-index:1;
    font-size: 20px;
    color:#a6a6a6;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系一覧ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.post-type-archive-works ul.post_archive {
    margin-left: -20px;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
ul.post_archive li {
	overflow:hidden;
    position: relative;
    font-family: "Noto Sans Japanese";
}
body[class*=event] ul.post_archive li,
body.normal_post ul.post_archive li {
    padding-bottom: 15px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px;
}
.post-type-archive-works ul.post_archive li{
    margin-bottom: 50px;
    width: calc((100% - 60px) / 3);
    margin-left: 20px;
}
body[class*=event] ul.post_archive li .area1,
body.normal_post ul.post_archive li .area1 {
    width: 240px;
    float: right;
    margin-left:10px;
}
body[class*=event] ul.post_archive li .area2,
body.normal_post ul.post_archive li .area2 {
    width: 100%;
}

ul.post_archive li .cat {
    display: inline-block;
}
ul.post_archive li .cat a{
    font-size: 12px;
    text-align: center;
    z-index: 1;
    min-width: 120px;
    display: block;
    padding: 5px 10px 7px;
	color:#fff;
    background:#333;
}
ul.post_archive li .cat a:hover{
	text-decoration:none;
	opacity:.8;
}

ul.post_archive li .img {
    /*background:#eee;*/
}
body[class*=event] ul.post_archive li .img,
body.normal_post ul.post_archive li .img {
    padding-top: 180px;
}
.post-type-archive-works ul.post_archive li .img {
    padding-top: 260px;
    margin-bottom: 10px;
}
ul.post_archive li .ttl {
    font-size: 18px;
    margin-top: 5px;
}
body[class*=event] ul.post_archive li .ttl,
body.normal_post ul.post_archive li .ttl {
    margin:15px auto;
}
ul.post_archive li .meta {
	margin-top:8px;
    overflow:hidden;
}
ul.post_archive li .meta,
ul.post_archive li .meta a {
	font-size:13px;
	color:#7d7d7d;
}
ul.post_archive li .meta > * {
	display:inline-block;
}
ul.post_archive li .meta > *:first-child {
	margin-right:1em;
}
ul.post_archive li .tag {
	/*padding-left: 80px;*/
}
ul.post_archive li .post_tags > *{
	display:inline-block;
}
ul.post_archive li .post_tags > *:not(:first-child) {
	border-left:1px solid #ccc;
	margin-left:5px;
	padding-left:5px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
記事下のお問い合わせバナーエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contact_bnrs > div:first-child {
    margin-bottom:15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「よくある質問」　詳細ページ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.articleTitleFAQ h1{
	background-color: #f8f9fa;
	font-weight: bold;
	padding: 20px;
	font-size: 20px;
}
.articleTitleFAQ h1:before{
	content: 'Q. ';
}
.articleTitleFAQ h2{
	background-color: #f8f9fa;
	font-weight: bold;
	padding: 20px;
	font-size: 20px;
}
.articleTitleFAQ h2:before{
	content: 'Q. ';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンテンツ内の「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.contents_more {
	display:block;
	text-align:right;
}
.contents_more a {font-weight: bold;}
.contents_more a:after {
    content:' >>';
}
.contents_more a:hover {
    text-decoration:none;
    opacity:.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタム投稿タイプ「ギャラリー」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.gallery {
	overflow:hidden;
	margin-top: 15px;
}
ul.gallery li {
	float:left;
}
ul.gallery li:hover {
	opacity:.8;
}
ul.gallery li img{
	padding:3px;
	box-sizing:border-box;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アーカイブページ（カテゴリー一覧）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.catAreaWrap {
    padding: 17px 15px 10px;
    border: 1px solid;
    position: relative;
    margin-top: 10px;
    margin-bottom: 15px;
}
.catAreaWrap .title {
    position: absolute;
    background: #fff;
    line-height: 1;
    top: -0.5em;
    padding: 0 10px;
    font-size: 14px;
}
.catAreaWrap .catArea span,
.catAreaWrap .catArea a {
    margin: 0px 5px 5px 0px;
    line-height: 1;
    padding: 6px 8px 4px;
    border-radius: 3px;
}
.catAreaWrap .catArea a:hover{
	opacity:.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ヘッダー固定によるページ内アンカーのズレを修正する（JSで行なう仕様に変更2017-02-01）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea h2,
.editorArea h3 {
    /*position: relative;*/
}
.editorArea a[id] {
    /*position: absolute;*/
    /*top: -90px;*/
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
グローバルナビ（注目のメニュー）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#gNaviWrap li.pickup > a:before {
    display: block;
    position: absolute;
    top: -9px;
    left: 10px;
    z-index: 1;
    font-size: 12px;
    line-height: 1;
    padding: 3px 5px;
    font-weight: bold;
    text-align:center;
    content: "注目";
    background: #FFD25B;
    color: #1F57FF;
}
#gNaviWrap li.pickup > a:after {
	top: 9px;
	left: 28px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(0, 0, 0, 0);
	border-width: 5px;
	margin-left: -5px;
	border-top-color: #ffd25b;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用スタイル
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.biggerlink:hover,
.biggerlink_blank:hover {
    opacity: .8;
    cursor: pointer;
}
/* ■ボタン */
[class*="btn"] a {
    display: inline-block;
    box-sizing: border-box;
    text-align: center;
    text-decoration: none;
}
[class*="btn"] a:hover {
    text-decoration: none;
    opacity: .8;
}
.m_btm10{margin-bottom:10px;}
.m_btm15{margin-bottom:15px;}
span.small {font-size: .75rem;}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「もっと見る」リンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.moreLink {
    text-align:right;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(バナーBOX)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*
.bnrBox li .thumb {
	margin-bottom: 10px;

}
.bnrBox li .title {
	font-size:18px;
	margin-bottom: 5px;
	text-align:center;
	line-height: 1;
}
.bnrBox li {
	border:1px solid #ddd;
	padding:10px;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
インラインフレームの縦横比を固定する
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
*#subArea .iWrap{
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin-bottom:10px;
}
*#subArea .iWrap>iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー(アクセス情報)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#sideInfo {
    border-width: 1px;
    border-style:solid;
    border-top-width:5px;
    border-bottom-width:5px;
    border-left-color: #ddd;
    border-right-color: #ddd;
    padding: 14px;
    background: #fff;
}
#sideInfo .corp{
    font-weight:bold;
    font-size:1.2em;
}
#sideInfo .logo,
#sideInfo .mail{
    text-align:center;
}
#sideInfo .logo{
    margin-bottom:10px;
}
#sideInfo .logo img{
    /*width:70%;*/
}
#sideInfo .map{
    margin-top:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 全ウィジェット共通 */
#subArea .sideMenuCommon {
    margin-top: 25px;
}

#subArea aside:first-child .sideMenuCommon {
    margin-top: 0;
}

/* 見出し(サイドバー) */
#subArea .menuHeader{
    font-size: 16px;
	padding: 15px 10px;
	border-bottom: 1px solid #ddd;
}
#subArea .menuHeader,
#subArea .menuHeader a,
#subArea .menuHeader h2 {
	font-family: "Noto Sans Japanese";
	font-weight: bold;
}
#subArea .menuHeader a:hover {
    text-decoration:none;
}
/* ウィジェット全体(サイドバー＆SP) */
#subArea .sideMenu {
    background-color:#fff;
}
#subArea .sideMenu.widget_black_studio_tinymce{
	border:0;
	padding:0;
}
/* この外部ウィジェットは、バナー設置用に使用されることが多いため、白背景は邪魔 */
#subArea .widget_black_studio_tinymce {
    background-color:transparent;
    border:0;
}
/* その上で、画像にフェードをかけた時に透け過ぎないように背景には白を敷く */
#subArea .widget_black_studio_tinymce a{
    display:block;
    background-color:#fff;
}
#subArea .sideMenu li{
    /* padding: 15px 10px 15px 5px; */
    border-bottom: 1px solid #ddd;
    position:relative;
}
#subArea .sideMenu ul{
	background: rgba(255, 255, 255, 0.6);
}
#subArea .sideMenu li:hover{
	/*background:#f0f0f0;*/
}
#subArea .sideMenu li[class*="current"] a{
	background:#f0f0f0;
}

#subArea .sideMenu li li:last-child{
	border:0;
}
#subArea .sideMenu li li:first-child{
    border-top: 1px solid #ddd;
    /* margin-top: 15px; */
}
#subArea .sideMenu li a{
	position:relative;
	display:block;
	padding: 12px 20px 12px 10px;
}
#subArea .sideMenu li a:hover{
	text-decoration:none;
}

#subArea .sideMenu li li:after{
	right: 0;
}
#subArea .sideMenu li ul{
	/* margin: 0 -5px -15px -5px; */
}
#subArea .sideMenu li ul li{
	/* padding: 10px 0 10px 1.5em; */
}
#subArea .sideMenu li ul li a{
	padding-left:20px;
}
/*WordPress Popular Posts用*/
#subArea .sideMenu :not(.wpp-list) li a:after{
	font-family:FontAwesome;
	content:'\f105';
	font-size: 1em;
	position:absolute;
	right: 5px;
	top:50%;
	color:#aaa;
	margin-top:-8px;
}
#subArea .sideMenu .wpp-list li a{
	display:inline;
	padding:0;
}
#subArea .sideMenu .wpp-list li{
	padding: 12px 5px;
}
.wpp-thumbnail {
    margin: 0 10px 0 0;
}
.sideMenu.widget_archive .menuHeader{
    margin-bottom:10px
}
.sideMenu.widget_archive label{
    margin-left:10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
子メニューのインデント
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_categories ul ul li{
    padding-left: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リストマークが不要なウィジェット
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_recent_entries2 li:after,
#subArea .popular-posts li:after{
	content:'';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(人気記事ランキング)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .popular-posts {
    counter-reset: wpp-ranking;
}
#subArea .popular-posts > ul > li,
#subArea .popular-posts > div > ul > li{
    position:relative;
}
#subArea .popular-posts ul li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: 12px;
    left: 5px;
    background: #333;
    padding: 3px;
    line-height: 1;
    font-family: sans-serif;
    margin: 0;
    text-align: center;
    font-weight: bold;
    width: 15px;
    height: 15px;
    z-index:1;
}
#subArea .popular-posts ul li:nth-child(1):before{
	background:#debc32;
}
#subArea .popular-posts ul li:nth-child(2):before{
	background:#97b0c0;
}
#subArea .popular-posts ul li:nth-child(3):before{
	background:#b66c18;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(最近の投稿・サムネイル付き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#subArea .widget_recent_entries2 > ul > li{
    overflow: hidden;
    padding:10px;
}
#subArea .widget_recent_entries2 > ul > li .txt_wrap {
    /*margin-left: 75px;*/
}
#subArea .widget_recent_entries2 > ul > li img{
    height: auto;
    width: 25%;
    /*float: left;*/
    float: right;
    /*margin-right: .5em;*/
    margin-left: .5em;
    border-radius: 2px;
}
#subArea .widget_recent_entries2 .post_ttl,
#subArea .widget_recent_entries2 > ul > li span.post-date {
display: block;
}
#subArea .widget_recent_entries2 .post_ttl {
font-size:13px;
}
#subArea .widget_recent_entries2 > ul > li span.post-date {
font-size:10px;
}
#subArea .sideMenu.widget_recent_entries2 > ul > li a{
	padding:0;
}
#subArea .sideMenu.widget_recent_entries2 > ul > li a:after{
	content:'';
}
#subArea .sideMenu.widget_recent_entries2 .moreLink {
    margin-top: 15px;
    text-align: center;
    border: 1px solid #ddd;
}
#subArea .sideMenu.widget_recent_entries2 .moreLink a {
    display: block;
    padding: 15px;
    font-size:14px;
}
#subArea .sideMenu.widget_recent_entries2 .moreLink a:hover {
    background:#eee;
    text-decoration:none;
}

#subArea .catArea span,
#subArea .catArea a {
    padding: 3px 4px 2px;
    font-size: 10px;
    line-height: 1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリータグ（メインカラム／サイドバー共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.catArea span,
.catArea a{
    display:inline-block;
    color:#fff;
    padding: 1px 5px;
    margin: 0px 2px 2px 0px;
    background: #333;
}
.catArea a:hover{
    text-decoration:none;
}
.catArea a[href*="category/news"]{
    background: #333;
}
.catArea a[href*="category/blog"]{
    background: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェット(カレンダー)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.widget_calendar caption {
    font-weight:bold;
    margin-bottom:5px;
}
.widget_calendar table {
}
.widget_calendar table th,
.widget_calendar table td{
    border:1px solid #fff;
    padding: 3px 5px;
}
.widget_calendar table th{
    background:#ccc;
    font-weight:bold;
    text-align: center;
}
.widget_calendar table td{
    background:#eee;
    text-align: right;
    font-size: 12px;
}
.widget_calendar table td#today{
    font-weight:bold;
    font-weight:normal;
    background:#ffc;
}
.widget_calendar a{
    color: #fff;
    display: inline-block;
    background: #888;
    border-radius: 50%;
    padding: 5px;
    line-height: 1;
}
.widget_calendar a:hover{
    background: #aaa;
    text-decoration:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スマホ用の表示切替
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#swich_to_pc{
    padding:20px;
    text-align:center;
    background: #ccc;
    display:none;/* 暫定非表示 */
}
#swich_to_sp{
    font-size:50px;
    padding:40px;
    text-align:center;
    background: #ccc;
    display:none;/* 暫定非表示 */
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▼▼▼▼投稿一覧スタイルここから

━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ブロックタイプの一覧リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.block-type {
    margin: -1%;
}
.block-type > li {
    float: left;
    width: 46%;
    margin: 2%;
}
/* ■サムネイル画像の余白カット */
.block-type li .thumb {
	margin:-11px -11px 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
「liquid」リキッドレイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ■リキッドベース（初期固定値50px） */
.liquid li {
    overflow: hidden;
}
.liquid li .thumbArea {
	overflow: hidden;
	float:left;
	background:#ddd;
	text-align: center;
	width:50px;
	height:50px;
}
.liquid li .thumbArea img{
	/*height:auto;*/
}
.liquid li .txtArea {
	padding-left:60px;
}
/* ■サイズ拡張（固定値75px） */
.liq75 li .thumbArea {
	width:75px;
	height:75px;
}
.liq75 li .txtArea {
	padding-left:85px;
}
/* ■サイズ拡張（固定値100px） */
.liq100 li .thumbArea {
	width:100px;
	height:100px;
}
.liq100 li .txtArea {
	padding-left:110px;
}
/* ■サイズ拡張（固定値150px） */
.liq150 li .thumbArea {
	width:150px;
	height:150px;
}
.liq150 li .txtArea {
	padding-left: 170px;
}

/* ■「テキスト」形式の「NO IMAGE」 */
.thumbArea > .plainType {
	position: relative;
	height: 100%;
}
.thumbArea > .plainType > span {
    color: #888;
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 1;
}
.liq50 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -1em;
    font-size: 11px;
}
.liq75 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -1em;
}
.liq100 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}
.liq150 .thumbArea > .plainType > span {
    margin-left: -2.5em;
    margin-top: -.5em;
}

/* ■「日付」形式の「NO IMAGE」 */
.thumbArea > .dateType {
	color: #FFF;
	font-family: helvetica;
}
.thumbArea > .dateType > span {
	display:block;
}
.thumbArea .month {
	background: #8CA3AB;
	font-size: 12px;
	line-height: 20px;
}
.thumbArea .day {
	background: #C3C3C3;
	font-size: 20px;
	line-height: 30px;
}
.liq100 .thumbArea .month {
	font-size: 16px;
	line-height: 40px;
}
.liq100 .thumbArea .day {
	font-size: 30px;
	line-height: 60px;
}
.liq150 .thumbArea .month {
	font-size: 20px;
	line-height: 50px;
}
.liq150 .thumbArea .day {
	font-size: 40px;
	line-height: 100px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ウィジェットのLI要素への汎用的な装飾
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.liStyle01 li {
    border-top: 1px dashed #ccc;
    padding: 15px 10px;
}
.liStyle01 li:first-child {
    border-top: 0;
}
.liStyle02 li {
    border-top: 1px dashed #ccc;
    padding: 5px;
}
.liStyle02 li:first-child {
    border-top: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（「日付」「タイトル」「本文」などで構成される）（横長タイプ／キューブタイプ共通）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* リスト項目 */
.postList li {
    overflow: hidden;
    margin-bottom: 10px;
}
/* リスト内の行間を矯正する */
.fontM .postList p {
    /*line-height: 1.4;*/
    line-height: 1.5;
}
/* コンテンツ部分（タイトル） */
.postList li .title {
}
.postList li .title a{
	text-decoration:underline!important;
	color:#058ad7!important;
}
.postList li .title a:hover{
	text-decoration:none!important;
}
/* META */
.postList p.meta{
	font-size:14px;
}
/* 場所 */
.postList .place:before {
    font-family: FontAwesome;
    content: '\f041';
    font-size: 1.3em;
    color: #8eb738;
    margin:0 5px;
}

/* 日付 */
.postList p.date{
	color:#aaa;
	display:inline-block;
}
/* カテゴリー */
.postList p.cat{
	display:inline-block;
}
.postList p.cat > span{
	display:inline-block;
	color:#fff;
	padding:2px 10px;
	font-size: 12px;
	background-color:#333;
}
/* 画像 */
.postList li .thumb{
	/*margin-bottom: 10px;*/
	text-align:center;
	height:100%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（横長タイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* コンテンツ部分（タイトル） */
.postList.horizontal li .title {
	margin-bottom: 10px;
}
.postList.horizontal li .title a{
	font-size:22px
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
投稿系リスト（キューブタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.postList.cubic li {
    position:relative;
    padding-bottom:20px;
}
.postList.cubic li .title a {
    font-size: 16px;
    color: #0068b7;
    text-decoration: underline;
}
.postList.cubic p.date{
	font-size:10px;
	position:absolute;
	bottom:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
▲▲▲▲投稿一覧スタイルここまで
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#mainArea .articleOuter {
    margin-top: 2em;
}
#mainArea > .articleOuter:first-child {
    margin-top: 0;
}
#mainArea .articleDateArea {
    text-align: right;
    margin-bottom: 15px;
    /*padding: 0 10px;*/
    font-size: 14px;
}

#mainArea .articleMetaArea {
    padding: 30px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 15px auto;
}

#mainArea .articleMetaArea > * {
    display: inline;
    margin-left: 20px;
}

#mainArea .articleMetaArea .cats:before {
    font-family: FontAwesome;
    content: '\f07c';
    font-weight: bold;
    margin-right: 5px;
}

#mainArea .articleMetaArea .tags:before {
    content: '#';
    font-weight: bold;
    margin-right: 5px;
}

#mainArea .articleMetaArea a {
    color: #3b3b3b;
    font-size: 14px;
    margin-right: 10px;
}

#mainArea .articleTitle.plain_type h1{
	font-size: 26px;
	line-height: 1.4;
	font-family: "Noto Sans Japanese";
	position: relative;
	padding: 10px 0 30px;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
	font-weight: bold;
}
#mainArea .articleTitle.txt_type h1{
	text-align: center;
	font-size: 26px;
	line-height: 1.4;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	position: relative;
    margin: 20px auto 40px;
}
#mainArea .articleTitle.img_type h1{
	margin-bottom: 20px;
}
#mainArea .articleTitle.plain_type h2{
	font-size: 26px;
	line-height: 1.4;
	font-family: "Noto Sans Japanese";
	position: relative;
	padding: 10px 0 30px;
	border-bottom:1px solid #ccc;
	margin-bottom: 10px;
	font-weight: bold;
}
#mainArea .articleTitle.txt_type h2{
	text-align: center;
	font-size: 26px;
	line-height: 1.4;
	font-family: "Noto Sans Japanese";
	font-weight: bold;
	position: relative;
    margin: 20px auto 40px;
}
#mainArea .articleTitle.img_type h2{
	margin-bottom: 20px;
}
.page #mainArea .articleTitle{
	/* display:none; */
}
.home #mainArea .articleTitle {
    display:none;
}
.articleTitle span {
	display:inline-block;
}
.articleTitle .term_ttl {
    border-left: 4px double #555;
    display: inline-block;
    margin-left: 20px;
    padding-left: 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.sns_btn_wrap {
    padding:0;
    margin-top: 2em;
}
.sns_btn_wrap > li {
    display: inline-block;
    line-height: 1;
    margin: 0 0 5px 0;
}
.sns_btn_wrap .tw a{background:#55acee;}
.sns_btn_wrap .fb a{background:#3c5a99;}
.sns_btn_wrap .gp a{background:#dd4b39;}
.sns_btn_wrap .hb a{background:#3c7dd1;}
.sns_btn_wrap .po a{background:#ee4257;}
.sns_btn_wrap .li a{background:#00c300;}
.sns_btn_wrap .fe a{background:#87bd33;}

/* ↓の記述が無いと、「fontello」のCSSに負けてしまう */
.sns_btn_wrap [class^="icon-"]:before{
    font-family:inherit;
    margin-left:0;
}

.sns_btn_wrap a{
    color:#fff;
    padding: 3px 5px;
    background: #333;
    font-size:12px;
    border-radius:3px;
    font-weight:bold;
}
.sns_btn_wrap.cubic a{
    padding: 0;
    height:30px;
    width:30px;
    line-height:30px;
}
.sns_btn_wrap :before {
    color:#fff;
    vertical-align:middle;
    margin-right:5px;
    font-size:1.2em;
    font-weight:normal;
}
.sns_btn_wrap.cubic :before {
    margin-right:0;
    font-size:20px;
}
.sns_btn_wrap.cubic .text {
	display:none;
}
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
SNSボタン（旧バージョン）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp_social_bookmarking_light_clear{
	display:none;/* 不要な空白行が出来るため */
}
.wp_social_bookmarking_light:after {
    content:"";
    display:block;
    clear:both;
}
div.wp_social_bookmarking_light {
    zoom:1;/* for IE */
    padding: 0!important;
    margin-top: 2em!important;
}
.wp_social_bookmarking_light iframe {
	margin: 0 !important;
	padding: 0 !important;
	overflow: hidden;
}

/* Google+ボタンの幅調整 */
.wsbl_google_plus_one,
#___plusone_0,
#___plusone_1,
#___plusone_2 {
	width: 58px !important;
}

/* Pocketボタンの幅調整 */
.pocket-btn,
.pocket-btn iframe {
	width: 86px !important;
	margin: 0 !important;
}
/* Twitterボタンの幅調整 */
.wsbl_twitter {
    width: 75px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(記事下のFB&TWカスタムシェアボタン)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.snsShare {
    margin: 15px 0;
    overflow: hidden;
}
.snsShare a{
width:50%;
color:#fff;
text-align:center;
background-color:#3b5998;
display:block;
text-decoration:none;
float:left;
}
.snsShare a:hover{
	text-decoration:none;
}
a.facebook-iine{
background-color: #3b5998;
}
a.facebook-iine:hover{
background-color: #4169BD;
}
a.twitter-tweet{
background-color: #00acee;
}
a.twitter-tweet:hover{
background-color: #13BEFF;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(コンタクトフォーム)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.formTable th,
.formTable td {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 15px 10px;
    font-size: 14px;
}
@media (min-width: 1px) {/* ▼▼▼▼▼IE8以下の場合は適応させない▼▼▼▼▼ */
.wpcf7-checkbox input[type*="checkbox"]{
	display: none;
}
.wpcf7-checkbox .wpcf7-list-item-label{
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 10px;
	padding: 10px 10px 10px 20px;
	line-height: 1;
}
.wpcf7-checkbox .wpcf7-list-item-label:before{
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border: 1px solid #aaa;
	background: #fff;
	box-sizing: border-box;
}
.wpcf7-exclusive-checkbox .wpcf7-list-item-label:before{
	border-radius: 50%;
}
.wpcf7-checkbox input[type*="checkbox"]:checked + .wpcf7-list-item-label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -8px;
	width: 15px;
	height: 6px;
	margin-top: -7px;
	border-left: 4px solid #E71063;
	border-bottom: 4px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.wpcf7-exclusive-checkbox input[type*="checkbox"]:checked + .wpcf7-list-item-label:after {
	left: -5px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	border-radius: 50%;
	background: #E71063;
	border-left: 0;
	border-bottom: 0;
	-webkit-transform: inherit;
	-ms-transform: inherit;
	transform: inherit;
}
}/* ▲▲▲▲▲IE8以下の場合は適応させない▲▲▲▲▲ */

#wpcf_comp_msg {
    background: #ffc;
    padding: 15px;
}
span.wpcf7-list-item {display: block;}

.content-form button,/* 「MTS Simple Booking C」の予約ボタン */
.wpcf7 input[type="submit"] {
    margin: 20px auto;
    padding: 10px 20px;
    text-align:center;
    border-radius: 5px;
    font-size: 15px;
    color:white;
    background:#37C65C;
}
.wpcf7 input[type="submit"].submit_disable {
    background: #ddd;
    color: #333;
    border-radius:0;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コンタクトフォームの必須項目の表示をカスタマイズ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wpcf7-not-valid{
	background:#fee;
	border-color: #da7a7a;
}
.wpcf7-checkbox{
	display:block;
}
/* 「残りの必須項目数」表示欄 */
/*
div#validates-info {
    position: fixed;
    top: 10px;
    right: 5px;
    background: #f00;
    padding: 10px;
    z-index: 1000;
    font-size: 1.5em;
    color:#fff;
    box-shadow: 0px 0px 10px 0px #fff;
}
div.validates-comp {
    background: #37C65C!important;
}
div#validates-info span{
	font-size: 1.5em;
	margin: 0 5px;
	color:#fff;
}
*/

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォーム要素
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.require {
    color: red;
    font-weight: bold;
}
input,
textarea {
  border: 1px solid #999;
  padding: 10px;
  margin-bottom: 5px;
  border-radius: 2px;
  box-sizing: border-box;
}
input[type="date"],
select {
	padding:5px;
	margin: 0 0 5px;
}
input[type="file"] {
  border: 0;
}
/* スマホブラウザで何故かmax-width:100%が効かずにはみ出してしまう現象への対処 */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="file"],/* forIE(IEでは入力欄が表示されるため) */
textarea {width:90%;}
input.w50{width:50px;}
input.w70{width:70px;}
input.w100{width:100px;}
input.w120{width:120px;}
input.w130{width:130px;}
input.w7{width:7em;}
input.zip{width:9em;}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
コメント欄
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 入力フォーム＋コメント表示部分 */
.commentArea {
}
/* 入力フォーム全体 */
*#respond {
    border: 1px solid #ccc;
    background: #ddd;
    padding: 15px;
}
/* お気軽に */
*#respond h3 {
    font-size:16px;
	margin-bottom:5px;
}
/* 必須項目 */
*#respond .required {
    color: red;
    font-weight: bold;
}
/* 入力フォーム */
*#respond form > p{
    margin-top:10px;
}
*#respond form > p:first-child{
    margin-top:0;
}
*#respond [type="text"],
*#respond textarea{
	width:95%;
}
/* コメント入力フォームのラベル */
*#respond .comment-form-comment label{
    display:block;
}
/* コメント送信ボタン */
p.form-submit{
    text-align:center;
}
p.form-submit [type="submit"]{
    padding:5px;
}
/* コメント表示部分全体 */
ol.comment-list {
    margin-bottom:15px;
}
/* １コメント */
ol.comment-list>li {
    border-top: 1px dashed #ccc;
    padding-top: 10px;
    margin-top:10px;
}
ol.comment-list>li:first-child {
    border-top: 0;
    padding-top: 0;
    margin-top:0;
}
/* 記事投稿者によるコメント */
.bypostauthor>* {
    background: rgb(255, 254, 224);
    padding: 10px 10px 10px 30px;
}
/* 「承認待ち」表示 */
em.comment-awaiting-moderation {
color: red;
background: pink;
}
/* サムネイルと名前のエリア */
.comment-author {
    font-size:14px;
    margin-bottom:5px;
}
/* サムネイル画像 */
.comment-author img {
    width: 25px;
    height: auto;
}
/* 日付 */
.comment-meta {
    margin:5px auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
外部(YARPP)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.yarpp-related {
margin: 2em 0 1em !important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
WP-PAGE-NAVI
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.wp-pagenavi {
    clear: both;
    text-align: center;
    line-height: 1;
    width: 100%;
}

.wp-pagenavi a, .wp-pagenavi span {
    display: inline-block;
    margin: 3px !important;
    padding: 10px 12px;
    border: 1px solid #ccc;
    border-radius: 2px;
    color: #333;
    background: #fafafa;
    font-size: 14px;
}

.wp-pagenavi a:hover {
    text-decoration: none;
    background: #333;
    color: #fff;
}

.wp-pagenavi span.current {
    font-weight: bold;
    background: #333;
    color: #fff;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #333;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ページ送り(シングルページ用[次へ][前へ])
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.pagingArea {
    overflow:hidden;
    margin: 1.5em auto;
    display: flex;
    justify-content: space-between;
    /*flex-wrap: wrap;*/
}
.pagingArea.flex_flag {
    display: flex;
    justify-content: space-between;
}

.pagingArea > p.single{
    width: 49.5%;
}
.pagingArea > p.single a{
    position:relative;
    background: #f0f0f0;
    border:1px solid #eee;
    display:block;
    padding: 15px 10px;
    color: #333;
    font-size: 14px;
    line-height:1.4;
    height: 100%;
    /* min-height:100%; */
    display: flex;
    align-items: center;
    /* flex-wrap: wrap; */
    /* flex-direction: column; */
}
.pagingArea > p.single a:hover{
	text-decoration:none;
	background: #ffffff;
}
/*.pagingArea > p.next{
    float:left;
}
.pagingArea > p.prev{
    float:right;
}*/
.pagingArea > p.next a{
    padding-left: 2.5em;
}
.pagingArea > p.prev a{
    padding-right: 2.5em;
    justify-content: flex-end;
}
.pagingArea > p.single a:before,
.pagingArea > p.single a:after{
    display:block;
    position:absolute;
    top: 50%;
    line-height:1;
    color: #ccc;
    margin-top: -.55em;
    font-family: FontAwesome;
    font-size: 30px;
}
.pagingArea > p.next a:before{
    content: '\f104';
    left: 10px;
}
.pagingArea > p.prev a:after{
    content: '\f105';
    right: 10px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
トップへ戻る
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footerFixed{
	position:fixed;
    right: 40px;
	bottom: -55px;
	z-index: 1;
	transition: all .6s cubic-bezier(.075,.82,.165,1) .1s;
}
.toPageTop a {
    display: block;
    text-align: center;
    color: #fff;
    font-family: 'helvetica';
    font-size: 26px;
    box-sizing: border-box;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    line-height: 45px;
    border: 2px solid;
    background: rgba(255, 255, 255, .5);
}
.toPageTop a:hover{
    text-decoration:none;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
サイドバー(メルマガ)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
div#sideForm {
    border: 2px solid #b5b5b5;
    background: #fff;
    padding: 10px;
    text-align:center;
}
div#sideForm img {
margin-bottom:10px;
}
div#sideForm [type="submit"] {
margin:10px auto;
background:#1c97d5;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
JQプラグイン(bxslider.cssの上書き)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 読み込み時に全部の画像が表示されることを防ぐ */
.bxslider {
    position: relative;
}
.bxslider > * {
    position: absolute;
    top:0;
}
/* bxslider本体のCSSが画像をブロック要素化している */
.bx-wrapper img {
	margin:0 auto;/* スライド画像を中央寄せに */
}
/* スライダー下の余分な余白を削除 */
.bx-wrapper {
	margin: 0 auto!important;
}
/* スライダーの白い枠を削除 */
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	box-shadow: none!important;
	border: none!important;
	left: 0!important;
	background:transparent!important;
}

/* コントロール（「次へ」「前へ」）のカスタマイズ */
.bx-wrapper .bx-controls-direction a {
	width: 30px;
	height: 30px;
	display: block;
	background: rgba(255,255,255,0.6);
	border-radius: 50%;
	box-shadow:0 0 5px 0 #000;
	z-index:1;
}
.bx-controls-direction a.bx-prev {
	left:0px
}
.bx-controls-direction a.bx-next {
	right:0px
}
.bx-controls-direction a:after {
	width: 8px;
	height: 8px;
	content: '';
	position: absolute;
	border-top: 3px solid rgba(0, 0, 0, 0.8);
	border-right: 3px solid rgba(0, 0, 0, 0.8);
	top: 10px;
}
.bx-controls-direction a.bx-prev:after {
	transform: rotate(-135deg);
	left: 12px;
}
.bx-controls-direction a.bx-next:after {
	transform: rotate(45deg);
	left: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
縦横のサイズ固定のボックス内にある画像について、比率を保ったまま縦横中央揃え＆トリミングして表示
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.img_container {
	position:relative;/*  */
	padding-top:75%;/* パーセントで指定すると、ボックスの横幅に対する比率になる（画像の「高さ」） */
	overflow: hidden;
}

.img_container img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
  height: 100%!important;
  width:auto;
}
.img_container img.portrait{
  height: auto;
  width:100%;
}
.img_container img.landscape{
  height: 100%;
  width:auto;
}












/*
エディタ＆表示側　両方から参照するCSS
(エディタ上で表示する可能性がある内容は全てここに記述)
*/


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ－エリア内の画像に下余白をつける（トップページ以外）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body:not(.home) .editorArea img {
    margin-bottom: 8px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
UL2列（線有り）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.col2.line li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
多数列リスト（構造のみを定義）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 2列リスト */
.col2 {
    margin-left: -4%;
    display:flex;
    flex-wrap: wrap;
}
.col2 li {
    width: 46%;
    margin-left: 4%;
}

/* 3列リスト */
.col3 {
    margin-left: -1%;
    margin-right: -1%;
}

.col3 li {
    float: left;
    width: 32%;
    margin-left: 1%;
}

/* 4列リスト */
.col4 {
    margin-left: -1%;
}

.col4 li {
    float: left;
    width: 24%;
    margin-left: 1%;
}

/* 5列リスト */
.col5 {
    margin-left: -1%;
}

.col5 li {
    float: left;
    width: 19%;
    margin-left: 1%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* エディタ内リストの初期化 */
.editorArea ul,
.editorArea ol {
    padding-left:2em;
}
.editorArea ul li,
.editorArea ol li {
    margin-top: 0.6em;
	margin-bottom: 0.6em;
}

.editorArea ul {
    list-style-type: disc;
}
.editorArea ol {
    list-style-type: decimal;
}
/* 初期化されたリストを更に初期化（クラス付きの場合） */
.editorArea ul[class],
.editorArea ol[class] {
    list-style-type: none;
    padding-left:0;
}
.editorArea ul[class] li,
.editorArea ol[class] li {
    margin-top: 0;
	margin-bottom: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フォントサイズ／行間
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 基本テキストサイズ・行間 */
.fontM{
    font-size: 16px;
    line-height:1.8;
    word-break: normal;/* 区切りのない英語文章でも改行される様にする */
}
.fontM li{
    /* line-height:1.4; */
	/* ブログ内リストの行間が狭くて見にくいため修正（2025-07-31）mk */
    line-height:1.8;
}
/* 大サイズ指定されたリスト */
.large > li{
    font-size:30px;
}
/*
行間を削る
1.フォントサイズ指定されたものは、見出し用に拡大されたものとみなす
2.画像のキャプションに設定されたテキスト
*/
p.wp-caption-text,
[style *= "font-size"] {
    line-height: 1.4;
    display: inline-block;/* インライン要素には行高さ指定が出来ないためブロック化する */
}
[style *= "font-size: 12px"] ,
[style *= "font-size: 14px"] ,
[style *= "font-size: 16px"] ,
[style *= "font-size: 18px"] {
	line-height: 1.8;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
アンカーリンク
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea a{
    color:#09f;
    text-decoration:underline;
}
.editorArea a:hover{
    text-decoration:none;
}
.editorArea ul[class] li a{
    text-decoration:none;
    color:#333;
}
.editorArea ul[class] a:hover{
    text-decoration:underline;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
Wordpressビジュアルエディタ関連
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 文字揃え */
.aligncenter,
dl.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft {
	float: left;
	/*margin: 0 20px 20px 0;*/
	margin: 0 10px 10px 0;
}
img.alignright {
	float: right;
	/*margin: 0 0 20px 20px;*/
	margin: 0 0 10px 10px;
}

/* キャプション */
.wp-caption {max-width: 100%;}
.wp-caption img{margin-bottom:0!important;}
.wp-caption-text {margin-top: 0.5em;text-align:center;font-size:12px;}
.wp-caption.alignright {
    float: right;
    text-align: center;
    margin: 0 0 5px 5px;
}
.wp-caption.alignleft {
    float: left;
    text-align: center;
    margin: 0 5px 5px 0;
}


/* エディタで画像サイズ調整するとheight属性が自動挿入されるため、スマホなどでサイズ縮小した場合に縦横比が崩れる。その対策。 */
.editorArea img{height:auto;}
/* 上記の指定により、YoutubeやGoogleMAPのiframe代替画像が縦に伸びすぎる為、上限を与える */
img.mce-object.mce-object-iframe {max-height: 300px;}

/* エディタ末尾にフロートが残っていた場合の解除処理 */
.editorArea:after{
    content:'';
    display:block;
    clear:both;
}

/* Google Map & YouTube */
iframe[src*="maps"],
iframe[src*="youtube"] {
max-width: 100%;
border:0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
よくある質問(定義リストver.)
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
dl.faq:not(:last-child) {
	border-bottom: 1px dotted #ccc;
}
dl.faq > dt{
	background-color: #f8f9fa;
    font-weight: bold;
    padding: 20px;
}
dl.faq > dt.open,
dl.faq > dt:hover{
	background-color: #f3f3f3;
}
dl.faq > dt .arrow{
	float:right;
    font-size: 1.5em;
    line-height: 1;
}
dl.faq > dt .arrow:before{
    font-family: FontAwesome;
    content: '\f107';
}
dl.faq > dt.open .arrow:before{
    font-family: FontAwesome;
    content: '\f106';
}

dl.faq > dt:before{
	content: 'Q. ';
}
dl.faq > dt a{
	color:#333;
}
dl.faq > dd{
	padding: 20px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用見出し
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* 見出しと見なされる要素の行間を詰める */
[class*="ttl"],
[class*="header"] {
    line-height: 1.4;
}

/* .editorArea h2,
h2.basic {
    font-size: 26px;
    padding: 10px 15px 8px;
    margin-bottom: 25px;
    background: #ddd;
    clear: both;
    position: relative;
    line-height: 1.4;
}

body .yarpp-related h3,
.editorArea h3,
h3.basic {
    font-size: 20px;
    padding: 8px 15px 4px;
    margin-bottom: 15px;
    background: #EEE;
    clear: both;
    font-weight: inherit;
    position: relative;
    line-height: 1.4;
}*/
/* スタイルに変更(2020-07-20 take) */

/* [.h2a][.h2b]共通のスタイル */
h2[class*="h2"] {
    font-size: 28px;
    margin-bottom: 1em;
    clear: both;
    position: relative;
    line-height: 1.4;
}

h2[class*="h2"]:before {
    content: '';
    background: no-repeat 50% / contain;
    display: inline-block;
}

* + h2[class*="h2"] {
    margin-top: 2em;
}

/* [.h2a]のスタイル */
h2[class*="h2a"] {
    padding: 0px 0px 10px;
    border-bottom-width: 4px;
    border-bottom-style: double;
}

h2[class*="h2b"] {
    padding: 85px 0 0px;
    text-align: center;
}

h2[class*="h2b"]:before {
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: calc(50% - 35px);
    background-color: #eee;
}

/* [.h3a][.h3b]共通のスタイル */
h3[class*="h3"] {
    font-size: 20px;
    margin-bottom: 1em;
    clear: both;
    position: relative;
    line-height: 1.4;
}

h2[class*="h3"]:before {
    content: '';
    background: no-repeat 50% / contain;
    display: inline-block;
}

* + h3[class*="h3"] {
    margin-top: 2em;
}

/* [.h3a]のスタイル */
h3[class*="h3a"] {
    padding: 10px 0 10px 15px;
    border-left-width: 8px;
    border-left-style: solid;
}

/* [.h3b]のスタイル */
h3[class*="h3b"] {
    color: #ffffff;
	background-color:#333;
    padding: 10px 15px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
区切り線
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea hr.hr01 {
    border: none;
    border-top: 1px dashed #aaa;
}
.editorArea hr {
    border: none;
    border-top: 1px solid #ccc;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
テーブル01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.thLock01 th {width:200px;}

.table01 th,
.table01 td{
	border: 1px solid #cccccc;
	padding: 15px;
}
.table01 th {
	text-align: center;
	background-color: #f0f0f0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用テーブル（枠なし）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
table.addr th {
    text-align: left;
    vertical-align:top;
    min-width:70px;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
引用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.editorArea blockquote {
    position: relative;
    border: 1px solid #C0C0C0;
    margin: 1em 0;
    padding: 30px;
    border-radius: 5px;
    color: #000;
    background: #FAFAFA;
}
.editorArea blockquote:before,
.editorArea blockquote:after{
    position: absolute;
    font-family: Georgia;
    font-size: 60px;
    color: #C9C9C9;
    line-height: 1;
}
.editorArea blockquote:before{
    content:"“";
    top: 5px;
    left: 10px;
}
.editorArea blockquote:after{
    content:"”";
    bottom: -30px;
    right:10px;
}


/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト（画像形式）用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.list04 li {
    background: no-repeat 0px 0px;
    background-size: 1.2em;
    padding-left: 50px;
    font-size: 2em;
    margin-bottom: 10px;
}
ul.check01 li {background-image: url(./parts/images/li/check01.png);}
ul.check02 li {background-image: url(./parts/images/li/check02.png);}
ul.attention01 li {background-image: url(./parts/images/li/attention01.png);}
ul.cup01 li {background-image: url(./parts/images/li/cup01.png);}
ul.finger01 li {background-image: url(./parts/images/li/finger01.png);}
ul.key01 li {background-image: url(./parts/images/li/key01.png);}
ul.wakaba01 li {background-image: url(./parts/images/li/wakaba01.png);}

ol.numtype01 > li:before{content:''!important;}
ol.numtype01 li {background-size: 1.2em auto;}
ol.numtype01 li:nth-child(1) {background-image: url(./parts/images/li/count/01_1.png);}
ol.numtype01 li:nth-child(2) {background-image: url(./parts/images/li/count/01_2.png);}
ol.numtype01 li:nth-child(3) {background-image: url(./parts/images/li/count/01_3.png);}
ol.numtype01 li:nth-child(4) {background-image: url(./parts/images/li/count/01_4.png);}
ol.numtype01 li:nth-child(5) {background-image: url(./parts/images/li/count/01_5.png);}
ol.numtype01 li:nth-child(6) {background-image: url(./parts/images/li/count/01_6.png);}
ol.numtype01 li:nth-child(7) {background-image: url(./parts/images/li/count/01_7.png);}
ol.numtype01 li:nth-child(8) {background-image: url(./parts/images/li/count/01_8.png);}
ol.numtype01 li:nth-child(9) {background-image: url(./parts/images/li/count/01_9.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト「手板風背景」用CSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.bgType01 {
    background:
    url(./parts/images/bg01_btm.png) no-repeat 50% 100%,
    url(./parts/images/bg01_top.png) no-repeat 50% 0%,
    url(./parts/images/bg01_mid.png) repeat-y 50% 0%;
    background-size:contain;
    padding: 85px 5% 30px!important;
    position: relative;
    margin: 0 auto;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
OLのナンバーリング
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ol[class*="list"] > li:before{
  content: counters(ol_cnt, "")".";
}
ol[class*="list"] ol > li:before{
  content: counters(ol_cnt2, "")".";
}
ol[class*="list"] ol ol > li:before{
  content: counters(ol_cnt3, "")".";
}
ol.list02 > li:before{
  content: counters(ol_cnt, "");
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト01（シンプルなリスト）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list01 > li{
    /* padding: 5px 0; */
    position: relative;
}
.list01 > li .list01 > li{/* list01 > list01の限定スタイル */
    border-bottom: 0;
    border-top:1px dotted #ccc;
}
.list01 li:before{
    font-size: 1.2em;
    line-height: 1.2em;
	color:#555;
	margin-right: 5px;
	position: absolute;
	left: 0;
	top: 0;
}
/* リセットのリセット */
[class*=list0] > li{
	margin-top: 0.6em!important;
	margin-bottom: 0.6em!important;
}

/* UL限定 */
ul.list01 > li{
	padding-left: 1em;
}
ul.listType02 > li{
	/*padding-left: 2em;*/
	padding-left: 1.5em;
}
ul.list01 > li:before{
	font-family:FontAwesome;
	content:'\f0da';
	vertical-align: bottom;
}
ul.listType02 > li:before{
	content:'\f046';
	color:#f00;
}
/* OL限定 */
ol.list01 > li {
    padding-left: 2.5em;
}
ol.list01 > li:before{
	top: auto;
	left: auto;
	top: 0;
	right: calc(100% - 2em);
}

/* UL子階層限定 */
.list01 ul > li:first-child{
    margin-top: 5px;
}
.list01 ul > li:before{
	content: '┗';
	margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
リスト02（BOXタイプ）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* OL,UL共通 */
.list02 > li{
    padding: 15px;
    position: relative;
    border: 2px solid;
    background:#fff;
    min-height: 2em;
    margin-top: 20px!important;
}
.list02 > li:first-child{
    margin-top: 0;
}
/* OL限定 */
ol.list02 > li{
    padding-left: 60px;
}
ol.list02 > li:after{
	position:absolute;
	line-height:1;
	left:50%;
	/*top: -28px;*/
	top: -27px;
	font-size: 30px;
	margin-left:-.5em;
	content: "\f0d7";
	font-family: FontAwesome;
}
ol.list02 > li:first-child:after{
	content:'';
}
ol.list02 > li:before{
  position:absolute;
  top: 0;
  left: 0;
  color:#fff;
  width: 40px;
  line-height: 40px;
  text-align:center;
  font-size: 28px;
  background-color:#ccc;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
エディタ専用のガイド
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .guide01:before {
	display:block;
	background:pink;
	padding:2px;
	font-size:14px;
	text-align:center;
}
body.editorOnly .guide01 {
    border: 1px dotted red;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
デバイスによって表示／非表示を切り替える
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .only_sp:before {
	content:'スマホのみ表示';
	font-size: 12px;
	color: red;
}
body.editorOnly .only_pc:before {
	content:'PCのみ表示';
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
2列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container00:before {
    content:'2列エリア';
}
body.editorOnly .container00 > * {
    /*background: #eee;*/
}

.container00 > * {
    float: right;
    width:48%;
    width:calc(50% - 10px);
}
.container00 > *:first-child {
    float:left;
}
.col_37 > * {width: 66%;width:calc(70% - 20px);}
.col_37 > *:first-child {width: 30%;}

.col_73 > * {width: 30%;}
.col_73 > *:first-child {width: 66%;width:calc(70% - 20px);}

.col_28 > * {width: 76%;width:calc(80% - 20px);}
.col_28 > *:first-child {width: 20%;}

.col_82 > * {width: 20%;}
.col_82 > *:first-child {width: 76%;width:calc(80% - 20px);}

.col_46 > * {width: 56%;width:calc(60% - 20px);}
.col_46 > *:first-child {width: 40%;}

.col_64 > * {width: 40%;}
.col_64 > *:first-child {width: 56%;width:calc(60% - 20px);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
3列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container01:before {
    content:'3列エリア';
}
body.editorOnly .container01 > * {
    /*background: #eee;*/
}
.container01 {
    /* overflow:hidden; */
}
.container01 > * {
    float: left;
    width:32%;
    margin-left: 2%;
}
.container01 > *:first-child {
    margin-left: 0;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
4列
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.editorOnly .container02:before {
    content:'4列エリア';
}
body.editorOnly .container02 > * > * {
    /*background: #eee;*/
}
.container02 {
    /* overflow:hidden; */
}
.container02 > * {
    float: right;
    width:49%;
    width:calc(50% - 10px);
}
.container02 > *:first-child {
    float: left;
}
.container02 > * > * {
    float: right;
    width:48%;
    width: calc(50% - 10px);
}
.container02 > * > *:first-child {
    float:left;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.box01 {
    background: #fcf8e6;
    padding: 20px 30px;
}

/* 画像背景付きボックス */
/* 手板風 */
.box_bg01 {
    background:
    url(./parts/images/frame/teita01_btm.png) no-repeat 50% 100%,
    url(./parts/images/frame/teita01_top.png) no-repeat 50% 0%,
    url(./parts/images/frame/teita01_mid.png) repeat-y 50% 0%;
    background-size:contain;
    padding: 85px 5% 30px!important;
}
/* ふきだし「爆発」 */
.box_bg02 {
    background: url(./parts/images/frame/fukidashi01.png) no-repeat 50% 50%;
    background-size: 100% 100%;
    padding: 10% 15%;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン01
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn01{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 10px 30px 10px 20px;
    color: #FFF;
    background: #ccc;
    font-size: 18px;
    min-width: 160px;
    text-align: center;
}
a.btn01:hover {
    opacity: .8;
}
a.btn01:before {
	font-family: FontAwesome;
	content: '\f105';
	font-size: 1.5em;
	position:absolute;
	top: 50%;
	margin-top: -.55em;
	line-height:1;
	right: 8px;
}

/* 画像背景のボタン */
a[class*="btn01_"] {
	background-color:transparent!important;
	background-size: 100% 100%;
	font-size: inherit!important;
}
a[class*="btn01_"]:hover{
    opacity:.9;
}
a.btn01_blue01 {background-image: url(./parts/images/btn/blue01.png);}
a.btn01_pink01 {background-image: url(./parts/images/btn/pink01.png);}
a.btn01_green01 {background-image: url(./parts/images/btn/green01.png);}
a.btn01_brown01 {background-image: url(./parts/images/btn/brown01.png);}
a.btn01_gold01 {background-image: url(./parts/images/btn/gold01.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン02
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn02{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 5px 0 5px 20px;
    /*color:#06f;*/
}
a.btn02:hover{
	text-decoration:underline;
}
a.btn02:before {
	font-family: FontAwesome;
	content: '\f138';
	font-size: 18px;
	position:absolute;
	top: 50%;
	left:0;
	margin-top: -.55em;
	line-height:1;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用ボタン03（TELマーク付きのボタン）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
a.btn03{
    position:relative;
    text-decoration: none;
    display: inline-block;
    line-height: 1.2;
    padding: 10px 0 10px 1.3em;
    background: no-repeat 0 50%;
    background-size: 1.2em;
    color: #333;
}
a.btn03_tel01 {background-image: url(./parts/images/icon/tel01.png);}
a.btn03_tel02 {background-image: url(./parts/images/icon/tel02.png);}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ギャラリー機能
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.gallery-item img{border:0!important;}
.gallery img[data-mce-selected]:focus {
	outline: none;
}

.gallery a {
	/*cursor: default;*/
}

.gallery {
	margin: auto -6px;
	padding: 6px 0;
	line-height: 1;
	overflow-x: hidden;
}

.ie7 .gallery,
.ie8 .gallery {
	margin: auto;
}

.gallery .gallery-item {
	float: left;
	margin: 0;
	text-align: center;
	padding: 6px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ie7 .gallery .gallery-item,
.ie8 .gallery .gallery-item {
	padding: 6px 0;
}

.gallery .gallery-caption,
.gallery .gallery-icon {
	margin: 0;
}

.gallery .gallery-caption {
	font-size: 13px;
	margin: 4px 0;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

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

.ie8 .gallery-columns-3 .gallery-item,
.ie7 .gallery-columns-3 .gallery-item {
	width: 33%;
}

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

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

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

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

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

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

.gallery img {
	max-width: 100%;
	height: auto;
	border: none;
	padding: 0;
}