@CHARSET "utf-8";
    /*
Theme Name: e
Author URI: https://asafaga.com/
*/
/*---------------------------------------------------------*/
/* General */
/*---------------------------------------------------------*/
body {
    font-family: Helvetica, "游ゴシック", Meiryo, sans-serif, serif, "sans-serif", 'Lucida Grande', 'Hiragino Kaku Gothic ProN';
    font-size: 17px;
    color: black;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    }
html, body {
    margin: 0;
    padding: 0;
    }
@media screen and (max-width:760px) {
    body {
    font-size: 16px;
    }
}
/* 画像属性等 */
img {
    max-width: 100%;
    height: auto;
    -webkit-transition:all 0.25s ease-in-out;
    transition:all 0.25s ease-in-out;
    vertical-align: bottom;
    border-radius: 10px;
    }
a {
    color: #1111cc;
    text-decoration: underline;
    }
a img {
    border: none;
    }
a:hover {
    text-decoration: none;
}
a:hover img
p {
    font-size: 18px;
    line-height: 1.6em;
    }
div
@media screen and (max-width:760px) {
    div
}
ul {
    list-style-type: none;
    /* 点を消す */
    padding: 0;
    /* 左の余白をなくす */
    margin: 0;
    /* 上下の余白をなくす */
}
@media screen and (max-width:760px) {
}
div
@media screen and (max-width:760px) {
    div
}
@media only screen and (max-width : 760px) {
}
div#content {
    width: 70%;
    float: left;
    padding: 10px 0 0 0;
    margin: 10px 10px 10px 10px;
    min-height: 100vh;
    }
@media screen and (max-width:760px) {
    div#content {
    width: 100%;
    padding: 0;
    margin: 0px 0 0 0;
    }
}
article.post {
    display: block;
    margin:0 10px;
    }
@media only screen and (max-width : 760px) {
    article.post {
    margin:0 5px;
    }
}
div#sidebar {
    width: 26%;
    float: right;
    padding: 0 10px 0 0;
    margin: 5px;
    }
@media screen and (max-width: 760px) {
    div#sidebar {
    width: 100%;
    padding: 0 5px;
    margin: 0 ;
    box-sizing: border-box;
    }
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 5px;
    list-style:none;
    }
/*---------------------------------------------------------*/
/* Header */
/*---------------------------------------------------------*/
header {
    margin: 0px;
    padding: 0px 10px 0px 10px;
    background-color:#fff;
    }
@media only screen and (max-width : 760px) {
    header {
    padding: 0px 0px 0px 0px;
    }
}
h1
a
div
h1
h1#site-title a {
    color: #2ea7e0;
    }
h2
/*---------------------------------------------------------*/
/* Article's Header */
/*---------------------------------------------------------*/
h1
@media only screen and (max-width: 520px) {
    h1 {
        font-size: 1.5em;
    }
}
    h1
}
h1.page_title {
    position: relative;
    padding: 0.5em;
    margin: 2em 0 1em 0;
    background: #dd4b39;
    color: white;
    font-size:24px;
    letter-spacing : 1.5px;
    }
h1.page_title::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #dd4b39;
}
@media only screen and (max-width:480px) {
    h1.page_title {
    position: relative;
    padding: 0.5em;
    background: #dd4b39;
    color: white;
    font-size:20px;
    }
}
h2
@media only screen and (max-width : 760px) {
    h2
}
p
h3 {
    display: block;
    font-size: 22px;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    }
h3
@media only screen and (max-width : 760px) {
    h3
}
h3.double_blue::
h2.orenge, h3.orenge, h4.orenge, h5
h3
h3.course span {
    font-size: 40px;
    font-size: 3.5rem;
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    padding: 3px 20px;
    color: #fff;
    border-radius: 10px 20px 0 10px;
    background: #FF0000;
    }
@media only screen and (max-width : 760px) {
    h3
h3.course span {
    font-size: 27px;
    font-size: 1.7rem;
    top: 5px;
    left: 0;
    padding: 3px 10px;
    }
}
/*---------------------------------------------------------*/
/* Article post */
/*---------------------------------------------------------*/
div.post-content {
    padding: 0px 10px 10px 10px;
    }
