@charset "UTF-8";

/*------------------------------------------------------------------------------
	Chuo Kanko Corporation. - Global Class CSS
	URL: http://www.kaneyamaen.sbs/
	Date: 2016-10-11
	Copyright (C) Chuo Kanko Corporation. All Rights Reserved.
------------------------------------------------------------------------------*/

/*==============================================================
	タグ
===============================================================*/
* {
    box-sizing: border-box;
}
body {
    font-family:
        'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    color: #544f49;
    font-size: 100%;
}
/* 感染症対策 */
header ul#globalNav li a[href$='concept/'],
#fixNav ul li a[href$='concept/'],
#header ul#globalNav li a[href$='concept/'],
#spMenu li a[href$='concept/'] {
    background-color: #e3ffee;
}
/*
* “こころ明朝体” licensed under the IPA Font License Agreement v1.0
* http://typingart.net/（”こころ明朝体”配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
@font-face {
    font-family: 'MyKokoro';
    src:
        url('../font/Kokoro.woff') format('woff'),
        /* Modern Browsers */ url('../font/Kokoro.otf') format('opentype'); /* Safari, Android, iOS */
}
main #attractionArea .title,
#fixNav ul li a,
header ul#globalNav li a,
#header ul#globalNav li a,
.color-btn.blk-btn .arr {
    font-family: 'MyKokoro';
    font-weight: 200 !important;
}
#fixNav ul li a,
#header ul#globalNav li a,
header ul#globalNav li a {
    font-weight: 600 !important;
    font-size: 108%;
}

#fixNav ul li#planBtn a,
header ul#globalNav li#planBtn a,
#header ul#globalNav li#planBtn a {
    background: #f6f5f5;
}
p,
ol,
ul,
dl {
    margin: 0;
}
main p,
main ol,
main ul,
main dl {
    margin: 0;
    line-height: 1.7;
}
li {
    list-style: none;
}
.innerWidth {
    width: 1200px;
    margin: 0 auto;
}
@media screen and (max-width: 1200px) {
    .innerWidth {
        width: 100%;
        padding: 0 3.2%;
    }
}
/*==============================================================
	汎用クラス
===============================================================*/

/* .toTop : 先頭へ戻る */
#main p.toTop {
}

/* .section : セクション
----------------------------------------------------*/

#main .section {
}
#wrapper em {
    font-style: normal !important;
}
/* a : リンク
----------------------------------------------------*/
a:link {
    text-decoration: none;
    color: #56483a;
}
a:visited {
    color: #56483a;
}
a:hover {
}
a:active {
}

a.externalLink {
    padding-left: 23px;
    background: url(../img/ico/ico_externallink.png) no-repeat 5px center;
}
body.cms #main.entry a,
body.cms.individual #main a {
    text-decoration: underline;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
body.cms #main.entry a:hover,
body.cms.individual #main a:hover {
    opacity: 0.6;
}
/* ul : 基本リスト
----------------------------------------------------*/

#main ul {
}

/* li : 基本テーブル
----------------------------------------------------*/

main table {
    border-collapse: collapse;
}

/*  floating : 回り込み関係
----------------------------------------------------*/

.floatL {
    float: left;
}
.floatR {
    float: right;
}

.clearL {
    clear: left;
}
.clearR {
    clear: right;
}
.clearB {
    clear: both;
}

/*  align : 行揃え関係
----------------------------------------------------*/

.alignL {
    text-align: left;
}
.alignR {
    text-align: right;
}
.alignC {
    text-align: center;
}

