@charset "utf-8";

html { width:100%;height:100%; }
body {
    width:100%;
    height:100%;
    margin: 0;
    padding: 0;
    text-align:center;
    font:16px 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    line-height:1.6;
    letter-spacing: 0.05em;
    font-weight: normal;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

form,ul,dl,dt,dd,.site-title,h1,h2,h3,h4,h5,h6,section,article { padding:0; margin:0; }
li { padding:0; margin:0; list-style:none; }

select,input,button,textarea,button {
    font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size:inherit;
    transition: .2s linear;
}
section:focus { outline: none; }
.hidden { overflow: hidden; }

/* ----- リンク要素 ----- */
a,a:link,a:visited,a:active,a:hover {
    cursor: pointer;
    text-decoration: none;
    overflow:hidden;
    outline:none;
    transition: .2s linear;
	/* -webkit-backface-visibility: hidden;
    backface-visibility: hidden; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.single .entry-content .inner a:hover,
.sidebar a:hover { text-decoration: underline; }

.white a,
.white a:link,
.white a:visited,
.white a:active { color: #fff; }
.white a:hover { color: #fe4; }

img { border:none; }
a img { border: none; overflow: hidden;transition: .2s linear; }
a:hover img { opacity: 0.7; }

/* ScrollTrigger */
/*
.invisible { transition: opacity 0.5s ease;opacity: 0.0; }
.visible { transition: opacity 0.5s ease;opacity: 1.0; }
*/

/* parallax-background */
.parallax {
	width: 100%;
    height: auto;
	min-height: 400px;
}
.parallax-inner { background-size:100% auto !important;top: 0; }


/* ============================= ヘッダー・フッターなど共通CSS =============================== */

/* ==================================================================
　　ロゴ - header / footer / nav
================================================================== */

.homelogo { font-size: 1em; }
.homelogo a {
    background-size: 100% auto;
    background-repeat:no-repeat;
    display: block;
    text-indent: 160%;
    white-space: nowrap;
    overflow:hidden;
}
.homelogo a:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}

.site-title.homelogo a {
    background-position: 0% 0%;
    background-size: 100% auto;
}


/* ==================================================================
　　ヘッダー - .site-header
================================================================== */

header.site-header {
    width:100%;
    position: relative;
    z-index: 23;
}

/* ---------------------------------------------------
　ハンバーガーメニュー - nav#fixed ul
--------------------------------------------------- */

#switchBtnArea .hamburger {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    margin: 0 auto;
    color: #fff;
}
#switchBtnArea .hamburger::after { content:'メニュー';display: block;padding-top: 62.5%; }
#switchBtnArea .hamburger.btnClose::after { content:'とじる'; }

#switchBtnArea .hamburger span {
    width: 44%;
    height: 3px;
    left: 27.8%;
    display: block;
    position: absolute;
    background-color: #fff;
    transition: .15s ease-in-out;
}
#switchBtnArea .hamburger span:nth-of-type(1) {
    top: 1.7em;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
#switchBtnArea .hamburger span:nth-of-type(2) {
    top: 2.54em;
    -webkit-transform: scale(1);
    transform: scale(1);
}
#switchBtnArea .hamburger span:nth-of-type(3) {
    top: 3.38em;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

#switchBtnArea .hamburger.btnClose { background: transparent; }
#switchBtnArea .hamburger.btnClose span:nth-of-type(1) {
    top: 2.54em;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#switchBtnArea .hamburger.btnClose span:nth-of-type(2) {
    -webkit-transform: scale(0);
    transform: scale(0);
}
#switchBtnArea .hamburger.btnClose span:nth-of-type(3) {
    top: 2.54em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mainnav_wrap {
    width: 100%;
    z-index: 14;
    transition: all .4s;
    display: block;
}

.mainnav_wrap.open {
    display: block;
    opacity: 1;
    transition: all .4s;
    visibility: visible;
}
.mainnav_wrap.open a { color: #fff; }


/* ---------------------------------------------------
　メインナビ - header > nav#fixed > ul > li
--------------------------------------------------- */

nav#fixed { text-align: left;z-index: 25; }
nav#fixed > ul { height: 100%; }

/* ----- 常時表示固定 - header > nav#fixed > ul > li.fix ----- */
nav#fixed > ul > li.fix { font-weight: bold; }
nav#fixed > ul > li.fix li {
    font-size: 0.75em;
    line-height: 1.35;
    vertical-align: middle;
}

nav#fixed > ul > li.fix li > a::before { display: inline-block; }


/* ---------------------------------------------------
　SNSボタン - header nav ul li.social / article footer ul.social
--------------------------------------------------- */

.social { text-align: center; }
.social p { margin: 0;line-height: 1; }
.social .sns { padding-bottom: 3px;margin: 0 auto; }
.social .sns i { margin-right: 0;display: block; }
.social .sns a {display:inline-block;font-size: 1.125em;padding: 0.16em 0.3em; }