@media only screen and (max-width : 760px) {
    div.post-content {
    padding: 0px 0px 10px 0px;
    }
}
/*---------------------------------------------------------*/
/* アーカイブ post */
/*---------------------------------------------------------*/
div
/*---------------------------------------------------------*/
/* カテゴリー post */
/*---------------------------------------------------------*/
div
@media only screen and (max-width : 760px) {
    div
}
/* ▼▼▼カテゴリーにあるアイキャッチ画像▼▼▼ */
/* リスト */
@media only screen and (max-width : 760px) {
}
/* h2 */
h2
/* 画像 */
.category img {
    padding: 0;
    margin: 5px 20px 5px 10px;
    float:left;
    }
@media only screen and (max-width : 760px) {
    .category img {
    margin: 0px 0px 20px 0px;
    }
}
/* ボックス */
@media only screen and (max-width : 760px) {
}
.category p {
    font-size:16px;
    padding: 0;
    margin: 0px 0px 20px 0px;
    }
@media only screen and (max-width : 760px) {
    .category p {
}
}
.more_link {
    text-decoration:underline;
    }
a:hover.more_link {
    text-decoration:none;
    }
/* ▲▲▲カテゴリーにあるアイキャッチ画像▲▲▲ */
/* ▼▼▼アイキャッチ画像の大きさ▼▼▼ */
/* ▲▲▲アイキャッチ画像の大きさ▲▲▲ */
h1
@media only screen and (max-width : 760px) {
    h1
}
/*---------------------------------------------------------*/
/* footer */
/*---------------------------------------------------------*/
p.foot {
    font-size:16px;
    text-align:center;
    padding:0 0 10px 0;
    margin:0;
    }
/*
==================================================
フッターカスタマイズ
==================================================
*/
 .footer-block-in > ul {
    padding: 5px;
    list-style-type: none;
    margin-bottom:10px;
    }
.footer-block-in > ul ul {
    text-align: left;
    margin: 15px 0px 13px 0px;
    padding: 0;
    }
.footer-block:
@media (max-width: 770px) {
}
div
/* ▼▼▼フッターのメニュー横並び▼▼▼ */
.f_nav
@media screen and (max-width: 760px) {
    .f_nav
}
.f_navi ul {
    margin: 0 ;
    padding: 2% 3% 0% 3%;
    }
@media screen and (max-width: 760px) {
    .f_navi ul {
    margin: 0 ;
    padding: 5px 0px 10px 0px;
    }
}
.f_navi ul l
@media screen and (max-width: 760px) {
    .f_navi ul l
}
.f_navi ul li a {
    text-decoration: none;
    color: #fff;
    }
@media screen and (max-width: 760px) {
    .f_navi ul li a {
    text-decoration: none;
    color:#fff;
    }
}
.f_navi ul li.f_navi01 a {
    color: #F33135;
    }
@media screen and (max-width: 760px) {
    .f_navi ul li.f_navi01 a {
    color: #F33135;
    }
}
.f_navi ul li a:
@media screen and (max-width: 760px) {
    .f_navi ul li a:
}
.f_navi img {
    margin: 0 10px;
    }
a
a:hover
/* ▲▲▲フッターのメニュー横並び▲▲▲ */
/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
#calendar_wrap 
#calendar_wrap table a {
    text-decoration: underline;
    color: #2ea7e0;
    }
#calendar_wrap table a:
.sidebar-wrapper ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    }
.sidebar-wrapper l
.sidebar-wrapper li a {
    display: block;
    color: #555;
    padding: 10px 0 10px 8px;
    text-decoration:none;
    }
.sidebar-wrapper li a:
/* コメント・トラックバック */
div
@media only screen and (max-width : 760px) {
    div
}
.tback h2 {
    margin-bottom: 0;
    padding-bottom: 15px;
    }
.tback p {
    margin: 0 0 10px 10px;
    padding: 0;
    font-size: 12px;
    line-height: 1.6em;
    }
.comments ul {
    list-style: none;
    margin: 0;
    color:#444;
    font-size: 100%;
    }
.comments ul l
.comments ul li
.comments ul
.comments p {
    padding: 0 10px 5px 20px;
    text-align: left;
    }
.comments form p {
    line-height: 1.8em;
    display: block;
    }
.comments label {
    font-weight: 600;
    display:block;
    }
.comments form p.comment-notes, .comments form p
.comments 
.comments .reply a {
    color: #444;
    text-decoration: none;
    display: block;
    }
.comments .reply a: 
.comments h3 
a
/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
@media screen and (max-width: 760px) {
}
#contact ul {
    margin: 0;
    padding: 0;
    }
@media screen and (max-width: 760px) {
    #contact ul {
    padding: 10px 0px;
    }
}
#contact ul l
@media screen and (max-width: 760px) {
    #contact ul l
}
.contact01 a {
    color: #000;
    }