/*  .color-btn : カラーボタン
----------------------------------------------------*/
.color-btn {
    display: inline-block;
    padding: 15px 12%;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-family: 'Mykokoro', serif;
}
.color-btn.blu-btn {
    color: #fff;
    background: -webkit-linear-gradient(60deg, #55a0f4, #81a7ed);
    background: -moz-linear-gradient(60deg, #55a0f4, #81a7ed);
    background: -o-linear-gradient(60deg, #55a0f4, #81a7ed);
    background: linear-gradient(60deg, #55a0f4, #81a7ed);
}
.color-btn.blk-btn {
    color: #fff;
    background: #fff;
    padding: 4px 3% 8px;
    border: 1px solid #544f49;
    vertical-align: top;
    color: #544f49;
}
.color-btn.gry-btn {
    color: #544f49;
    background: #a6b8d2 url(../img/bg_blue_paper.png) right top;
}
.color-btn.nb-btn .arr,
.color-btn.blk-btn .arr {
    background: url(../img/ico/ico_arrow_blk_rgt-thn.png) no-repeat right 0.6em;
    color: #544f49;
}
.color-btn.blu-btn .arr {
    background: url(../img/ico/ico_arrow_wht_rgt-thn.png) no-repeat right center;
}
.color-btn.gry-btn .arr {
    background: url(../img/ico/ico_arrow_wht_rgt-thn.png) no-repeat right center;
}
.color-btn.prevBtn .arr {
    padding-right: 0;
    padding-left: 20px;
    background: url(../img/ico/ico_arrow_blk_lft-thn.png) no-repeat left 0.6em;
}
.color-btn.wht-btn {
    background: #fff;
    color: #000;
}
.color-btn.wht-btn:hover {
    background: #f1feff;
}
.color-btn .arr {
    padding-right: 20px;
    font-size: 120%;
}
.color-btn.gry-btn:hover {
    background-color: #e8f1ff;
}

.blu-btn:hover,
.color-btn:hover {
    opacity: 0.6;
}

br.sp {
    display: none;
}

.scroll {
    overflow: auto;
    white-space: nowrap;
    margin-bottom: 4%;
}
.scroll table {
    margin-bottom: 0 !important;
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar {
    height: 5px;
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-track {
    background: #f6f5f5;
}
/*tableにスクロールバーを追加*/
.scroll::-webkit-scrollbar-thumb {
    background: #544f49;
}

/*  h1#pageTitle : ページタイトル
----------------------------------------------------*/
h1#pageTitle {
    position: relative;
    color: #544f49;
    padding: 4% 0 2%;
    font-weight: normal;
    font-family: 'MyKokoro';
}
h1#pageTitle .engTitle {
    position: relative;
    display: block;
    text-transform: uppercase;
    font-size: 65%;
    margin-bottom: 3px;
    padding-top: 43px;
    letter-spacing: 5px;
}
h1#pageTitle .engTitle:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 70px;
    height: 36px;
    margin: auto;
    background: url(../img/ico/ico_fuji_lrg_brush.png) no-repeat top center;
}

/*  h2 : 見出し2
----------------------------------------------------*/
h2 {
    font-weight: normal;
    text-align: center;
    font-family: 'MyKokoro';
    font-weight: 200;
    font-size: 160%;
    margin: 0 0 4%;
}
main h2 {
    padding-top: 44px;
    background: url(../img/ico/ico_fuji_lrg_brush.png) no-repeat top center;
}
main #attractionArea h2 {
    font-weight: 100;
    background-image: url(../img/ico/ico_fuji_blk-lrg_brush.png);
}
h2 .eng {
    font-size: 60%;
    display: block;
}
/*  rt : ルビ
----------------------------------------------------*/
ruby rb {
}
/*  .eng
----------------------------------------------------*/
.eng {
    font-family: 'Playfair Display', serif;
    font-family: 'Cinzel', serif;
    font-weight: 400;
}
/*  .postList : 記事リスト
----------------------------------------------------*/
main .postList {
    justify-content: flex-start;
}

.postList li a {
    display: block;
}
.postList li .externalLink {
    padding-left: 0;
    background: none;
}
.postList li .photo {
    overflow: hidden;
    display: block;
    margin-bottom: 10px;
    height: 220px;
    position: relative;
    background: #000;
}

.postList li .photo img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    padding: 0;
    object-position: 0px 0px;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.postList li a:hover .photo img {
    opacity: 0.7;
}
.date {
    font-size: 90%;
    color: #544f49;
}
main .category {
    display: inline-block;
    padding: 4px 10px;
    margin-left: 6px;
    line-height: 1;
    font-size: 90%;
}
#entryBody h2 strong,
.postList li a > strong {
    display: block;
    font-weight: normal;
    margin-top: 5px;
}
.postList a {
    text-decoration: none;
    color: #544f49;
}
.postList .price {
    display: block;
    font-size: 80%;
}
.postList .price br + br {
    display: none;
}
.postList li .photo.noimage {
    background: #f5f5f5 url(../img/ico/ico_fuji_lrg_brush.png) no-repeat center
        center;
}
.price strong {
    color: #ea6e80;
    font-size: 170%;
    font-weight: normal;
    display: inline-block;
}
.komeText {
    display: block;
    font-size: 80%;
    line-height: 1.5;
}
.planTypes {
    display: inline-block;
    border-radius: 3px;
    padding: 4px 10px;
    font-size: 50%;
    font-family:
        'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    margin-right: 10px;
    background: #f1f1f1;
}
.postList li .begining {
    font-size: 82%;
    display: block;
    line-height: 1.5;
}
/*------------------------------------------------------------
	サムネイル画像比率設定
------------------------------------------------------------*/
body#home #newsArea li .photo {
    height: 0;
    padding: 61% 0 0;
}
#planArea .postList li .photo,
body#home #planArea li .photo {
    height: 0;
    padding: 54% 0 0;
}
body.group #wrapper .postList .photo,
body.news #wrapper .postList .photo,
body.plan #wrapper .postList .photo {
    height: 0;
    padding: 72% 0 0;
}
body.eco .postList .photo {
    height: 0;
    padding: 66% 0 0;
}
body.uraroji .postList .photo {
    height: 0;
    padding: 53% 0 0;
}
body.staffblog .staffblogList .photo {
    padding: 30% 0 0;
}