/* ----- 記事上下のみ ----- */
article .social { font-size:1.313em;display: inline-block; }
article .social li:not(.fb_btn) { width: 2em;height: 2em;margin-right: 0.14em;display: inline-block; }
article .social li:not(.lang) a { width: 100%;height: 100%; border-radius: 50%; }
.single .p-page-header__date { margin: 0.5em 0 0.5em 1em;display: inline-block; }
.single article .social li a { color: #fff; }
.entry-content .social li a:hover { background: #333 !important;text-decoration: none; }
article .social li a:hover i { -webkit-transform: scale(1.1);transform: scale(1.1);transition: .2s linear; }
article .social li.fb_btn { margin: 0 10px 0 0; display: block;float: left; }
article .social li.fb_btn > iframe { height: 2em !important;margin-bottom: 0; padding: 0.35em 0 0 0.2em;background: #1877f2;border-radius: 1em; }
article .social li.facebook a { background: #1877f2; }
article .social li.twitter a { background: #55acee; }
article .social li.line a { background: #00b900; }
article .social li.pocket a { background: #ee4056; }
article .social li i { margin-left:15%; }

/* ----- 言語切り替え ----- */

.social .lang a,
.social .lang span{
    width: 35%;
    margin:0;
    padding: 0.45em 0.9em 0.35em 0.9em;
    font-size: 0.75em;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #000;
    vertical-align: top;
}
.social .lang a { opacity: 0.5; }


/* ---------------------------------------------------
　グローバルナビ - header > nav#fixed > ul > li.global
-------------------------------------------------- */

.global { margin-top: 1em; }

.global > ul {
    width: 100%;
    position: relative;
}

.global li {
    width: 100%; 
    margin: 0;
    padding: 0;
    font-size: 1em;
    letter-spacing: 0.08em;
    line-height: 1.5;
}

.global li span {
    margin-left: 1em;
    font-size: 0.875em;
    letter-spacing: 0.05em;
    display: inline-block;
    font-weight: bold;
}

.global > ul > li { padding: 0.5em 0; }
.global > ul > li a { display: block;font-weight: bold; }
.global > ul > li a::before { font-size: 0.6em; }

/* ----- グローバルナビ　ドロップダウン ----- */
.global ul ul { /*2段目*/
    margin-top: -3.2em;
    padding: 0;
    position: absolute;
    z-index: 18;
    font-size: 0.867em;
    left: 110px;
}

.global li li { /*2段目のリスト項目*/
    width: 12.7em;
    height: 0;
    position:relative;
    display: block;
    overflow: hidden;
    transition: .3s;
    clear: both;
}
.global li:hover li{ height: 2.7em;overflow: visible;border-top: 1px dotted rgba(255,255,255,0.3); }
.global li li.long a,
.global li:hover li.long { height:4em; }
.global li:hover li:last-child { border-bottom: 1px dotted rgba(255,255,255,0.3); }

.global li li a{
    width: 100%;
    height: 2.7em;
    padding: 0.6em 0.4em 0.5em 0.8em;
    background-color: rgba(0, 0, 0, 0.9);
    color: #000;
    display:block;
    text-align: left;
    color: #fff;    
}


/* ==================================================================
　　フッター - footer
================================================================== */

/* ----- ページトップ ----- */
#pagetop {
    width: 65px;
    height: 65px;
    right: 10px;
    z-index: 10;
    position: fixed;
    bottom: 25px;
    color: #fff;
    font-size: 50px;
    text-shadow: 0 0 10px rgba(0,0,0,0.3);
}
#pagetop a {
    display: block;
    margin: 0 auto;
    padding: 10px;
}
#pagetop a::before { content: "\f0aa";margin:0; }

.links .base_links a,
section.localnavi ul li a {
    padding: 0.4em 0;
    display: inline-block;
    vertical-align:middle;
}
.links .base_links a:hover,
section.localnavi ul li a:hover {
    margin-bottom: -0.4em;
    padding-top: 0;
    border-bottom: 0.25em solid #000;
    color:#000;
}

/* ----- フッター全体 ----- */
footer.site-footer {
    width: 100%;
    margin-top: 3em;
    line-height: 1.4;
    clear:both;
    position: relative;
}
footer .inner { max-width: 980px;margin: 0 auto; }

/* ----- ページリンク群 - footer > section.links ----- */
.links { margin:0 2em; text-align: right;line-height: 1.6; }

.links .base_links {
    margin: 6em 0 0.1em 0;
    line-height: 1;
}
.base_links li {
    margin:0.3em 0;
    display: inline-block;
    font-weight: bold;
    font-size: 0.938em;
}
.base_links li:not(:last-child)::after {content: '/';padding:0 1.2em;}

/* ----- コピーライト ----- */
.links .copy { margin: 0.5em 0 0 0;text-transform:uppercase;clear: both;display: block; }


/* ----------------------------------------------
　　系列施設リンク群 - footer > section.group_links
---------------------------------------------- */

.group_links{
width: 100%;
padding: 50px 0;
overflow: hidden;
background-size: cover;
background-position: 50% 50%;
font-size: 12px;
}
.japanmap{width: 50%;float: left;}

.group_links ul,
.group_links ul li,
.group_links ul li a{line-height: 1.4;}
.group_links ul li img.icon{display: block;position: relative;z-index: 50;}
.group_links ul li img.logo{margin:0 auto 5px auto;display: block;}
.group_links ul li span{display: block;margin-bottom:3px;}
.group_links ul li b{font-size: 13px;}
.group_links ul li a,
.group_links ul li a:link,
.group_links ul li a:visited,
.group_links ul li a:active{padding: 6px 0 10px 0;display: block;background: rgba(255,255,255,0.7);color:#444;}
.group_links ul li a:hover{background: rgba(255,255,255,1);color:#000;text-decoration:none;}

/* ----- スキー場 - ul.ski ----- */
.group_links ul.ski li a {padding: 0;}
ul.ski{width: 50%;margin-bottom: 0;padding-left: 28px;display: block;float: right;}
ul.ski li{float: none;clear: both;vertical-align: middle;margin: 0;}
ul.ski li img.icon{float: left;margin: -12px 20px 0 -30px;position: absolute;}
/*ul.ski li:first-child img.icon{margin-top: -25px;}*/
ul.ski li img.logo{float: left;margin: 5px 15px 0 42px;}
ul.ski li.no1 img.logo{margin-top: 10px;}
ul.ski li.no6 img.logo{margin-top: 0;}
ul.ski li span{padding-top: 12px;}

/* ----- その他施設 - ul.other ----- */
ul.other{width: 100%; clear:both;padding-top: 55px;}
ul.other li{width: 16.66667%;display: inline-block;text-align: center;float: left;margin: 0;}
ul.other li img.icon{margin: -30px auto 0 auto;}
ul.other li a {min-height: 185px;overflow: visible;}

 
/* ==================================================================
　　その他
================================================================== */

/* ------------------------------
　　FlexBox
------------------------------ */

.flexbox,
.sidebar,
.rowlist,
.today .photo,
.hfeed .site-main,
.headphoto.titlearea,
.social li:not(.lang) a,
.mainnav_wrap.open .basemenu .social {
    display:-webkit-box;
  	display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.flexbox,
.today .photo,
.headphoto.titlearea,
.social li:not(.lang) a {
    -webkit-box-align: center;
	-ms-flex-align: center;
    align-items: center;
}

.flexbox.base_factor {
    -webkit-box-align: start;
	-ms-flex-align: start;
    align-items: flex-start;
}

.flexbox,
.rowlist,
.hfeed .site-main,
.social li:not(.lang) a,
.mainnav_wrap.open .basemenu .social {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
    justify-content: center;
}

/* ------------------------------
　　リンクボタン - .button
------------------------------ */

.site-main .link_more {
    display:inline-block;
    margin:0 0.8em 0.4em 0;
    padding:1em 5em;
    color:#fff;
    font-weight: bold;
    border-radius:10px;
    letter-spacing:0.2em;
    transition:all 300ms cubic-bezier(0.68, -0.1, 0.265, 1.55);
    overflow: hidden;
}
.site-main .link_more.none { margin-right: 0; }
.site-main .link_more.line {
    background-color: transparent;
    border: 1px solid #222;
    color: #222;
}
.site-main .link_more.line.white { border: 1px solid #fff;color: #fff; }

.site-main .link_more:hover {
    margin:0.4em 0.8em 0 0;
    padding:1em 5.5em;
 }
.site-main .link_more.line:hover { background-color: #222;color: #fff; }
.site-main .link_more.line.white:hover { background-color: #fff;color: #000; }

.site-main .link_more.w_100 { margin: 0.2em auto;padding-left: 0;padding-right: 0; }
.site-main .link_more.w_100:hover { margin: 0 auto;padding:1.2em 0; }

/* ------------------------------
　　アイコン表示
------------------------------ */

i { margin-right: 0.3em; }
i.fa-phone-volume { -webkit-transform: rotate(-30deg);transform: rotate(-30deg);margin-right: 2px; }

.icon::before,
.sub-title.icon span::before,
.widget h2::before,
.global > ul > li > a::before,
a.link_more::before,
.breadcrumb li:not(:last-child)::after,
.search-submit:before {
    font-family: "Font Awesome 5 Free";
    margin-right: 0.3em;
    font-weight: 900;
    display: inline-block;
}
/* Arrow */
.global > ul > li > a::before,
.site-main .link_more::before,
.arrow::before { content: "\f0da";margin-right:0.8em; }
.global > ul > li > a:hover::before,
.site-main .link_more:hover::before,
.arrow:hover::before { margin-left:0.2em;margin-right:0.6em;transition: .2s linear; }
/* Folder */
.widget_categories h2::before,
.categoryicon::before,
.c-meta-box__item--category::before { content: "\f07b"; }
/* Clock */
.widget_archive h2::before,
article .p-page-header__date::before,
.clock::before{ content: "\f017"; }
/* Comment */
.c-meta-box__item--comment::before { content: "\f075"; }

/* Other */
.site::before { content: "\f2d2";font-weight: 400; }
.mapmarker::before { content: "\f3c5"; }
.mapmarker2::before { content: "\f5a0"; }
.phone::before { content: "\f2a0";-webkit-transform: rotate(-30deg);transform: rotate(-30deg);margin-right:0.2em; }
.mail::before { content: "\f0e0"; }
.check::before { content: "\f058"; }
.check2::before { content: "\f00c"; }
.house::before { content: "\f015"; }
.pdf::before { content: "\f1c1";font-size: 1.1875em; }
.moon::before { content: "\f186"; }
.sun::before { content: "\f185"; }
.train span::before { content: "\f238"; }
.fa-file-pdf { font-size: 1.313em;margin:0 0.4em 0 0.1em; }
.search-submit:before { content: "\f002";margin-right: 0; }



/* =============================　下層ページ CSS =============================== */

/* ==================================================================
　　主要コンテンツ共通エリア - 
================================================================== */

.content-area { margin-top: 3.25em; padding-right:1.7em; }
article > section,
.otherbg { padding: 0 5%;clear: both; }

article > section > .inner,
.otherbg .inner,
.hfeed .site-main,
.single article,
.site-main .comments-area { width: 96%; margin: 0 auto;padding: 4em 0 5em 0;text-align: left; }

article > section > .inner,
.search .site-main,
.single article,
.site-main .comments-area { max-width: 1115px; }

.search .site-main,
article > section:first-child { margin-top: -2em; }
.hfeed .site-main { text-align: center; }
.hfeed:not(.search) .page-header { width: 100%;padding: 0 0 2% 2%; }
.search .page-header { width: 100%; padding: 0 0 2% 0; }
.single article { padding-bottom: 0; }


/* ------------------------------
　　ヘッダー　タイトル
------------------------------ */

.normal_title { font-size:1.125em;padding-bottom: 0.5em; line-height: inherit;font-weight: normal; }

/* ----- 大見出し 装飾 - .section-title ----- */
.site-main .section-title {
    font-size: 2em;
    letter-spacing: 0.1em;
    line-height: 1.4;
    display: inline-block;
}
.gelande .today .section-title { margin-bottom: -1em; }
.gelande .today .section-title span { letter-spacing: 0.05em;padding-left: 0.5em; }
.section-title b { font-size: 0.75em; }

/* ----- 中見出し カラー下線 - .sub-title ----- */
.site-main .sub-title {
    margin: 0 auto 1em auto;
    font-size: 1.375em;
    display: block;
    line-height: 2.5;
}
.site-main section > .inner > .sub-title { margin-top: 0.8em; }
.site-main .sub-title.none { margin-top: 0.4em;margin-bottom: 0.4em; }
.sub-title span {
    border-bottom: 0.25em solid #fff;
    padding-bottom: 0.45em;
    display: inline;
}

/* ----- 小見出し 左右末広がりライン - .sub-title.no2 ----- */
.site-main .sub-title.no2 {
    margin-bottom: 0.5em;
    padding: 0 0.5em;
    line-height: inherit;
}
.sub-title.no2::before,
.sub-title.no2::after {
    width: 1px;
    height: 1.4em;
    margin-top: 0.2em;
    content: '';
    position: absolute;
    border-left: 2px solid #fff;
}
.sub-title.no2::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.sub-title.no2::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.sub-title.no2 span { font-size: 0.955em; border-bottom: none;padding: 0 0.8em; }

/* ----- 見出し 濃色帯 - .bg_black ----- */
.site-main .bg_black {
    margin: 3em auto 1em auto;
    padding: 0.3em 0.5em 0.3em 1em;
    color: #fff;
    font-size: 1.375em;
    letter-spacing: 0.1em;
}
.bg_red {
    width: auto;
    margin: 0;
    padding: 0.5em 1.5em !important;
    background-color: #e60000;
    color: #fff;
    text-align: center;
    display: inline-block;
}
.bg_white {
    width: 100%;
    margin:2em auto;
    padding: 1em;
    background-color:#fff;
    text-align:center;
    box-shadow: 0 0 10px rgba(0,0,0,0.15);
}
.bg_white img { display: block;margin: 0 auto; }


/* ------------------------------
　　ヘッダー ナビ・画像
------------------------------ */

/* ----- ページヘッダー ----- */
.container.banner{ padding-top: 3%; }
.headphoto{
    height: 390px;
    background-repeat:no-repeat;
    background-position:center center;
    background-size:cover;
}
.headphoto.main_img {
    width:65%;
    position: absolute;
    z-index: 10;
    top:0;
    right: 0;
}

.headphoto.titlearea {
    width: 65%;
    z-index: 5;
    text-align: left;
}

h1.page-title {
    width: 40%;
    padding-left: 8%;
    font-size: 2.5em;
    letter-spacing: 0.13em;
    display: inline-block;
    text-transform: uppercase;
    color: #fff;
}

h1.page-title span {
    padding: 5px 0;
    display: block;
    text-shadow: 0 0 13px rgba(0,0,0,0.4);
}
h1.page-title span.line { width: 25px;height: 1px;margin: 0 0 20px 5px;border-bottom: 1px solid #fff; }
h1.page-title span:first-child { letter-spacing: 0.1em;line-height: 1.1; }
h1.page-title span:last-child { font-size: 0.5em; }
h1.page-title span:first-child:first-letter { font-size: 1.438em; }
h1.page-title span a { color: #fff; }
h1.page-title span a:hover { color: #ffe100; }

    
/* ----- ローカルナビ - section.localnavi ----- */
section.localnavi {
    width: auto;
    padding-left: 0.8em;
    display: block;
    text-align: left;
}
section.localnavi ul li {
    margin: 0.8em 0 0.8em 0.5em;
    display: inline-block;
    font-weight: bold;
}
section.localnavi ul li:not(:last-child)::after { content: '/';padding-left: 0.8em;font-weight: normal;}


/* -------------------------------------------
　　ブログ - Bloglist
------------------------------------------- */

/* ---------- 一覧ページ ---------- */
.post-type-archive .page-header { display: none; }

.hfeed article  {
    width: 33%;
    margin: 0;
    padding-bottom: 3%;
    text-align: left;
    border: 1px dotted rgba(255,255,255,0.5);
}

.hfeed article a:hover img { opacity: 1; }

.hfeed .entry-content a { padding: 8%; display: block; }
.hfeed .entry-content a img { width: 100%;height: auto; }
.hfeed .entry-content a:hover { 
    -webkit-transform: scale(1.05) rotate(-3deg);
    transform: scale(1.05) rotate(3deg);
}

.hfeed .sub-title { margin-bottom: 0;padding-bottom: 1px; display: block;font-size: 1.1875em; }
.single .sub-title span { display: block; }

article .text { margin-bottom: 0; }
.hfeed .p-entry__meta { padding: 0 8%; }
.hfeed .wrapper { width: 100%; text-align: center; }

/* パンくず表示 */
.breadcrumb { margin: 1.2em auto 0 2em;text-align: left; }
.breadcrumb li { display: inline-block;font-size: 0.875em; }
.breadcrumb li:not(:last-child)::after {
    margin:0 5px 0 10px;
    font-size: 0.813em;
    content: "\f105";
}
.post-type-archive-event .breadcrumb li:last-child,
.post-type-archive-event .breadcrumb li:nth-child(2)::after{ display: none; }

/* サムネイル表示 */
.photo_ratio { position: relative;width: 100%;overflow: hidden; }
.hfeed .photo_ratio { margin-bottom: 4.5%; }
.photo_ratio:before { content:"";display: block;padding-top: 60%; }
.photo_ratio .inner { position: absolute;top: 0;left: 0;bottom: 0;right: 0; }

/* ---------- 記事ページ ---------- */
.entry-header { margin-bottom: 1%; }
.single .entry-header .sub-title span { border-bottom: none; }

.p-entry__meta { font-size: 0.938em; text-align: right; }
.p-entry__meta a { color: #000; }
.p-entry__meta a:hover { border-bottom: 3px solid #666;margin: -3px 0 3px 0; padding-bottom: 3px; }
.p-entry__meta li { margin-left: 18px;display: inline-block;color: #666; }
.single .p-entry__meta { float: right;display: block;font-size: 1em; }
.single .p-entry__meta a:hover { border-color: #666; }

.single .entry-content { padding: 3% 4%; }
.single .entry-content img { margin: 20px 0; }
.single .entry-content .inner { 
    margin: 2% 0;
    padding: 3% 0;
    border-top: 2px dotted rgba(0,0,0,0.3);
    border-bottom: 2px dotted rgba(0,0,0,0.3);
}

.single .sub-title { margin-bottom: 0; display: block;font-size: 1.563em; }

.entry-header .p-entry__meta { font-size: 1.063em; }
.date_event {
    margin: 1.5em 0 0 0;
    padding: 0.4em 1em;
    background-color: #e30000;
    color: #fff;
    text-align: center;
}
.single .date_event { margin: 0 0 1em 0; float: right; }

.site-main .comments-area { margin: 3% auto; padding: 4%;border: 3px dotted rgba(0,0,0,0.5);color: #000; }
.post-navigation { margin:0 0 3.5em 2%;clear: both; }

.single .expanse_line { text-align: center;font-size: 0.93rem; }
.single .expanse_line::before { left: 12px; }

/* ---------- ページ下部ウィジェット・ページネイション ---------- */
.sidebar {
    margin: 0 auto 4em 2%;
    padding: 30px 0;
    justify-content: space-around;
}
.sidebar section { width: 33%;clear: none; }
.sidebar section:last-child { margin-right: 0; }
.sidebar section select { padding:0 15px;height: 40px; }
.sidebar .widget { margin: 0; padding: 20px; }
.sidebar .widget ul { font-size: 0.938em; }
.sidebar .widget_search form { width: 90%;margin: 0 auto; }
.sidebar .widget_archive { border-right: 1px solid #999;border-left: 1px solid #999; }

.widget .widget-title { margin-bottom: 10px; }

.post-navigation .nav-links a span { color: #fff; }

.pagination .current,
.pagination .page-numbers:not(.prev):not(.next):not(.dots):hover { margin-top: 0; border-bottom: 3px solid #222;color: #222; }


/* ------------------------------
　　列レイアウト
------------------------------ */

.rowlist { margin: 2em auto -2em auto; }
.rowlist > li { margin-bottom: 3em; padding:0; }
.rowlist li.row1 { width: 100%; }
.rowlist li.row2 { width:48%;margin-right: 4%; }
.rowlist li.row3 { width:31%;margin-right: 3.5%; }
.rowlist li.row4 { width:23%;margin-right: 2.2%; }
.rowlist li.none { margin-right: 0; }
.rowlist li img { display: block; }
.rowlist li.row3 .sub-title,
.rowlist li.row4 .sub-title { margin-bottom: 0.5em;font-size: 1.313em; }
div.row1 { margin: 2em auto 3em auto; }
.row1 img{ width: 100%;display: block; }

.rowlist:not(.mix) li.row2:nth-child(2n),
.rowlist.mix li.row2:nth-child(2n+1),
.rowlist li.row3:nth-child(3n){margin-right: 0;}

.rowlist li p { text-align: left; }
.gelande .today .rowlist { margin-top: 2.5em; }
.gelande .today .rowlist li.row2 { margin-bottom: 2em;position: relative; }
.gelande .today .rowlist li p { margin-bottom: 0; }


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

table.normal {
    width: 100%;
	height:auto;
    margin: 2em 0;
    clear: both;
    display: table;
    font-size: 0.938em;
    text-align: center;
    border-top:1px solid #666;
}
table.normal.auto {width: auto;}
table.normal.main { margin-bottom: 0; }

table.normal th {
    padding: 0.4em 1em;
    border-right:1px dotted #fff;
    border-bottom:1px solid #fff;
    color: #fff;
    font-size:1.063em;
}
table.normal.color th.title,
table.normal th.title { letter-spacing: 0.1em; }
table.normal td { padding: 0.44em 1em;border-bottom:1px solid #666;background: rgba(255,255,255,0.85);color: #000; }
table.normal td:not(:first-child) { border-left:1px dotted #666; }

table.normal td.green { color: #093; }
table.normal td.red { color:#d00;  }
table.normal td.black { color: #000; }
table.normal td.title.park{background: #ebd6ef;}

/*----- ゲレンデ コース -----*/
#course table.normal { margin: 0; }
#course table.normal th { background: #004795; }

table.color .title{ font-weight: bold; }
table.normal.color th { border-color: #fff; }

/*----- 春 -----*/
table.color.spring th.main{background-color: #d43a4e;font-size:1.125em;}
table.color.spring th.main b{font-size:1.125em;}

/*----- オレンジ -----*/
table.color.orange{border: #FE9A2E solid 1px;}
table.color.orange th{background-color: #FE9A2E;}
table.color.orange td {border-left: #FE9A2E dotted 1px;border-bottom: #FE9A2E solid 1px;}
table.color.orange td.title {border-bottom: #FE9A2E solid 1px;background-color: #fed;color:#e40;}

/*----- ブルー -----*/
table.color.blue{border: #0092d7 solid 1px;}
table.color.blue th{background-color: #0092d7;}
table.color.blue td {border-left: #0092d7 dotted 1px;border-bottom: #0092d7 solid 1px;}
table.color.blue td.title {border-bottom: #0092d7 solid 1px;background-color: #E0F2F7;color:#003c83;}

/*----- ディープブルー -----*/
table.color.deepblue{border: #003c83 solid 1px;}
table.color.deepblue th{background-color: #003c83;}
table.color.deepblue td {border-left: #003c83 dotted 1px;border-bottom: #003c83 solid 1px;}
table.color.deepblue td.title {border-bottom: #003c83 solid 1px;background-color: #E0F2F7;color:#003c83;}

/*----- グリーン -----*/
table.color.green{border: #44b034 solid 1px;}
table.color.green th{background-color: #44b034;}
table.color.green td {border-left: #44b034 dotted 1px;border-bottom: #44b034 solid 1px;}
table.color.green td.title {border-bottom: #44b034 solid 1px;background-color: #D8F6CE;color:#0B3B0B;}

/*----- kids -----*/
table.color th.kids {background-color: #fbab00;}

/*----- 施設 -----*/
table.facility { width: auto;min-width: 50%; }
table.normal.facility th { background-color: #ddd;color: #000;border-color:#666; }


/* ------------------------------
　　その他
------------------------------ */

/* ---------- スライダー ---------- */
.swiper-slide img { display: block; }
.thumbnail .swiper-wrapper { margin-top: 10px;margin-left: calc(-42% - 5px); }
.thumbnail .swiper-slide:hover { opacity: 1;cursor: pointer;transition: .2s linear; }
.thumbnail .swiper-slide { opacity: 0.7; }
.thumbnail .swiper-slide-active { opacity: 1; }
.swiper-container .swiper-button-prev { width: 70px;height: 70px; background-color: rgba(255,255,255,0.8);left: 0; }
.swiper-container .swiper-button-next { width: 70px;height: 70px; background-color: rgba(255,255,255,0.8);right: 0; }
.swiper-container .swiper-button-prev:hover,
.swiper-container .swiper-button-next:hover { background-color: rgba(0,0,0,0.8);transition: .2s linear; }

/* ---------- Attention ---------- */
.attention {
    width: 100%;
    margin: 2em auto 0 auto;
    padding: 3% 5%;
    border: 4px dotted rgba(0,0,0,0.7);
    text-align:left;
}
.ticket ul.attention li,
.school ul.attention li,
.rental ul.attention li,
.access ul.attention li,
.english ul.attention li { font-size: 0.875em; }
.gelande .attention { margin-top: 1em; }
dl.attention dt { padding: 2% 0 0 0;font-size: 1.125em; }
dl.attention dt.sub-title { padding-top: 0; }
dl.attention dd:not(:last-child) { margin-bottom: 1.5em;padding-bottom: 1.5em;border-bottom: 1px dotted #999; }
ul.attention li:not(.sub-title) { margin: 0.8em 0 0.8em 1.5em;list-style: disc;list-style-position: outside; }
ul.attention li.kome {list-style: none;}
.attention .comment { text-align: right; }
ul.attention li.comment { margin-top: 10px;list-style: none;text-align: right; }
ul.attention li.title { list-style: none;font-size: 1.125em;font-weight: bold;margin-left: 0; }

/* ----- リスト関連 ----- */
ul.normal,
ol.normal { display: inline-block;margin-top: 0.6em;padding-left: 0.5em;text-align: left; }
.normal li { margin-bottom: 0.5em;margin-left: 1.4em; }
.normal.wrap_line > li:not(:last-child) { margin-bottom: 2.5em; }

ul.disc li,
ul li.disc { list-style: disc;list-style-position: outside; }

ol > li { padding-bottom: 0.5em; list-style:decimal; }

.rowlist dl { display: inline-block;margin-top: 0.6em; }
dl dd { padding:0 0 1em 1em; }
.entry-content dl ol { margin: 1em 0 0 0; }

ul.normal.block,
ol.normal.block,
.rowlist dl { display: block; }

p.list { width: 32%; margin: 0.5em 0; display: inline-block; }
p.list::before { content: '・'; }

/* ----- Animate ----- */

.fromTopIn {
transition:transform 1.0s ease, opacity 1.0s ease;
-webkit-transform:translate(0,0);
transform:translate(0,0);
opacity:1.0;
}

.fromTopOut {
transition:transform 1.0s ease, opacity 1.0s ease;
-webkit-transform:translate(0,-10px);
transform:translate(0,-10px);
opacity:0.0;
}

.fromBottomIn {
transition:transform 1.0s ease, opacity 1.0s ease;
-webkit-transform:translate(0,0);
transform:translate(0,0);
opacity:1.0;
}

.fromBottomOut {
transition:transform 1.0s ease, opacity 1.0s ease;
-webkit-transform:translate(0,10px);
transform:translate(0,10px);
opacity:0.0;
}

/* ----- clearfix ----- */
article > section .inner::after,
.single .entry-content .inner::after,
.contact form::after,
.clearfix::after {
    content:"";
    display:block;
    visibility: hidden;  
    height: 0.1px;  
    font-size: 0.1em;  
    line-height: 0;
    clear:both;
}
.entry-content > section,
.clearfix { display:block; }
.clear { clear:both; }
.clearleft { clear:left; }

/* ----- Font関連 ----- */
p { margin:1.75em 0;padding:0; }
.row2 p { margin:1.2em 0 1.6em 0; }
.text_left { text-align: left !important; }
.text_center { text-align:center !important; }
.block { display:block; }

.font-size_m4 { font-size:0.75em;line-height:1.6; }
.font-size_m3 { font-size:0.813em;line-height:1.6; }
.font-size_m2 { font-size:0.875em;line-height:1.6; }
.font-size_m1 { font-size:0.938em;line-height:1.6; }
.font-size_p1 { font-size:1.063em;line-height:1.6; }
.font-size_p2 { font-size:1.125em;line-height:1.6; }
.font-size_p3 { font-size:1.1875em;line-height:1.6; }
.font-size_p4 { font-size:1.25em;line-height:1.6; }
.font-size_p5 { font-size:1.313em;line-height:1.6; }
.font-size_p6 { font-size:1.375em;line-height:1.6; }
.font-size_p7 { font-size:1.438em;line-height:1.6; }
.font-size_2 { font-size: 2em;line-height:1.6;font-weight: bold; }
.font-size_25 { font-size: 2.5em;line-height:1.6;font-weight: bold; }
.font-line200 { line-height:2; }

.font-white { color:#fff; }
.font-red { color:#e00; }
.font-yellow { color:#fe4; }
.font-green { color:#70b92c; }
.font-blue { color:#0a4485; }
.font-gray { color:#777; }
.font-bold { font-weight: bold; }

.before_br::before,
.after_br::after { content: "\A" ;white-space: pre ; }

/* ----- 余白 ----- */
.margin_auto { margin: 0 auto !important; }
.margin-top_0 { margin-top: 0 !important; }
.margin-top_5p { margin-top: 5% !important; }
.margin-top_1em { margin-top: 1em !important; }
.margin-top_15em { margin-top: 1.5em !important; }
.margin-top_2em { margin-top: 2em !important; }
.margin-top_25em { margin-top: 2.5em !important; }
.margin-bottom_0 { margin-bottom: 0 !important; }
.margin-bottom_5p { margin-bottom: 5% !important; }

/* ----- その他 ----- */
.site-main .w_100 { width: 100%;text-align: center;display: block; }
.site-main .p_float_left { margin-right: 2em;float: left;display: block; }
.site-main .p_float_right { margin-left: 2em;float: right;display: block; }


/* ==================================================================
　　固定ページ個別 - Page
================================================================== */

.page .site-main iframe { margin: 1em auto;display: block; }
.gmap iframe { pointer-events: none; }
.contact .site-main .section-title { margin: 1.5em 0 0.5em 0; }

/* --------------------------------------------------------
　　メルマガ - Page > Mailmag
-------------------------------------------------------- */

.mailmag form{ margin-bottom:2em; }
.mailmag form .btns { margin: 1.5em 0 0 0; }

#asumeruform table th { width: 30%; }
#asumeruform table td { text-align:left; }

#asumeruform .inputselect { padding: 0.6em;height: 2.8em; }
#asumeruform .inputtext{ padding:0.68em 0.6em; }
#asumeruform .inputtext.inputtextshortest { width: 50%; }
#asumeruform .inputtext.inputtextshort { width: 70%; }
#asumeruform .inputtext.inputtextlong { width: 90%; }

#asumeruform .formbtn {
	width: 50%;
	padding: 20px;
	border-radius: 6px;
}

/* --------------------------------------------------------
　　ゲレンデ - Page > Gelande
-------------------------------------------------------- */

/* ---------- 基本項目 ---------- */
.today .photo { background-size: cover;background-position: 50% 50%;background-color: #000; }
.today .photo iframe {
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.today .base_factor { margin-top: 1em;font-size: 1.1875em;font-weight: bold;text-align: center; }
.today .base_factor li:not(.kassou) { width: 25%; margin: 0; }

.today i { font-size: 2.4em;margin: 0 10px; }
.today .kassou i { font-size: 2.2em; }
.today .comment i { font-size: 2.6em; }
.today i.turn { -webkit-transform: scale(-1, 1);transform: scale(-1, 1); }
.today .sub i { display: block;margin: 0 0 12px 0; }
.today .base_factor { line-height: 1.4;}

.today .base_factor .kassou {
    width: 100%;
    margin: 0.8em 0 0.5em 0;
    padding: 0.8em 0;
    font-size: 1.063em;
    vertical-align: middle;
    border-top: 1px dotted rgba(0,0,0,0.5);
    border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.today .comment { margin-bottom: 1.25em; }
.today .otherlink { margin-top: 1em; }
.today .otherlink a {
    width: 48%;
    margin: 0 2% 0.5em 0;
    padding:0.8em 0;
    line-height: 1.4;
    display: inline-block;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 0.938em;
}
.today .otherlink a.w_100 { width: 100%;margin-bottom: 0.5em; }
.today .otherlink a.w_row3 { width: 31%; }
.today .otherlink a::before,
.today .otherlink a:hover::before { margin-right: 0.5em;}
.today .otherlink a:hover { padding:1em 0;margin: -0.2em 2% -0.2em 0; }
.today .otherlink a.right,
.today .otherlink a.right:hover,
.today .otherlink a:last-child,
.today .otherlink a:last-child:hover { margin-right: 0; }

/* ---------- テーブル本日の営業案内のみ ---------- */
.today table.normal { font-size: 1em; }
.today table.normal th.title {border-right: none;}

table.normal.season { margin: 0 auto 1.5em auto;font-size: 1.125em; }
table.normal.season th { font-weight: inherit; }
table.normal.season th:first-child {
    padding: 0 8px;
    background-color: rgba(255,255,255,0.85);
    font-size: 1.7em; 
    line-height: 1;
    letter-spacing: 0;
    white-space:nowrap;
}
table.normal.season td.hour { font-size: 1.25em; }
table.normal.season td { font-size: 1.125em; }

/* ---------- 本日の営業案内リフトアイコン ---------- */
.today td.lift{
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 42px;
}
.today .main td.title { text-align: left; }
.today td.gondola{background-image: url(https://okutone.jp/img/2018/i_name_lift_gondola.png);}
.today td.pair{background-image: url(https://okutone.jp/img/2018/i_name_lift_pair.png);}
.today td.triple{background-image: url(https://okutone.jp/img/2018/i_name_lift_triple.png);}
.today td.quad{background-image: url(https://okutone.jp/img/2018/i_name_lift_quad.png);}
.today td.cel1.blue{background-color: #b9e9fd;color: #000;}


/* --------------------------------------------------------
　　ベースコンテンツ - Page
-------------------------------------------------------- */

/* ---------- メールフォーム ---------- */
.wpcf7 p.title b { color:#e00; }

input.p-button {
    margin:0.5em 0 0 1.5em;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    line-height: 1.9;
    text-align: center;
    min-width: 200px;
    height: auto;
    padding: 13px 20px;
    cursor: pointer;
}
input.p-button.reset{ margin-left: 0; }

p.tel { margin:0 auto 2% auto; padding: 3%;font-size: 2em;font-weight: bold;border: 3px dotted rgb(255,255,255,0.7);text-align: center; }
section .wpcf7 { width: 100%;border: 3px dotted rgb(255,255,255,0.7); }
.wpcf7 li { padding-top: 1.25em; list-style: none; border-top: 3px dotted rgb(255,255,255,0.3);clear: both; }
.wpcf7 li:first-child { border-top: 3px dotted rgb(255,255,255,0.3); }
.wpcf7 p.title { width:25%;margin-bottom: 10px;padding: 1.2% 1.8%;text-align: right;float: left; }
.wpcf7 p { margin: 0 0 1.25em 0; }
.wpcf7 .input_area { width:75%;padding: 0 1.8%;text-align: left;float: left; }
.wpcf7 .input_area.name input { width:30%; }
.wpcf7 .input_area input[type=checkbox] { width: auto; }
.wpcf7 .input_area input, .wpcf7 .input_area textarea { padding: 1.8%; width: 70%;border: 1px solid #ccc; }
.wpcf7 .input_area .comment { display: block;margin: 8px 0; }
.wpcf7 .wpcf7-list-item { display: block;margin: 0; }
.wpcf7 textarea { height: 300px; border: none; }
.wpcf7 .btns { padding: 4%;border-top: 3px dotted rgb(255,255,255,0.3); }
.wpcf7 .btns p { padding-left: 15px;padding-right: 15px; }
.wpcf7 .btns p:last-child { text-align: right; }
.wpcf7 .wpcf7-submit { -webkit-transition: all .3s; transition: all .3s; }
.wpcf7 .wpcf7-submit .wpcf7-not-valid { background: pink; }
.wpcf7 .wpcf7-submit .wpcf7-response-output { margin: 10px 0 0; padding: 8px 35px 8px 14px; border-radius: 4px; }
.wpcf7 .wpcf7-submit .wpcf7-validation-errors { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; }
.wpcf7 .wpcf7-submit .wpcf7-mail-sent-ok { color: #3A87AD; background-color: #D9EDF7; border: 1px solid #BCE8F1; }
.wpcf7 .wpcf7c-conf { border: none;background: #ccc; }
.wpcf7 .btns input[type=button] { width: auto;margin-right: 20px; padding: 13px 20px;background: #666;color: #fff; }
.wpcf7 form.wpcf7-form .wpcf7-response-output { margin:-2% 1em 1em 1em;text-align: center;padding: 20px;border: none;background: #f7f733;color: #e00;font-size: 1.125em; font-weight: bold; }
.wpcf7 .consent{ background-color:#ff9;padding:0.5em 0.5em 0.5em; }
.wpcf7 .ajax-loader { margin: 0 10px !important; }





/* ==========================　Media Queries CSS ============================ */

/* ======================== 1024px以下 ========================== */
@media screen and (max-width: 1024px) {
	.headphoto { height: 300px; }
	h1.page-title { font-size: 2.2em; }
	.today .base_factor { font-size: 1.125em; }
}

/* ======================== 960px以上 ========================== */
@media screen and (min-width: 960px) {
    .global li.homelogo,
    #switchBtnArea,
    .basemenu .contact,
    .basemenu .base_links,
    .fix .tel,
    nav#fixed > ul > li.fix li:first-child { display: none; }
    .fix .goto span { display: block; margin-left: 1.5em; }
    #pagetop,
    .site-header .social:not(.index) { pointer-events: none; }
    .fixed-scroll #pagetop,
    .fixed-scroll .social:not(.index) { pointer-events: auto; }
    
    /* ----- メインナビ - nav#fixed ----- */
    nav#fixed { height: 100vh; position: fixed;left: 0; }
    nav#fixed > ul { width: 140px; padding-left: 18px; }
    .global > ul { padding-left: 0.5em; }
    .global > ul > li span { display: block; }
    nav#fixed > ul > li.fix { padding-top: 0.8em; }
    nav#fixed > ul > li.fix li { padding-bottom: 1em; }
    .site-header .social:not(.index) { width: 140px;padding-bottom: 20px; position: absolute;left: 0; bottom: 0;opacity: 0;transition: .2s linear; }
    .fixed-scroll .global { margin-top: 0.5em; font-size: 0.938em; }
    .fixed-scroll .site-header .social { opacity: 1; }
    .basemenu .social { font-size: 1.125em; }
    
    /* ----- ページコンテンツ ----- */
    .container,
    .site-content { width: calc( 100% - 140px );margin-left:140px; }
}

/* ======================== 959px以下 ========================== */
@media screen and (max-width: 959px) {
    .container.banner{ overflow: hidden; }
    
    nav#fixed { width: 100%;position: absolute;bottom:0;text-align: center; }
    nav#fixed > ul > li.home { position: absolute;top:0;left: 0; display: none; }
    .fix .mail,
    .mainnav_wrap .base_links .contact,
    .global .sub-menu { display: none; }
    .fix span { display: block; }
    .homelogo { font-size: 0.933em; }
    
    nav#fixed > ul > li.fix {
        width: 100%;
        position: fixed;
        height: 5.5em;
        z-index: 15;
        bottom:0;
    }
    #switchBtnArea {
        width: 20%;
        height: 5.5em;
        float: right;
        background: rgba(0,0,0,0.3);
    }
    #switchBtnArea .hamburger::after { padding-top:4.2em; }
    nav#fixed > ul > li.fix li { width: 18%;float: left;line-height: 1.3; }
    nav#fixed > ul > li.fix li.goto { width: 26%; }
    nav#fixed > ul > li.fix li:not(.contact) > a { display: block; }
    nav#fixed > ul > li.fix li,
    nav#fixed > ul > li.fix a.hamburger { font-size: 0.867em; }
    
    nav#fixed > ul > li.fix li > a::before { font-weight: 900;display: block;font-size: 2.2em;margin:0.2em 0 0.1em 0; }
    
    .mainnav_wrap.close { opacity: 0; visibility: hidden; }
    .mainnav_wrap {
        height: 100%;
        background-color: rgba(0, 0, 0, 0.9);
        position: fixed;
        top: 0;
        left: 0;
        overflow: scroll;
    }
    .mainnav_wrap > ul {
        width: 90%;
        margin: 0 auto;
        padding: 0 0 6.5em 0;
    }
    .global { margin-top: 0;font-size: 1.133em; }
    .global > ul > li:first-child { padding: 0 0 1em 0; }
    .global li:not(:first-child) { padding: 1em 0; border-bottom: 2px dotted rgba(255,255,255,0.5); }
    .global .homelogo a {
        margin: 0 auto;
        padding: 0;
        background-size: 90% auto;
        background-position: 50% 50%;
        background-color: #fff;
        border: 0.4em solid #fff;
        box-sizing: content-box;
    }
    
    .mainnav_wrap .basemenu { color: #fff; }
    .mainnav_wrap .basemenu ul { margin:1em 0; font-size: 1em; }
    .basemenu .contact { margin:1.5em 0;font-size: 1.063em; font-weight: bold; }
    .basemenu .contact a { padding: 0 0.5em; }
    .basemenu .social .sns { margin: 0 1em 0 0; }
    .basemenu .social p { width: auto;margin: 0; display: inline-block; }
    .basemenu .social i { font-size: 1.4em; }
    .basemenu .social .lang span,
    .basemenu .social .lang a { width: auto; border-color: #fff;color: #fff;font-size: inherit; }
    .basemenu .social .lang a:hover { background-color: #fff;color: #000; }
    .basemenu .social .sns a { padding-right: 0.6em; }
    
    nav#fixed > ul,
    .site-content { width: 100%; }
    img { max-width: 100%;height: auto; }
    
    .page article > section > .inner,
	.otherbg .inner,
	.hfeed .site-main,
	.single article,
	.site-main .comments-area { padding: 8% 0;}
    
    .headphoto.main_img { width: 80%; }
    .headphoto.titlearea {
    	width: 80%;
    	margin: 100px 0 0 0;
    	padding-bottom: 1.5em;
    	-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
    }
	h1.page-title { width:100%;padding-left: 1.3em;line-height: 1.6; }
    h1.page-title span { display: block;padding: 0; }
    h1.page-title span.line { display: none; }
    
    section.localnavi { padding-left: 2.5em; font-size: 0.938em; }
    
    .content-area { padding: 0 3%; }
    .rowlist li.row3,
    .rowlist li.row4 { width:48%;margin-right: 4%; }
    .rowlist li.row3:nth-child(2n),
    .rowlist li.row4:nth-child(2n) { margin-right: 0; }
    
    .site-main .section-title { font-size: 1.8em;}
    .site-main .sub-title,
    .single .sub-title,
    .site-main .bg_black { font-size: 1.25em; }
    .site-main .bg_black { letter-spacing: 0.08em; }
    
    .today .rowlist li.row2 { width:100%;margin-right: 0; }
    .today .rowlist .row2.photo { margin: 0;height: 400px; }
    section.today .rowlist .row2.right { margin-right: auto;padding-top: 1em; }
    .gelande .today .rowlist li.row2.photo { margin-bottom: 0; }
    table.normal.season { font-size: 1.066em; }
    table.normal.season th:first-child { white-space: normal;font-size: 1.438em; }
    table.normal.season th,
    table.normal.season td { word-break: break-word; }
    table.normal th { font-size: 1em; }
    table.normal td,
    table.normal.season td { font-size: inherit; }

    /* ---------- ブログ ---------- */
    .hfeed article { width: 50%; }
    .single .entry-content { margin-bottom: 5%; }
    .single .sub-title { margin-bottom: 0;font-size: 1.25em; }
    .single .expanse_line { margin: 0 auto; }
    .post-navigation .post-title { font-size: 1.1875em; }
    .comment-respond { padding: 0 5%; }
    .navigation.post-navigation .post-title { font-size: 1rem; }
    .page-content form.search-form { min-width: inherit; }
    
    /* ---------- コンタクトフォーム ---------- */
    .wpcf7 .input_area.name input { width: 40%; }
    .wpcf7 .input_area.name span.sub { display: block; } 
    .wpcf7 .input_area input,.wpcf7 .input_area textarea { width: 95%; }
    
    /* ---------- フッター ---------- */
    footer.site-footer { margin-bottom: 5em; }
    .group_links{margin-top: 0;}
    .group_links {padding-top: 20px;}
    .group_links .inner{margin: 0 auto;width: 90%;}
    .group_links .japanmap{width: 100%;padding-bottom: 15px;float: none;text-align: center;}
    .group_links ul{padding: 15px 0 0 0;clear: both;}
    .group_links ul.ski{width: 100%;float: none;}
    .group_links ul li{width: 100%;height: auto;text-align: left;margin-bottom: 1px;}
    .group_links ul li img{float: left;display: block;}
    .group_links ul li img.logo{margin: 10px 12px;}
    .group_links ul.other li img.logo{margin-top: 7px;margin-bottom: 7px;}
    .group_links ul li img.icon,
    .group_links ul li:first-child img.icon{position: relative;margin: 10px 0 0 10px;}
    .group_links ul.other li img.icon{margin-top: 5px;}
    .group_links ul.ski li:last-child img.logo{margin-bottom: 0;}
    .group_links.clearfix ul li a{padding: 0;min-height: 70px;overflow: hidden;}
    .group_links ul li span{padding-top: 13px;}
    .group_links ul li br{display: none;}
    
    #pagetop { display: none; }
}


/* ======================== 560px以上 959px以下 ========================== */
@media screen and (min-width:560px) and (max-width: 959px) {
    .mainnav_wrap.open{
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    
}

/* ======================== 559px以下 ========================== */
@media screen and (max-width: 559px) {
    body { font-size: 15px; }
    
    nav#fixed > ul > li.fix li,
    nav#fixed > ul > li.fix a.hamburger { font-size: 0.75em; }
    nav#fixed > ul > li.fix li > a::before { margin-top:0.28em; }
    #switchBtnArea,
    nav#fixed > ul > li.fix { height: 5em; }
    .mainnav_wrap,
    table.normal.season { font-size: 0.933em; }
    article > section > .inner,
    .otherbg .inner,
    .hfeed .site-main,
    .single article,
    .site-main .comments-area { width: 100%; }
    p.list,
    .rowlist li.row2,
    .rowlist li.row3 { width:100%;margin-right: 0; }
    
    section.localnavi { width: 50%; }
    .entry-content > section { overflow: hidden; }
    .site-main .section-title { font-size: 1.5em;}
    h1.page-title { font-size: 1.75em; }
    .entry-content .normal_title { font-size: 1.063em;text-align: left; }
    
    .headphoto { height: 250px; }
    section.localnavi { width: auto;padding-left: 2em; }
    section.localnavi ul { margin: 1em 0; }
    .page section.localnavi ul li { margin: 0.3em 0 0.3em 0.3em; }
    section.localnavi ul li a { padding: 0.2em 0; }
    section.localnavi ul li a:hover { margin-bottom: -0.2em; }
    
    table.normal { display: block;overflow-x: scroll;-webkit-overflow-scrolling: touch; }
    table.normal.none { display: table; }
    table.normal.season th:first-child { font-size: 1.25em; }
    .today .otherlink a { width: 100%; }
    .today .otherlink a br { display: none; }
    
    .today .comment p { display: block; }
    .today .rowlist .row2.photo { height: 300px; }
    .today .rowlist .row2.right { margin-top: 0; }
    .today .base_factor li:not(.kassou) { width: 50%;margin-top: 0.8em; }
    .site-main .link_more { padding-left: 3em;padding-right: 3em;letter-spacing: 0.1em; }
    .site-main .link_more:hover { padding-left: 3.5em;padding-right: 3.5em; }
    
    .font-size_p2 { font-size:1.063em; }
    .font-size_p3 { font-size:1.125em; }
    .font-size_p4 { font-size:1.1875em; }
    .font-size_p5 { font-size:1.25em; }
    .font-size_p6 { font-size:1.313em; }
    .font-size_p7 { font-size:1.375em; }
    
    /* ---------- ブログ ---------- */
    .hfeed article { width: 100%;padding-bottom: 6%; }
    .post-navigation .post-title { font-size: 1.063em; }
    .sidebar .widget_archive { border: solid #999;border-width: 1px 0; }
    .sidebar section { width: 100%;margin:15px auto 30px auto; }
    .entry-header .p-entry__meta { font-size: 1em; }
    article .social { font-size: 1.2em;margin-right: 0; }
    article .social li.fb_btn > iframe { padding-top: 0.2em; }
    .pagination { font-size: 1em; }
	
    /* ---------- コンタクトフォーム ---------- */
	.wpcf7 li { padding: 3%; }
    .wpcf7 p.title,.wpcf7 .input_area,.mailmag .wpcf7 .input_area,.wpcf7 .input_area input,.wpcf7 .input_area textarea { width: 100%; float: none;text-align: left; }
    .wpcf7 .input_area.name input { width: 38%; }
    .wpcf7 .btns p { line-height: 1.7; }
    .wpcf7 p.title br { display: none; }
    .wpcf7 .btns .p-button { min-width: auto; }
}

/* ======================== 479px以下 ========================== */
@media screen and (max-width: 479px) {
    body { font-size: 14px; }
    #switchBtnArea,
    nav#fixed > ul > li.fix { height: 4.5em; }
    .mainnav_wrap { font-size: 0.875em; }
    nav#fixed > ul > li.fix li,
    nav#fixed > ul > li.fix a.hamburger { font-size: 0.67em; }
    
    .site-main .bg_black { font-size: 1.125em; }
    .site-main .link_more { padding-left: 1.6em;padding-right: 1.6em; }
    
    /* ---------- フッター ---------- */
    .group_links .japanmap img{width: 100%;}
    .group_links ul li img.icon,
    .group_links ul li:first-child img.icon{margin-left: 5px;width: 60px;height: auto;}
    .group_links ul.other li img.icon{width: 50px;}
    .group_links ul li img.logo{width: 115px;height: auto; margin-left: 5px;}
    .group_links ul li span{padding-top: 8px;}
    .group_links.clearfix ul li a{line-height: 1.2;min-height: 65px;}
}

/* ======================== 380px以下 ========================== */
@media screen and (max-width: 380px) {
    .group_links ul li{text-align: center;}
    .group_links.clearfix ul li a{padding-bottom: 5px;}
    .group_links ul li img.icon,
    .group_links ul li:first-child img.icon,
    .group_links ul.other li img.icon,
    .group_links ul li img.logo{width: auto;margin-bottom: 0;float: none;display: inline-block;}
    .group_links ul li span{padding-top: 8px;clear: both;}
    .wpcf7 p.title,.wpcf7 .input_area,.mailmag .wpcf7 .input_area,.wpcf7 .input_area input,.wpcf7 .input_area textarea{width: 100%; float: none;text-align: left;}
}