.contact01:
.contact02 a {
    color: #fff;
    }
.contact02 a:
#contact img {
    margin: 0 10px 0px 10px;
    }
/*---------------------------------------------------------*/
/* ナビゲーションメニュー */
/*---------------------------------------------------------*/
/* ▼▼▼ヘッダーのメニュー横並び（パソコン版）▼▼▼ */
@media screen and (max-width: 760px) {
}
#header_navi ul {
    margin: 0px;
    padding: 0px;
    }
@media screen and (max-width: 760px) {
    #header_navi ul {
    padding: 10px 0px;
    }
}
#header_navi ul l
@media screen and (max-width: 760px) {
    #header_navi ul l
}
#header_navi ul li a {
    text-decoration: none;
    color: #333;
    }
@media screen and (max-width: 760px) {
    #header_navi ul li a {
}
}
#header_navi ul li.header_navi01 a {
    color: #F33135;
    }
@media screen and (max-width: 760px) {
    #header_navi ul li.header_navi01 a {
}
}
#header_navi ul li a:
@media screen and (max-width: 760px) {
    #header_navi ul li a:
}
#header_navi img {
    margin: 0 10px 0px 10px;
    }
/* ▲▲▲ヘッダーのメニュー横並び（パソコン版）▲▲▲ */
/* ▼▼▼ハンバーガーメニュー▼▼▼ */
@media screen and (max-width: 960px) {
}
/*チェックボックス等は非表示に*/
@media screen and (max-width: 960px) {
}
/*アイコンのスペース*/
@media screen and (max-width: 960px) {
}
/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:
@media screen and (max-width: 960px) {
    #nav-open span, #nav-open span:before, #nav-open span:
}
#nav-open span:
@media screen and (max-width: 960px) {
    #nav-open span:
}
#nav-open span:
@media screen and (max-width: 960px) {
    #nav-open span:
}
@media only screen and (max-width : 960px) {
    #nav-open p {
    position: absolute;
    left: 1.9%;
    width: 100%;
    display: block;
    content: '';
    cursor: pointer;
    margin: 0;
    font-size: 20px;
    }
}
/*閉じる用の薄黒カバー*/
@media screen and (max-width: 960px) {
}
/*中身*/
@media screen and (max-width: 960px) {
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ 
@media screen and (max-width: 960px) {
    /*チェックが入ったらもろもろ表示*/
#nav-input:checked ~
}
#nav-input:checked ~ 
@media screen and (max-width: 960px) {
    #nav-input:checked ~
}
#nav-drawer ul l
#nav-drawer ul li a {
    text-decoration: none;
    color: #333;
    }
#nav-drawer ul li a:
/* ▲▲▲ハンバーガーメニュー▲▲▲ */
/* ▼▼▼ハンバーガーメニューの中のSNSボタン▼▼▼ */
.sns_button ul {
    position: relative;
    left: 50%;
    float: left;
    }
.sns_button ul l
.sns_button img {
    margin: 0px 5px;
    }
/* ▲▲▲ハンバーガーメニューの中のSNSボタン▲▲▲ */
/* ▼▼▼ハンバーガーメニューのナビゲーション（レスポンシブ対応）▼▼▼ */
#hamburger ul {
    padding: 0;
    margin-top: 0px;
    }
@media screen and (max-width: 960px) {
    /* 760px以下は3列 */
#hamburger ul {
    margin-top: 20px;
    }
}
#hamburger l
@media screen and (max-width: 960px) {
    #hamburger l
}
/* ▲▲▲ハンバーガーメニューのナビゲーション（レスポンシブ対応）▲▲▲ */
/* ▼▼▼ハンバーガーメニューの固定▼▼▼ */
/* ▲▲▲ハンバーガーメニューの固定▲▲▲ */
/* ▼▼▼パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　760px）▼▼▼ */
@media only screen and (max-width : 760px) {
}
/* ▲▲▲パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　760px）▲▲▲ */
/* ▼▼▼パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　960px）▼▼▼ */
@media only screen and (max-width : 960px) {
}
/* ▲▲▲パソコンとスマホでスライドショーの表示内容を切り替え（スマホ　960px）▲▲▲ */
.btn_blue a {
    color:#fff;
    }
.btn_blue:
.btn_blue:
.box3 p {
    margin: 20px 5px;
    padding: 0;
    line-height:1.0em;
    }