body#spendMtfujiIndex main #assetsArea .photo,
body#spendSightseeing .postList .photo {
    height: 0;
    padding: 66% 0 0;
}

/* カラム設定
-----------------------------------------------------------*/
.culum3 {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.culum3 li {
    margin-bottom: 3%;
    width: 31%;
}
.culum3 li:nth-of-type(3n-1) {
    /*margin:0 2% 3%;*/
}
.culum4 {
    display: -webkit-flex;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.culum4 li {
    flex: 1 0 23%;
    margin: 0 2.6% 3% 0;
}
.culum4 li:last-of-type {
    margin-right: 0;
}

/* ボーダーアニメ
-----------------------------------------------------------*/
.bdr-anime {
    position: relative;
}
.bdr-anime:before,
.bdr-anime:after,
.bdr-anime a:before,
.bdr-anime a:after,
.bdr-anime span:before,
.bdr-anime span:after {
    background: rgba(255, 255, 255, 0.5);
    display: block;
    content: '';
    position: absolute;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 1;
}
.bdr-anime:before,
.bdr-anime:after {
    width: 1px;
    height: -webkit-calc(100% - 20px);
    height: calc(100% - 20px);
    margin: auto 0;
    top: 0;
    bottom: 0;
}
.bdr-anime a:before,
.bdr-anime a:after,
.bdr-anime span:before,
.bdr-anime span:after {
    height: 1px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 0 auto;
    left: 0;
    right: 0;
}
.bdr-anime:before {
    left: 6px;
}
.bdr-anime:after {
    right: 6px;
}
.bdr-anime a:before,
.bdr-anime span:before {
    top: 6px;
}
.bdr-anime a:after,
.bdr-anime span:after {
    bottom: 6px;
}

.bdr-anime:hover:before {
    left: 10px;
}
.bdr-anime:hover:after {
    right: 10px;
}
.bdr-anime:hover a:before,
.bdr-anime:hover span:before {
    top: 10px;
}
.bdr-anime:hover a:after,
.bdr-anime:hover span:after {
    bottom: 10px;
}
/* slick
-----------------------------------------------------------*/
#wrapper .slick-prev {
    background: url(../img/ico/ico_arrow_nrw_blk_lft.png) no-repeat center
        center;
}
#wrapper .slick-next {
    background: url(../img/ico/ico_arrow_nrw_blk_rgt.png) no-repeat center
        center;
}
.tablet #wrapper .slick-next,
.tablet #wrapper .slick-prev {
    display: none !important;
}
.slick-slider .slick-slide {
    margin: 0 10px;
}
.slick-slider .slick-slide img {
    width: 100% !important;
}
/*  .bdr-R
----------------------------------------------------*/
.bdr-R {
    position: relative;
}
.bdr-R:after {
    content: '';
    height: 1px;
    width: 23%;
    background: #ddd;
    display: inline-block;
    margin-left: 0.8em;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
/*  .bdr-RL
----------------------------------------------------*/
.bdr-RL {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
}
.bdr-RL:after,
.bdr-RL:before {
    content: '';
    width: 12%;
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    position: relative;
    display: block;
}
.bdr-RL:after {
    margin-left: 7px;
}
.bdr-RL:before {
    margin-right: 7px;
}
/*  .contactArea
----------------------------------------------------*/
.contactArea {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    width: 100%;
    padding: 3% 0;
}
body.bg .contactArea {
    background: #fafafa;
}
#wrapper .contactArea h2 {
    background: #5f5b57 url(../img/bg_black_paper.png) repeat left bottom;
    width: 43%;
    color: #fff;
    padding: 43px 25px;
    font-size: 120%;
    margin-bottom: 0;
    line-height: 1.2;
}
#wrapper .contactArea h2 .eng {
    color: #d0d8e7;
}
.contactArea .boxR {
    width: 26%;
    text-align: center;
}
#wrapper .contactArea .boxR .dial {
    font-family: 'MyKokoro';
    position: relative;
    font-size: 110%;
    margin-bottom: 10px;
}

.contactArea .boxR .dial span {
    display: inline-block;
    z-index: 1;
    position: relative;
}
.contactArea .boxR .telBox .telNumber {
    font-size: 140%;
    line-height: 1.2;
}
@media screen and (max-width: 1345px) {
    .contactArea .boxR .telBox .telNumber {
        display: block;
    }
}

.contactArea .formBtn {
    position: relative;
}
.contactArea .formBtn .color-btn {
    width: 220px;
    margin: 0 auto;
    display: block;
    background: none;
}
.contactArea .formBtnPlan {
    position: relative;
}
.contactArea .formBtnPlan .color-btn {
    width: 280px;
    margin: 0 auto;
    display: block;
    background: none;
}
/*動画タイトル*/
#movieTitle {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    margin-top: 40px;
    margin-bottom: 9%;
    background: url(../../room/img/kihin/bg_d-brown_paper.png);
}
#movieTitle h1 {
    color: #ebe6e5;
}
#movieTitle .boxL {
    position: relative;
    width: 36%;
}
#movieTitle #pageTitle {
    position: relative;
    padding: 4% 0;
}
#wrapper #movieTitle .engTitle {
    padding-top: 43px;
}
#movieTitle .movieBox {
    width: 64%;
    height: 24vw;
    position: relative;
    overflow: hidden;
}
#movieTitle .movieBox video {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#movieTitle #pageTitle:after {
    display: none;
}
#movieTitle + .innerWidth .pan {
    position: absolute;
    padding: 0;
    z-index: 99;
    top: -28px;
    left: 20px;
}
/*横並びタイトル*/