@media only screen and (max-width : 480px) {
}
.double::
/* ▼▼▼トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▼▼▼ */
@media only screen and (max-width : 760px) {
}
/* ▲▲▲トップページの最新の投稿を表示（アイキャッチ画像の大きさ指定）▲▲▲ */
/* ▼▼▼タグ一覧ページの投稿を表示（アイキャッチ画像の大きさ指定）▼▼▼ */
/* ▲▲▲タグ一覧ページの投稿を表示（アイキャッチ画像の大きさ指定）▲▲▲ */
/* ▼▼▼トップページの最新の投稿を表示　アイキャッチ画像▼▼▼ */
/* リスト */
.new_01 {
    list-style: none;
    padding: 0px;
    margin: 15px 0px;
    }
@media only screen and (max-width : 760px) {
    .new_01 {
}
}
/* h5 */
.new_02 {
    font-size:1.3em;
    font-weight:bold;
    padding: 0;
    margin: 15px 0 0 0;
    }
@media only screen and (max-width : 760px) {
    .new_02 {
    font-size:1.2em;
    margin: 10px 0 0 0;
    }
}
/* 画像 */
.new img {
    float: left;
    padding: 0;
    margin: 5px 20px 5px 10px;
    }
@media only screen and (max-width : 760px) {
    .new img {
    margin: 5px 0px 15px 0px;
    }
}
/* ボックス */
.new {
    width:100%;
    padding: 0.5em 1em 1.0em 1em;
    color: #000;
    /*文字色*/
    background-color: #FFF;
    border-bottom: solid 1px #C0C0C0;
    /*線*/
}
@media only screen and (max-width : 760px) {
    .new {
    padding: 0.5em 0em;
    }
}
.new p {
    font-size:16px;
    padding: 0;
    margin: 20px 0px;
    }
@media only screen and (max-width : 760px) {
    .new p {
    font-size:15px;
    }
}
.back_05 {
    padding: 0px 19px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #fff;
    }
@media only screen and (max-width : 960px) {
    .back_05 {
    margin: 0em 0;
    padding: 0px 5px;
    }
}
/* ▲▲▲トップページの最新の投稿を表示　アイキャッチ画像▲▲▲ */
.front_01 {
    font-size:28px;
    font-weight:bold;
    padding: 0.3em 0.5em 0.3em 0.8em;
    /*文字周りの余白*/
	color: #494949;
    /*文字色*/
	background: #f9f9f9;
    /*背景色*/
	border-left: solid 6px #FF0000;
    /*左線（実線 太さ 色）*/
	border-bottom: solid 3px #EEEEEE;
    /*左線（実線 太さ 色）*/
}
@media only screen and (max-width : 960px) {
    .front_01 {
}
}
@media only screen and (max-width : 480px) {
    .front_01 {
    font-size:18px;
    }
}
/* ▼▼▼画像横並び（スマホだと列が変わる）▼▼▼ */
*, *:before, *:
.col_2 > div {
    width: 50%;
    padding: 8px;
    }
@media screen and (max-width: 960px) {
    .col_2 > div {
    width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .col_2 > div {
}
}
.col_3 > div {
    width: 33.33333%;
    padding: 10px;
    }
@media screen and (max-width: 960px) {
    .col_3 > div {
    width: 50%;
    padding: 5px 2px;
    }
}
@media screen and (max-width: 480px) {
    .col_3 > div {
    width: 100%;
    padding: 5px 7px;
    }
}
p	
@media only screen and (max-width : 480px) {
    p
}
.col_4 > div {
    width: 25%;
    padding: 5px;
    text-align: center;
    }
@media screen and (max-width: 960px) {
    .col_4 > div {
    width: 50%;
    }
}
@media screen and (max-width: 480px) {
    .col_4 > div {
}
}
/* ▲▲▲画像横並び（スマホだと列が変わる）▲▲▲ */
.box1 p {
    margin: 10px;
    padding: 0;
    text-align:center;
    }
/* ▼▼▼アーカイブにあるアイキャッチ画像▼▼▼ */
h1
@media only screen and (max-width : 760px) {
    h1
}
h2
/* リスト */
@media only screen and (max-width : 760px) {
}
/* h5 */
@media only screen and (max-width : 760px) {
}
/* 画像 */
.archive img {
    float: left;
    padding: 0;
    margin: 5px 20px 5px 10px;
    }
@media only screen and (max-width : 760px) {
    .archive img {
}
}
/* ボックス */
@media only screen and (max-width : 760px) {
}
.archive p {
    font-size:12px;
    padding: 0;
    margin: 20px 0px;
    }
@media only screen and (max-width : 760px) {
    .archive p {
}
}
/* ▲▲▲アーカイブにあるアイキャッチ画像▲▲▲ */
/*
==================================================
目次タグ
==================================================
*/
/*
==================================================
ジャンプ先を変更する
==================================================
*/
#a, #b, #c, #d, #e, #f, #g, #h, #i, #j, #k, #l, #m, * {
}
@media only screen and (max-width : 760px) {
}
@media only screen and (max-width : 760px) {
    table th, table
}
/* ▲▲▲表▲▲▲ */
/* ▼▼▼トップページのスライドショー▼▼▼ */
/* ▲▲▲トップページのスライドショー▲▲▲ */
/* ▼▼▼トップページの地図（SVG画像）▼▼▼ */
      .cls-1, .cls-10, .cls-11, .cls-13, .cls-7, .cls-8, .cls-1, .cls-10, .cls-11, .cls-13, .cls-3, .cls-4, .cls-7, .cls-8, .cls-3, .cls-5, #aki-muroto path:
#monobe path:
#reihoku path:
#kochi path:
#niyodo path:
#okushimanto path:
#shimanto-ashizuri path:
/* ▲▲▲トップページの地図（SVG画像）▲▲▲ */
.event_icatch img {
    float: left;
    padding: 0;
    margin: 5px 20px 5px 10px;
    }
.css-events-list table.events-table 
/*
==================================================
レスポンシブ対応　グリッドレイアウト
==================================================
*/
.item {
    border-radius: 10px;
    background: #f5f5f5;
    padding: 10px 10px 5px 10px;
    }
.item img {
    margin: 0 auto;
    display: block;
    }
.tag p {
    text-align: left;
    margin:10px;
    font-size:16px;
    }
/* ▼▼▼表（観光スポットの情報詳細）レスポンシブ▼▼▼ */
.guide 
.guide 
/* ▲▲▲表（観光スポットの情報詳細）レスポンシブ▲▲▲ */
/* ▼▼▼カテゴリーの記事一覧のページネーション▼▼▼ */
.pagination span, .pagination a {
    display: block;
    float: left;
    margin: 2px 2px 2px 0;
    padding: 10px 14px 10px 14px;
    text-decoration: none;
    width: auto;
    color: #fff;
    /* 通常の文字色 */
  background: #FF0000;
    /* 通常の背景色 */
  border-radius: 50%;
    /* 角を丸くして円形に */
}
.pagination span
.pagination a:
.pagination 
@media only screen and (max-width: 413px) {
    .pagination span, .pagination a {
    padding: 7px 10px 7px 10px;
    }
.pagination
}
/* ▲▲▲カテゴリーの記事一覧のページネーション▲▲▲ */
/*
==================================================
YouTubeの大きさを100％にする（レスポンシブ）
==================================================
*/
.youtube 
@media screen and (max-width: 760px) {
    .youtube
}
/* ▼▼▼ページのトップに戻る（右下のボタン）▼▼▼ */
/* ▲▲▲ページのトップに戻る（右下のボタン）▲▲▲ */
/* ▼▼▼SNSシェアボタン▼▼▼ */
.fa-hatena:
.share ul {
    margin: 0;
    padding: 0;
    list-style: none;
    }
.share ul:
.share l
.share li 
  .share li span {
    display: none;
    }
.share li a {
    font-size: 14px;
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    }
.share li a:
.share li a:
.tweet a {
    background-color: #55acee;
    }
.facebook a {
    background-color: #315096;
    }
.pocket a {
    background-color: #dd4b39;
    }
.hatena a {
    background-color: #008fde;
    }
@media(max-width: 599px) {
    .share l
  .share li 
  .share li span {
    display: none;
    }
}
/* ▲▲▲SNSシェアボタン▲▲▲ */
/* ▼▼▼パン屑リスト▼▼▼ */
@media only screen and (max-width : 760px) {
}
/* ▲▲▲パン屑リスト▲▲▲ */
@media only screen and (max-width : 760px) {
    label {
    width:100%:
}
}
/* ▼▼▼カテゴリーの色付け▼▼▼ */
.koch
.ak
.new_04 a {
    font-size:14px;
    color: #fff;
    text-decoration:none;
    text-align:right;
    }
.new_05 {
    text-align:left;
    margin:5px 0 0 0;
    }
@media only screen and (max-width : 760px) {
    .new_05 {
    text-align:left;
    margin:15px 0 0 0;
    }
}
.new_05 {
    text-align:left;
    }
.new_05 a {
    font-size:14px;
    color: #fff;
    text-decoration:none;
    text-align:right;
    }