#sideTitle {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
    margin-top: 40px;
    margin-bottom: 7%;
    background: url(../../room/img/kihin/bg_d-brown_paper.png);
}
#sideTitle .boxL {
    position: relative;
    width: 36%;
}
#sideTitle h1 {
    color: #ebe6e5;
}
#sideTitle #pageTitle {
    position: relative;
    padding: 4% 0;
}
#wrapper #sideTitle .engTitle {
    padding-top: 43px;
}
#sideTitle .visualBox {
    width: 64%;
    height: 24vw;
    position: relative;
    overflow: hidden;
}
#sideTitle .visualBox img {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#sideTitle #pageTitle:after {
    display: none;
}
#sideTitle + .innerWidth .pan {
    position: absolute;
    padding: 0;
    z-index: 99;
    top: -28px;
    left: 20px;
}
/*  #fullTitle
----------------------------------------------------*/
#fullTitle {
    overflow: hidden;
    padding-top: 40px;
    margin-bottom: 4%;
}
#fullTitle .visual img {
    width: 100%;
    height: auto;
}
#fullTitle .bg-brw {
    box-sizing: content-box;
    /*background:rgba(30,18,4,0);*/
    padding: 4% 0;
    width: 11%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: flex-start;
}
#fullTitle .bg-brw img {
    width: 100%;
    height: auto;
}
#fullTitle .bg-brw .copy001 {
    width: 20%;
}
#fullTitle .bg-brw .copy002 {
    width: 20%;
    margin-top: 30%;
}
#fullTitle .bg-brw .title {
    width: 41%;
    margin: 14% 4% 0;
}
#fullTitle #pageTitle:after {
    display: none;
}
/*  .branchList li
----------------------------------------------------*/
.branchList {
}
.branchList li {
    text-align: center;
    width: 32%;
}
.branchList li .photo {
    display: block;
    margin-bottom: 2%;
    background: #000;
}
.branchList li a {
    color: #544f49;
}
.branchList li .photo img {
    display: block;
    width: 100% !important;
    height: auto;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    opacity: 1;
}
.branchList li:hover .photo img {
    opacity: 0.85;
}
.branchList li strong {
    display: block;
    margin-bottom: 5px;
    position: relative;
    font-size: 140%;
    font-weight: normal;
    font-family: 'Mykokoro', serif;
}
/*  table001 基本テーブル
----------------------------------------------------*/
table.table001 th,
table.table001 td {
    border-bottom: 1px solid #ececec;
    text-align: left;
    font-family:
        'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    padding: 10px 14px;
    font-size: 90%;
}
table.table001 {
    width: 100%;
    border-top: 1px solid #ececec;
    margin-bottom: 4%;
}
table.table001 th {
    background: #f6f5f5;
    font-weight: normal;
}
table.table001 td {
    background: #fff;
}
/*  dialBox お問い合わせ
----------------------------------------------------*/
main .dialBox h3 {
    font-size: 100%;
    font-weight: normal;
    margin-bottom: 2%;
}
main .dialBox {
    margin: 4% 0;
    text-align: center;
    padding: 3%;
    font-family: 'Mykokoro', serif;
    font-size: 140%;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}
#wrapper main .dialBox p {
    margin-bottom: 0.4em;
}

main .dialBox {
    text-align: center;
    padding: 3% 0;
    margin: 4% 0;
    font-family: 'Mykokoro', serif;
    font-size: 140%;
    background: #f6f5f5;
    border: none;
}
main .dialBox .color-btn {
    background: none;
    font-size: 70%;
}
main .dialBox span {
    display: block;
}
main .dialBox .telNumber {
    font-size: 170%;
    line-height: 1.2;
    margin-bottom: 10px;
}
main .dialBox .timeZone {
    font-size: 80%;
    font-family:
        'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*  .normal
----------------------------------------------------*/
main h2.normal {
    font-weight: normal;
}
/*  .pagenation
----------------------------------------------------*/
#wrapper .pagenation {
    text-align: center;
    margin-bottom: 6.4%;
}
#wrapper .pagenation li {
    display: inline-block;
    margin: 0 0.2%;
}
#wrapper .pagenation li a {
    display: block;
    line-height: 1;
    background: #ededec;
    border-radius: 3px;
    padding: 15px;
    color: #544f49;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

#wrapper .pagenation li a:hover {
    opacity: 0.6;
}
#wrapper .pagenation li .current_page {
    display: block;
    line-height: 1;
    border-radius: 3px;
    padding: 15px;
    background: url(../img/bg_black_paper02.png);
    color: #ebe6e5;
}
#wrapper .pagenation li .link_before,
#wrapper .pagenation li .link_next {
    padding: 15px 32px;
}

/*  .ico_nosmoking
----------------------------------------------------*/
/*.ico_nosmoking{
	background:url(../svg/ico_nosmoking.svg) no-repeat center left;
	padding:5px;
	padding-left:38px;
}*/

/*  .ico_wifi
----------------------------------------------------*/
.ico_wifi {
    background: url(../svg/ico_wifi.svg) no-repeat center left;
    padding-left: 24px;
}
/*  .acc-btn アコーディオンのときのボタン
----------------------------------------------------*/
.acc-btn {
    background: #f6f5f5 url(../img/ico/ico_arrow_down.png) no-repeat center
        center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: block;
    outline: none;
    margin: 0 auto 30px;
}
.acc-btn.action {
    transform: scaleY(-1);
    filter: FlipV;
    -ms-filter: 'FlipV';
}
.acc-btn:hover {
    opacity: 0.4;
}
.acc-btn + .acc-content {
    -webkit-animation: fade 0.6s ease-out 0.5s 1 forwards;
    animation: fade 0.6s ease-out 0.5s 1 forwards;
    display: none;
    padding: 4% 0 0;
}
/*@-webkit-keyframes fade{
  0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fade{
  0% {opacity:0;}
  100% {opacity:1;}
}*/

/*  #categoryNav カテゴリーナビ
----------------------------------------------------*/
#categoryNav {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 4%;
    clear: both;
    gap: 10px 20px;
}
#categoryNav li {
    display: block;
    width: fit-content;
}
#categoryNav li:last-of-type {
    margin-right: 0;
}
#categoryNav li a {
    white-space: nowrap;
    color: #544f49;
    display: block;
    display: block;
    padding: 7px 1em;
    text-align: center;
    font-family: 'Mykokoro', serif;
    font-size: 120%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    border: 1px solid #ded7ce;
    background-image: none;
}

#categoryNav li span {
    padding-right: 18px;
    background: url(../img/ico/ico_arrow_blk_rgt-thn.png) no-repeat right center;
}
#categoryNav li a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 1200px) {
    .postList li .photo {
        height: 18vw;
    }
    #categoryNav {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }
    #categoryNav li {
        flex-grow: none;
        width: 100%;
    }
    #categoryNav li:nth-of-type(2n) {
        margin-right: 0;
    }
}
.postList li {
    margin-right: 2%;
}
.postList li:nth-of-type(3n) {
    margin-right: 0;
}

@media screen and (max-width: 860px) {
    main .postList li {
        width: 48.7%;
        margin-right: 2%;
    }
    main .postList li:nth-of-type(2n) {
        margin-right: 0;
    }
    .postList li .photo {
        height: 27vw;
    }
}
/*  .socialBtns　SNSボタン
----------------------------------------------------*/
#wrapper .socialBtns {
}
#wrapper .socialBtns li {
}
.socialBtns .fb_iframe_widget {
    height: 20px;
}
.socialBtns .fb_iframe_widget span {
    vertical-align: top !important;
}

/*  前の記事　次の記事
----------------------------------------------------*/
main .prevnext_post {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 4%;
    flex-direction: row-reverse;
}
main .prevnext_post li {
    min-width: 30%;
    padding: 10px 17px;
    background: #ededec;
    margin: 0 1%;
    border-radius: 3px;
    line-height: 1;
    text-align: center;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
main .prevnext_post li:hover {
    opacity: 0.6;
}
main .prevnext_post li a {
    padding-right: 17px;
    background: url(../img/ico/ico_arrow_blk_rgt-thn.png) no-repeat center right;
}

.activity_flow_area {
    margin-top: 60px;
    border: 1px solid #e5e5e5;
    padding: 4%;
    .flow_list {
        counter-reset: list-num;
        line-height: 1.4;
        & > li {
            counter-increment: list-num;
            display: flex;
            align-items: start;
            margin-bottom: 10px;
            &::before {
                content: counter(list-num);
                flex-shrink: 0;
                display: inline-flex;
                justify-content: center;
                translate: 0 0.2em;
                align-items: center;
                margin-right: 0.3em;
                width: 1.5em;
                height: 1.5em;
                font-size: 90%;
                border-radius: 50%;
                background: #544f49;
                color: #fff;
            }
        }
    }
}

/*--EOF-----------------------------------------------------------------------*/