/* ▲▲▲カテゴリーの色付け▲▲▲ */
/* ▼▼▼reCAPTCHAボタンを表示させない▼▼▼ */
/* ▲▲▲reCAPTCHAボタンを表示させない▲▲▲ */
/*
==================================================
口コミ体験談　左
==================================================
*/
.balloon1 
.balloon1 .faceicon1 img {
    width: 100%;
    height: auto;
    border: solid 3px #FFF0F5;
    border-radius: 50%;
    }
.balloon1 
.says1:
.says1 p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    }
/*
==================================================
口コミ体験談　右
==================================================
*/
.balloon2 
.balloon2 .faceicon2 img {
    width: 92%;
    height: auto;
    border: solid 3px #D7EEFF;
    border-radius: 50%;
    }
.balloon2 
.says2:
.says2 p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    }
/*
==================================================
吹き出し　灰色枠　右
==================================================
*/
.balloon61 
.says61 p {
    margin: 7px 0px 7px 5px;
    padding: 3px 3px 3px 3px;
    font-size: 1.05em;
    line-height: 1.8em;
    }
.says61:
.says61:
/*
==================================================
吹き出し　灰色枠　左
==================================================
*/
.balloon62 
.balloon62 
.says62:
.says62:
.says62 p {
    margin: 7px 0px 7px 5px;
    padding: 3px 0px 3px 0px;
    font-size: 1.0em;
    line-height: 1.8em;
    }
/*
==================================================
ボックス８
==================================================
*/
.box8 
.box8 p {
    padding: 15px 20px;
    margin: 0;
    }
/*
==================================================
ボックス15
==================================================
*/
.box15 p {
    margin: 20px 0px 20px 0px;
    padding: 0px 5px 0px;
    }
/*
==================================================
ボックス２２　女性の手順で使う
==================================================
*/
.box22:
.box22 p {
    margin: 0;
    padding: 0;
    text-align: center;
    }
/*
==================================================
ボックス２３　女性の手順で使う最後
==================================================
*/
.box23 p {
    margin: 0;
    padding: 0;
    text-align: center;
    }
/*
==================================================
ボックス２４　モデルコースで使う
==================================================
*/
.box24:
.box24:
/*
==================================================
おすすめの記事タグ
==================================================
*/
.r {
    overflow: hidden;
    padding: 10px 10px 10px 10px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #f5f5f5;
    border-top: solid 5px #FFA07A;
    border-bottom: solid 5px #FFA07A;
    }
@media screen and (max-width: 760px) {
    .r {
    overflow: hidden;
    padding: 0px 10px 10px 10px;
    margin: 2em 0;
    color: #2c2c2f;
    background: #f5f5f5;
    border-top: solid 4px #FFA07A;
    border-bottom: solid 4px #FFA07A;
    }
}
/* ▼▼▼下線マーカー▼▼▼ */
/* ▲▲▲下線マーカー▲▲▲ */
.ez-toc-page-1, div#ez-toc-container ul l
/*
==================================================
ボックス26
==================================================
*/
.box26 p {
    font-size:14px;
    margin: 0;
    padding: 0;
    }
.gallery l
/*矢印の設定*/
/*戻る、次へ矢印の位置*/
.slick-prev, /*選択するサムネイル画像の設定*/
.choice-btn l
.choice-btn li img {
    opacity: 0.4;
    /*選択されていないものは透過40%*/
}
.choice-btn li.slick-current img {
    opacity: 1;
    /*選択されているものは透過しない*/
}
/*
==================================================
お問い合わせ
==================================================
*/
.contact-wid
/*必須の調整*/
/*任意の調整*/
/*送信ボタンのデザイン変更*/
/*送信ボタンマウスホバー時*/
#formbtn:
.inquiry 
input {
}
@media screen and (max-width: 960px) {
    input {
    width: 100%;
    }
}
textarea {
    width: 100%;
    }
input[type="checkbox" i] {
    margin: 3px 3px 3px 4px;
    }
/*
==================================================
リンクボタン　黄色
==================================================
*/
.btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 380px;
    height: 60px;
    color: #333;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    }
@media screen and (max-width: 760px) {
    .btn a {
    width: 100%;
    }
}
.btn a:
.btn01 a {
    background-color: #fff100;
    border: 1px solid transparent;
    border-radius: 35px;
    }
.btn01 a::
.btn01 a:
/*-------------------------
  ブログカード
-------------------------*/
a
a.tmt-blog-card::
a.tmt-blog-card::
a.tmt-blog-card:
.tmt-blog-card-thumbnail img {
    width: 80%;
    }
.tmt-blog-card-site img {
    margin-right: 5px;
    vertical-align: bottom;
    width: 20px;
    }
@media (max-width: 980px) {
    .tmt-blog-card-thumbnail img {
    width: 100%;
    }
}
@media (max-width: 640px) {
    a
  a.tmt-blog-card::
  a.tmt-blog-card::
}
/*スクロールバーの横幅指定*/
/*スクロールバーの横幅指定*/
.scrollArea.deco::
/*スクロールバーの背景色・角丸指定*/
.scrollArea.deco::
/*スクロールバーの色・角丸指定*/
.scrollArea.deco::
/* ▼▼▼次の記事・前の記事▼▼▼ */
p
@media only screen and (max-width : 760px) {
    p
}
p
@media only screen and (max-width : 760px) {
    p
}
@media only screen and (max-width : 760px) {
}
@media only screen and (max-width : 760px) {
}
/* ▲▲▲次の記事・前の記事▲▲▲ */
/*
==================================================
ボックス10
==================================================
*/
.box10 
.box10 p {
    font-size: 1.0em;
    padding: 20px 20px 20px 20px;
    margin: 0;
    font-weight: normal;
    }
/*
==================================================
引用タグ　カスタマイズ
==================================================
*/
blockquote:
blockquote:
blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
    }
blockquote 
.
.mask-bg::
.mask-bg
.mask-bg.is-animated::
@keyframes 
  40%, 60% {
    transform: translate(0, 0%)
}
100% {
    transform: translate(0, -100%)
}
}
/*
==================================================
ボタンを押すと開く
==================================================
*/
.grad-btn:
.grad-item::
.grad-trigger:checked + 
.grad-trigger:checked ~ 
.grad-trigger:checked ~ .grad-item::
/*
==================================================
会員表
==================================================
*/
.table-responsive 
.table-responsive .scroll_
.table-responsive .scroll_table, .table-responsive .scroll_table td, .table-responsive .scroll_table 
.table-responsive .scroll_table 
.table-responsive .scroll_table 
.table-responsive 
/*---------------------------------------------------------*/
/* ヘッダーナビゲーション（レスポンシブ） */
/*---------------------------------------------------------*/
.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 85px;
    z-index:999;
    }
@media only screen and (max-width: 960px) {
    .header {
    height: 80px;
    }
}
@media only screen and (max-width: 760px) {
    .header {
    height: 60px;
    }
}
.logo {
    position: absolute;
    top: 0;
    left: 0;
    padding: 3px 15px;
    }
@media only screen and (max-width: 960px) {
    .logo {
    padding: 3px 10px 3px 5px;
    }
}
.title {
    font-size: 2rem;
    font-weight: 600;
    margin:0;
    }
@media only screen and (max-width: 960px) {
    .nav_item a {
    display: block;
    padding: 28px 10px 18px 10px;
    border-bottom: 1px solid #eee;
    text-decoration: none;
    color: #333;
    }
.nav_item a:
  /* 表示された時用のCSS */
  .nav-open 
  .nav-open 
  .nav-open 
  .nav-open 
  .nav-open
}
/* sp */
@media only screen and (min-width: 1027px) {
    .logo {
    padding: 3px 30px 3px 5px;
    }
.nav_list ul {
    padding: 50px 0 0 0;
    }
.nav_list l
  .nav_list li a {
    color: #000;
    font-weight:bold;
    text-decoration:none;
    }
.nav_item a {
    position: relative;
    display: inline-block;
    }
.nav_item a::
  .nav_item a:hover::
}
/* pc */
/*---------------------------------------------------------*/
/* 四角で囲む（黄色） */
/*---------------------------------------------------------*/
/*
==================================================
YouTubeの大きさを100％にする（レスポンシブ）
==================================================
*/
.youtube 
@media screen and (max-width: 760px) {
    .youtube
}
/* ▼▼▼選手紹介の一覧（ホバーエフェクト）▼▼▼ */
@media screen and (max-width: 760px) {
}
.button_01::before, .button_01::
.button_01::
.button_01::
.button_01:
@media screen and (max-width: 760px) {
    .button_01:
}
.button_01:hover::before, .button_01:hover::
.button_01:hover::
.button_01:hover::
/* ▲▲▲選手紹介の一覧（ホバーエフェクト）▲▲▲ */
/*
==================================================
関連記事アイコン【ピンク】
==================================================
*/
.link_02 p {
    margin:0px;
    padding:0px;
    }
.link_02:
/*
==================================================
外部サイトアイコン【ピンク】
==================================================
*/
.link_01 p, .link_02 p {
    margin: 0;
    padding: 0;
    }
.link_01:before, .link_02:
.link_01:
/*
==================================================
見出し（赤）
==================================================
*/
h2.green, h3.green, h4.green, h5.green, h4.red, h5
h4.red, h5
h2
h2.red::
@media only screen and (max-width:480px) {
    h2
}
h3
@media only screen and (max-width:480px) {
    h3
}
h4
@media only screen and (max-width : 480px) {
    h4
}
/*
==================================================
横並び
==================================================
*/
.yokonarabe1 l
@media only screen and (max-width : 1260px) {
    .yokonarabe1 l
}
/*
==================================================
リストタグ
==================================================
*/
.list_arrow ul {
    padding:0em;
    list-style-type:none;
    }
.list_arrow ul l
.list_arrow ul li::before, .list_arrow ul li::
.list_arrow ul li::
.list_arrow ul li::
.employee-info {
    background-color: #fff;
    /* フッターの色を上書き */
    padding: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    margin-bottom: 20px;
    /* フッターとの距離を確保 */
}
.employee-info p {
    margin: 5px 0;
    font-size: 16px;
    color: #333;
    }
.employee-info {
    display: flex;
    flex-direction: column;
    /* 縦方向に並べる */
    align-items: flex-start;
    max-width: 800px;
    margin: 20px auto;
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    }
.employee-fields p {
    margin: 0 0 10px;
    font-size: 14px;
    color: #333;
    }
.breadcrumb a {
    text-decoration: none;
    color: #0073aa;
    }
.breadcrumb a:
/* 社員リストのスタイル */
.employee-list {
    list-style: none;
    padding: 0;
    }
.employee-photo img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    /* 丸い形に戻す */
    object-fit: cover;
    }
.employee-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    }
.employee-details h3 {
    margin: 0;
    font-size: 1.2em;
    display: flex;
    align-items: center;
    }
.employee-details h3 
.employee-details p {
    margin: 5px 0;
    font-size: 1em;
    }
/* 社員管理ページのレイアウト修正 */
.employee-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    }
.employee-header {
    display: flex;
    align-items: center;
    }



/* メディアファイル追加ボタンのテキスト色を黒に変更 */
a.page-title-action {
    color: #000000 !important;
    text-shadow: none !important;
}

/* 「設定」リンクを非表示にする */
a[href*="org-settings"] {
    display: none !important;
}

/* タクソノミー項目の太字を解除 - 広範囲に適用 */
.taxonomy-group .row-title,
.taxonomy-department .row-title,
.taxonomy-position .row-title,
.taxonomy-office .row-title,
.taxonomy-group .row-title a,
.taxonomy-department .row-title a,
.taxonomy-position .row-title a,
.taxonomy-office .row-title a,
.column-name,
.column-code,
.column-department,
.column-order,
.wp-list-table a,
.wp-list-table td,
.wp-list-table th,
.wp-list-table strong,
.wp-list-table b,
.name-column,
.wp-admin strong,
.wp-admin b,
.wp-admin .row-title,
.wp-admin .row-actions,
.tag-name,
a.row-title,
.form-wrap label,
.form-field label,
#wpbody-content .widefat *,
.widefat tfoot td, 
.widefat th,
.widefat thead td,
.widefat a,
.wp-admin .name,
#wpbody strong,
.term-name,
.authors-column,
.row-title b,
#wpbody-content b,
.wp-admin td strong,
.taxonomy-group strong,
.taxonomy-department strong,
.taxonomy-position strong,
.taxonomy-office strong {
    font-weight: normal !important;
}


.employee-list li {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}

.employee-list img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
}

.employee-list h3 {
    margin: 0;
    font-size: 1.2em;
}

.employee-list h3 span {
    font-size: 0.8em;
    color: #666;
}

.employee-list p {
    margin: 5px 0 0 0;
}

/* 部門見出しのスタイル */
.employee-list h2 {
    border-bottom: 2px solid #444;
    padding-bottom: 5px;
    margin-top: 20px;
}

.postbox-container {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* パンくずリスト（breadcrumb）のスタイル */
.breadcrumb {
    margin: 10px 0 20px;
    padding: 8px 15px;
    background-color: #f8f9fa;
    border-radius: 4px;
    font-size: 14px;
    color: #6c757d;
}

.breadcrumb a {
    color: #007bff;
    text-decoration: none;
}

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