@charset "utf-8";

/*スマホ用スライド（Jimdoスライド機能）*/
#cc-m-10713996991{
display: none;
}


/* =======================================
　　サイドバーPay追加
======================================= */
.pay-area {
    margin: 0 5px 10px;
    padding: 7px;
    border: 1px solid #2b0004;
}
.pay-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
img.paylogoL {
    height: 24px;
}
img.paylogoS {
    height: 24px;
}
.pay-text {
    margin: 6px 2px 0;
}
.pay-text p {
    font-size: 10px;
    line-height: 1.2;
}


@media screen and ( max-width:1079px ) {
.pay-area {
    margin: 0 auto;
    padding: 7px 7px 4vw;
    border: none;
    background: #FFF;
}
.pay-image {
    justify-content: center;
}
.pay-image img {
    margin: 0 2vw;
}
img.paylogoL, img.paylogoS {
    height: 8vw;
}
.pay-text p {
    font-size: 14px;
    text-align: center;
}
}


/* =======================================
　　コンテンツスタイル
======================================= */
/*----------　3-1.店舗フロアページ共通　----------*/
.shop-floor h2 {
font-size :26px !important;
text-align: center;
margin: 20px 0 30px !important;
padding:0 0 10px !important;
border-bottom: 2px solid #2B0004;
}




/*----------　3-2.白石店フロアページ　----------*/
/*自転車売場（料金）*/
.about-cycle {
border: 1px solid #BFBFBF;
background: #EEEEEE;
padding: 15px;
}

/*----------　4.縫製工場ページ　----------*/
.org-shop {
clear: both;
margin: 10px 0 0;
}
img.shop-icon {
float: left;
margin: 0 10px 0 0;
}
.org-shop a{
text-decoration: none !important;
}


/*----------　1.トップページ　----------*/

/*画像付き文章の上下間隔調整（新着情報）*/
.cc-indexpage .main .j-textWithImage {
margin: 0 !important;
padding: 0 5px!important;
}


/*----------　2-1.店舗トップページ（北大店）　----------*/
/*店舗見出しスタイル（h1）*/
.content-style h1 {
position: relative;
text-align: center;
}
.content-style h1 span {
position: relative;
z-index: 2;
display: inline-block;
font-size: 36px !important;
margin: 0 2.5em;
padding: 0 1em;
background-color: #fff;
text-align: left;
}
.content-style h1::before {
position: absolute;
top: 50%;
z-index: 1;
content: '';
display: block;
width: 100%;
height: 1px;
background-color: #2B0004 !important;
}


/*========== 479px以下 ==========*/
@media screen and ( max-width:479px ) {
.content-style h1 span {
font-size: 30px !important;
}
}
/*各フロアタイトル(h2)*/
.shoppage-top {
min-height: 60px;
}
.shoppage-top img {
float: left;
margin-right: 10px;
}
.shoppage-top h2 {
line-height: 1 !important;
padding: 5px 0 0 !important;
}

/*店舗にお問い合わせエリア*/
.contact-area {
width: auto;
margin: 50px auto;
padding: 15px;
min-height: 150px;
border: 1px solid #ccc;
}
.contact-L {
float: left;
max-width: 400px;
margin-right: 20px;
}
.contact-R {
float: left;
width: 320px;
margin-left: 30px;
}
.contact-logo img {
float: left;
margin-right: 10px;
}
.contact-logo p {
font-size: 20px;
}
.contact-banner {
width: 250px;
clear: both;
margin: 10px 0;
}

/*========== 1079px以下 ==========*/
@media screen and ( max-width:1079px ) {
.contact-area {
width: 720px;
}
.contact-R {
margin-left: 0;
}

.senmon {
background: #E6E6E6;
}

.R-side {
background: #000;
margin: -20px 0 30px !important;
padding-top: 20px;
}

.side-content {
background: #000;
}

.L-side {
background: #000;
margin-top: -30px;
}

}




/*----------　2-2.店舗トップページ（白石店）　----------*/
/*スノーピークストア*/
h2.snow::after {
content: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/02/shiroishi/snow-logo.png);
}



/*========== 739px以下 ==========*/
@media screen and ( max-width:739px ) {
.contact-area {
width: auto;
}
.contact-L {
float: none;
max-width: none;
width: 370px;
margin: 20px auto;
}
.contact-L img{
width: 92%;
}
.contact-R {
clear: both;
float: none;
width: 320px;
margin: 0 auto;
}
.contact-banner {
width: 250px;
clear: both;
margin: 10px 0 20px;
}
.contact-access {
margin: 10px;
}
}

/*========== 479px以下 ==========*/
@media screen and ( max-width:479px ) {
.contact-L img {
width: 280px;
}
}




/* =======================================
　　全体共通スタイル
======================================= */

/*リセット*/

body,div,p,h1,h2,h3,h4,h5,h6,ul {
margin: 0;
padding: 0;
}

/*回り込み崩れ防止線非表示*/
.clear {
clear: both;
}
.clear hr {
display: none; 
}


/*----------　文字　----------*/

.content p {
color: #222;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 0;
}

.content{
-webkit-text-size-adjust: 100%;/*スマホ用文字*/
}

.content a:link, .content a:visited {
text-decoration: underline;
color: #0099E1;
}

.content a:active {
text-decoration: underline;
}

.content a:hover {
opacity: 0.7;
}

.content dl, .content ol, .content ul {
padding: 0 0 0 10px;
}


/*----------　見出しスタイル　----------*/
/*見出し1*/
.content h1 {
color: #111;
font-size: 30px;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 0; 
margin: 0;
}

/*見出し2*/
.cc-indexpage .content h2 {
color: #fff;
font-size: 18px;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: normal;
padding: 5px 0 5px 50px; 
margin: 0 0 10px;
background: #2B0004 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/h2-icon.png) no-repeat 5px 5px;
}

.content h2 {
color: #111;
font-size: 22px;
font-weight: bold;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 0; 
margin: 0;
}

/*見出し3*/
.content h3 {
color: #111;
font-size: 18px;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
padding: 0;
margin: 0;
}


/*----------　水平線　----------*/
div.hr {
margin: 5px 0 !Important;
border-bottom: 1px solid #ccc !Important;
}


/*----------　画像リンクhover　----------*/
a img:hover {
opacity: 0.7;
}

/*----------　表　----------*/
table{
border-collapse: collapse !important;
}

/*----------　ボタン　----------*/
a.j-calltoaction-link {
background: #DA0024 !important;
border:2px solid #DA0024 !important;
padding:7px 10px !important;
border-radius: 0 !important;
}

a:hover.j-calltoaction-link {
color: #DA0024 !important;
background:#FFF !important;
opacity: 1 !important;
}

/*ボタンスタイル1*/
a.j-calltoaction-link.j-calltoaction-link-style-1 {
font-size: 14px !important;
}
a.j-calltoaction-link.j-calltoaction-link-style-1 {
padding: 8px 20px 8px 35px !important;
background: #DA0024 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/button-arrow.png) no-repeat 10px 4px !important;
}
a.j-calltoaction-link.j-calltoaction-link-style-1:hover {
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/button-arrow-hover.png) no-repeat 10px 4px !important;
opacity: 1 !important;
}


/* =======================================
　　PCスタイル
======================================= */

/*---------- コンテナ ----------*/
.container {
overflow: hidden;
background: #fff;
border-top: 5px solid #D21A33;
}

/*---------- ボディ ----------*/
.frame {
width: 1090px;
margin: 0 auto;
padding: 0;
}

/*---------- ヘッダー ----------*/
.header {
width: 1080px;
height: auto;
margin: 0 auto;
}

/*ヘッダーエリア上部*/
.header-top {
width: 1080px;
min-height: 40px;
}
.header-top-L {
float: left;
width: 830px;
min-height: 40px;
padding-top: 15px;
}
.header-top-L1 {
float: left;
width: 140px;
height: 30px;
}

.header-top-L2 {
float: left;
max-width: 670px;
margin-left: 20px;
}

p.logo-txt {
font-size: 13px;
padding-top: 5px;
font-weight: bold;
}

/*Google翻訳エリア*/
.trans-bg, .header-top-R {
float: right;
width: 250px;
min-height: 40px;
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/honyaku-bg.png) no-repeat 0 0;
}
/*Google翻訳*/
.trans {
width: 165px;
height: 25px;
margin-top: 2px;
margin-left: 80px;
overflow: hidden;
}
div#google_translate_element {
margin-top: -5px;
text-align: center;
}
#google_translate_element img {
display: inline;
}


/*ヘッダーエリア下部*/
.header-bot {
clear: both;
width: 1080px;
min-height: 80px;
}

/*メインロゴエリア*/
.header-bot-L {
float: left;
width: 220px;
min-height: 80px;
}

/*ネットショップリンク、TOPナビゲーション、スマホ用ナビエリア*/
.header-bot-R {
float: left;
width: 860px;
hight: auto;
}

/*ハンバーガーアイコンエリア*/
.header-bot-R1 {
display: none;
float: right;
width: 860px;
height: 25px;
padding: 15px 0 10px;
}
#header-nav,#layerMenu {
display: none;
}

/* ロゴ画像 */
a img.logo {
width: 220px;
height: 75px;
}

/*ショップリンク*/
.header-bot-R2 {
float: right;
width: 860px;
height: 25px;
padding: 15px 0 10px;
}
.shop-link {
float: right;
}
img.shop-banner-mini {
float: left;
width: 131px;
height: 25px;
margin-left: 5px;
}

/*トップナビ*/
.header-bot-R3 {
clear: both;
width: 860px;
}
.nav {
float: right;
width: 860px;
margin: 0 auto;
}

.nav ul {
float: right;
list-style: none;
margin: 0;
}

.nav ul li {
float: left;
font-size: 14px;
padding: 2px 15px 0 !important;
border-right: 1px solid #ccc;
}
.nav ul li:first-child {
border-left: 1px solid #ccc;
}

.nav ul li a {
display: block;
text-decoration: none;
color: #111;
}

.nav ul li a:hover span{
opacity: 0.7;
}


/*---------- メインビジュアル----------*/
.cc-indexpage .main-visual {
display: block;
clear: both;
width: 1080px;
height:550px;
margin: 30px auto;
}
.cc-indexpage .senmon img {
position: absolute;
margin: -590px 20px 0;
z-index: 100;
}

.main-visual {
display: none;
}

/*---------- スライドショー ----------*/
/*ヘッダースライド*/
div#cc-m-13852458696 {/*ウィジェットHTMLパーツのID*/
padding: 0 !important;　/*余白調整*/
}
#header-slide{
width:1080px;
height:550px;
margin:0 auto;
}
div#header {
margin-bottom: 2em;
}
.sp-buttons {
display: none; /*ページャ非表示*/
}

/*スライドイメージサイズ調整*/
.sp-mask.sp-grab{
max-width: 2000px;
height: 550px;
margin-left:-1080px;
overflow: visible !important;
}
img.sp-image {
margin-top: 0 !important;
}
.sp-slides-container {
height: 550px !important;
}
.sp-image-container {
height: 550px !important;
}
.sp-mask.sp-grab {
height: 550px !important;
}
.sp-slide {
height: 550px !important;
}




/*---------- 各店舗バナー ----------*/
.tenpo-banner {
clear: both;
width: 1080px;
height: 50px;
margin: 10px auto;
}
.tenpo-banner ul {
float: left;
list-style: none;
margin: 0;
}
.tenpo-banner ul li {
float: left;
padding: 0;
}
.tenpo-banner ul li.menu01 a, .tenpo-banner ul li.menu02 a {
display: block;
width: 358px;
height: 50px;
margin-right: 2px;
}
.tenpo-banner ul li.menu03 a {
display: block;
width: 360px;
height: 50px;
margin-right: 0;
}
.tenpo-banner ul li a:hover {
opacity: 0.7;
}
.tenpo-banner ul li a span {
display: none;
}
/* Link1*/
.tenpo-banner ul li.menu01 a {
background: #DE0024 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/tenpo-nav01.png) no-repeat center center;
}
/* Link2*/
.tenpo-banner ul li.menu02 a {
background: #DE0024 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/tenpo-nav02.png) no-repeat center center;
}
/* Link3*/
.tenpo-banner ul li.menu03 a {
background: #DE0024 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/tenpo-nav03.png) no-repeat center center;
}


/*---------- ネットショップバナー ----------*/
.shop-banner {
clear: both;
width: 1080px;
height: 52px;
margin: 0 auto 10px;
}
.shop-banner ul {
float: left;
list-style: none;
margin: 0;
}
.shop-banner ul li {
float: left;
padding: 0;
}
.shop-banner ul li a {

}
.shop-banner ul li.menu01 a, .shop-banner ul li.menu02 a {
display: block;
width: 356px;
height: 50px;
margin-right: 2px;
border: 1px solid #ccc;
border-radius: 6px;
}
.shop-banner ul li.menu03 a {
display: block;
width: 358px;
height: 50px;
margin-right: 0;
border: 1px solid #ccc;
border-radius: 6px;
}


.shop-banner ul li a:hover {
opacity: 0.7;
}
.shop-banner ul li a span {
display: none;
}
/* Link1*/
.shop-banner ul li.menu01 a {
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/shop-banner-big01.png) no-repeat center center;
}
/* Link2*/
.shop-banner ul li.menu02 a {
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/shop-banner-big02.png) no-repeat center center;
}
/* Link3*/
.shop-banner ul li.menu03 a {
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/shop-banner-big03.png) no-repeat center center;
}




/*---------- コンテンツ ----------*/
.content {
clear: both;
width: 1090px;
}

/*---------- ★コンテンツRサイド ----------*/
.content-R {
float: right;
width:830px;
}

/*---------- Rサイドバー ----------*/
.cc-indexpage .R-side {
display: block;
float: right;
width: 260px;
min-height: 200px;
margin-top: 5px;
}
.R-side {
display: none;
}

.side-banner-R {
width: 250px;
min-height: 250px;
margin: 0 auto;
}

/*Rサイドバナー*/
div#side-banner-R-sub img {
margin-bottom: 10px;
}

/*秀岳荘ブログバナー*/
.staff-blog, .staff-blog a img {
width: 250px;
margin: 0 auto 10px;
}
.other-blog img {
float: left;
width: 250px;
margin: 0 auto 10px;
}

/*---------- メイン ----------*/
.cc-indexpage .main {
width: 530px;
padding: 0 20px 50px;
}
.main {
width: 790px;
float: left;
min-height: 100px;
padding: 0 0 50px 40px;
}

.cc-indexpage div#content_area {
padding-top: 0;
}
div#content_area {
padding-top: 30px;
}
/*パンくずリスト*/
.breadcrumb {
margin: 20px 0 0;
}
.breadcrumb:after {
content: "";
display: block;
clear: both;
}
.breadcrumb ol {
margin: 0;
padding: 0;
list-style-type: none;
}
.breadcrumb ol li {
float: left;
margin: 0 8px 0 0;
}
.breadcrumb ol li a {
padding: 0 20px 0 0;
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/arrow-breadcrumbs.png) center right no-repeat;
}
.breadcrumb ol li a.cc-nav-current {
text-decoration: none;
color: #DE0024;
font-size: 12px;
font-weight: bold;
background: none;
}
.j-nav-variant-breadcrumb::before {
content: "Home";
float: left;
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/arrow-breadcrumbs.png) no-repeat right 7px;
margin: 0 10px 0 0;
padding: 0 20px 0 5px;
font-size: 12px;
font-weight: bold;
color: #666;
}
.cc-indexpage .j-nav-variant-breadcrumb::before {
content: "";
background:none;
}
.cc-indexpage .breadcrumb, .cc-indexpage .j-nav-variant-breadcrumb {
display: none;
}

/*---------- ★コンテンツLサイド ----------*/
/*---------- Lサイドバー ----------*/
.L-side {
float: left;
width: 260px;
min-height: 200px;
margin-top: 5px;
}


/*---------- Jimdoナビゲーション（縦並び） ----------*/
.side-nav {
clear: both;
width:250px;
margin: 2px 5px 0 5px;
padding: 0;
background-color: transparent;
overflow: hidden;
}
.side-nav .level_1 {
margin: 0 0 2px 0 !important;
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/nav-off.png) no-repeat 15px 12px;
border: 1px solid #d0c2b9;
}
.side-nav .level_2 {
margin: 0 0 2px 0 !important;
background-color: #eaeaea;
}
.side-nav .level_3 {
margin: 0 0 2px 0 !important;
background-color: #eaeaea;
}
.side-nav ul.mainNav1, .side-nav ul.mainNav2,ul.mainNav3 {
margin: 0;
padding: 0;
}
.side-nav .level_1, .side-nav .level_2, .side-nav .level_3 {
padding: 10px 10px 10px 40px !important;
}
a.level_3::before {
content: "┗ ";
}
.side-nav ul.mainNav1 li, .side-nav ul.mainNav2 li {
line-height: 1.3;
font-size: 15px !Important;
color: #6b6056 !Important;
text-align: left;
display: inline;
}
.side-nav ul.mainNav1 li a, .side-nav ul.mainNav2 li a {
color:#2d0003 !Important;
text-decoration: none !important;
display: block;
}
.side-nav ul.mainNav1 a:hover, .side-nav ul.mainNav2 a:hover, .side-nav ul.mainNav3 a:hover {
color: #fff !Important;
background:#2d0003 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/navi-on.png) no-repeat 2px 2px;
opacity:1;
}
.side-nav ul.mainNav1 li .current {
display: block;
color: #fff !Important;
background:#2d0003 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/navi-on.png) no-repeat 2px 2px;
}

/*メールマガジン登録フォーム*/
.magazin {
width: 250px;
height: auto;
margin: 10px 5px;
padding-top: 60px;
background: #E60616 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/mail-magazin-title.png) no-repeat center 10px;
}
.cc-indexpage .L-side .magazin {
display: none;
}
.cc-indexpage .R-side .magazin {
margin: 0 auto 10px;
}

/*Lサイドバナースペース*/
.side-banner-L {
width: 250px;
min-height: 250px;
margin: 0 auto;
}

/*Rサイドバナースペースのコントロール*/
.cc-indexpage #side-banner-R-top {
display: none;
}
#side-banner-R-top {
padding-top: 30px;
}

/*Jimdoサイドバー*/
.side-content {
clear: both;
}

/*秀岳荘おすすめメインコンテンツバナー*/
.side-banner-L .osusume-banner img {
margin-bottom: 10px;
}


/*ソーシャル*/
.facebook, .twitter {
width:250px;
margin: 10px auto 30px;
}

/*Twitter*/
.timeline-Widget--edge {
border-radius: 0 !important;
border: 1px solid #E9EBEE !important;
}

.timeline-Footer {
padding: 10px 0 1rem !important;
font-size: 12px !important;
}

.cc-indexpage .twitter {
display: block;
}
.twitter {
display: none;
}


/*Instagram*/
.insta {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 10px;
    margin-top: 0;
    background: #000000;
    padding: 12px 8px 8px;
    box-sizing: border-box;
}

.insta h2 {
    background: none !important;
    padding: 0 0 0 2px !important;
}


.insta h2::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(https://u.jimcdn.com/cms/o/s768acbf4d50994c8/userlayout/img/instagram-icon-min.png?t=1675850281) no-repeat 0 center;
    background-size: contain;
    vertical-align: -6px;
    padding-right: 8px;
}




/*---------- フッター ----------*/
.footer {
clear: both;
background: #000;
padding: 2em 0;
}

.footer-inner {
width: 1080px;
margin: 0 auto;
}

.footer-inner a {
color: #FFF !important;
}

/*フッターロゴ*/
.footer-inner1 {
clear: both;
width: 230px;
height: 125px;
margin: 0 auto;
}

/*フッターナビ（お客様相談窓口＆プラバシーポリシー）*/
.footer-inner2 {
clear: both;
width: 1080px;
margin: 0 auto;
padding: 0;
}
.footer-link {
position: relative;
overflow: hidden;
}
.footer-link ul {
float:left;
left:50%;
position:relative;
list-style: none;
}
.footer-link li {
float:left;
left:-50%;
position:relative;
padding: 10px 20px 20px;
}
.footer-link li a {
font-size: 12px;
}

/*コピーライト*/
.footer-inner3 {
clear: both;
width: 1080px;
margin: 0 auto;
text-align: center;
}
.footer-inner3 p {
font-size: 12px;
}

/*Jimdoメニュー*/
.footer-inner4 {
clear: both;
width: 1080px;
margin: 0 auto;
}
.leftrow,.rightrow {
color: #FFF;
}
.leftrow a, .rightrow a {
color: #FFF !important;
}



/* =======================================
　　スマホ/タブレット（～479,480～769,～979）
======================================= */

/*========== 1079px以下 ==========*/
@media screen and ( max-width:1079px ) {
/*---------- 全体 ----------*/
.frame {
width: auto;
}  
    
/*---------- ヘッダー ----------*/
.header {
width: auto;
}
/*ヘッダーTOP*/
.header-top {
width: auto;
}
.header-top-L {
width: 100%;
padding-left: 20px;
} 
.header-top-L2 {
float: left;
max-width: 610px;
margin-left: 20px;
padding-right: 40px;
}
.header-top-R {
float: none;
width: 250px;
height: 40px;
margin: 0 auto;
background: url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/honyaku-bg.png) no-repeat center top;
} 
.trans-bg {
width: 100%;
height: 40px;
background: #DA202C;
}

/*ヘッダー下*/
.header-bot {
clear: both;
width: auto;
}
.header-bot-L {
padding-left: 20px;
}
.header-bot-R {
width: 100%;
}
.header-bot-R1{
display: block;
width: 100%;
height: auto;
margin-bottom: -20px;
}
.header-bot-R2, .header-bot-R3{
display: none;
}

/*ハンバーガーメニュー*/
#header-nav {
position: relative;
}
.j-nav-variant-standard {
margin-top: 92px;
}
#closeMenu {
position: absolute;
top: 55px;
right: 10px;
}
#header-nav,#layerMenu {
display: block;
}
#openMenu {
position: absolute;
top: -140px;
right: 10px;
}
#layerMenu {
display: none;
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
font-size: 16px;
line-height: 2 !important;
z-index:9999;
}
#layerMenu ul {
border-top: solid 1px #ccc;
}
#layerMenu ul li {
background: #fff;
list-style: none;
border-bottom: solid 1px #ccc;
}
#layerMenu ul li a {
position: relative;
padding: 10px;
text-decoration: none;
color: #2d0003;
text-align: center;
display: block;
}
#layerMenu ul li a:hover {
color: #fff;
background: #2d0003;
}
#layerMenu a.current.level_1, #layerMenu a.current.level_2, #layerMenu a.current.level_3 {
background: #2d0003;
color: #fff !important;
}

/*Jimdoナビ（ハンバーガーメニュー内）*/
ul#mainNav2 {
margin: -1px 0 0;
}

    
/*---------- ナビ ----------*/
.nav {
width: auto;
}
    
/*---------- メインビジュアル（スライド） ----------*/
.cc-indexpage .main-visual {
width: auto;
height: auto;
}
.cc-indexpage #header-slide, #header-slide {
display: none;
}

/*スマホ用スライド（Jimdoスライド機能）*/
#cc-m-10713996991{
display: block;
}

/*専門店バッジ*/
.cc-indexpage .senmon img {
position: static;
margin: 0 auto;
z-index: 100;
}


/*---------- 各店舗バナー ----------*/

/*ショップ非表示コントロール*/

.cc-indexpage .tenpo-banner,.shop-banner  {
display: block;
}
.tenpo-banner,.shop-banner  {
display: none;
}

.tenpo-banner {
width: auto;
height: auto;
}
.tenpo-banner ul {
float: none;
}
.tenpo-banner ul li {
float: none;
} 
.tenpo-banner ul li.menu01 a, .tenpo-banner ul li.menu02 a, .tenpo-banner ul li.menu03 a {
width: 100%;
height: 66px;
margin-right: 0;
margin-bottom: 2px;
}

    
/*---------- ネットショップバナー ----------*/
.shop-banner {
width: auto;
height: auto;
}
.shop-banner ul {
float: none;
}
.shop-banner ul li {
float: none;
} 
.shop-banner ul li.menu01 a, .shop-banner ul li.menu02 a, .shop-banner ul li.menu03 a {
width: 100%;
height: 66px;
margin-right: 0;
margin-bottom: 2px;
}   
    

/*---------- コンテンツ ----------*/
.content {
width: auto;
}
/*---------- コンテンツRサイド ----------*/
.content-R {
float: none;
width: auto;
}
    
/*---------- メイン ----------*/
.cc-indexpage .main, .main {
float: none;
width: 100%;
padding: 0;
}
/*---------- Rサイドバー ----------*/
.cc-indexpage .R-side, .R-side {
float: none;
width: 100%;
}
.side-banner-R {
width: auto;
}

/*秀岳荘ブログバナー*/
.other-blog {
width: 520px;
margin: 0 auto;
}
.other-blog img {
margin: 0 5px 10px;
}


/*ソーシャルプラグイン*/
.fb_iframe_widget {
display: block !important;
margin: 0 auto;
width: 350px;
}

.twitter {
width: 500px;
margin: 0 auto;
}

.insta {
width: 500px;
margin: 30px auto;
}


/*---------- Lサイドバー ----------*/
.cc-indexpage .L-side, .L-side {
float: none;
width: 100%;
}
.side-banner-L {
width: 100%;
}

/*Jimdoナビゲーション*/
.L-side .j-nav-variant-standard {
margin-top: 0;
}
.side-nav {
width: 100%;
margin: 2px 0 0;
}
.side-nav ul li {
text-align: center !important;
}
a.level_1, a.level_2, a.level_3 {
font-size: 20px;
font-weight: normal; 
line-height: 2;
}
.side-nav .level_1 {
background: #fff url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/nav-off.png) no-repeat 15px center;
}
.side-nav ul.mainNav1 a:hover, .side-nav ul.mainNav2 a:hover, .side-nav ul.mainNav3 a:hover {
background: #2d0003 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/navi-on.png) no-repeat 2px center;
}
.side-nav ul.mainNav1 li .current {
background: #2d0003 url(https://s3-ap-northeast-1.amazonaws.com/beecustom/shugakuso/web/navi-on.png) no-repeat 2px center;
}

/*メールマガジン登録フォーム*/
.magazin-frame {
width: 100%;
margin: 20px 0;
background: #E60616;
}
.magazin {
margin: 0 auto;
}

/*秀岳荘おすすめメインコンテンツバナー*/
.side-banner-L {
width: 100%;
margin: 0 auto;
}
.osusume-banner {
width: 780px;
margin: 0 auto;
}
.osusume-banner a img {
width: 250px;
float: left;
margin: 0 5px 10px;
}
   
/*---------- フッター ----------*/   
.footer {
width: auto;
}
.footer-inner {
width: auto;
}
   
/*リンク（相談窓口、プライバシーポリシー）*/
.footer-inner2 {
width: auto;
}
    
/*コピーライト*/
.footer-inner3 {
width: auto;
}

/*Jimdoメニュー*/
.footer-inner4 {
width: auto;
}
}

/*========== 870px以下 ==========*/
@media screen and ( max-width:870px ) {
.header-top-L2 {
max-width: 550px;
padding-right: 90px;
}

#openMenu {
top: -145px;
}
#closeMenu {
top: 60px;
}
.j-nav-variant-standard {
margin-top: 99px;
}
}

/*========== 814px以下 ==========*/
@media screen and ( max-width:814px ) {
#openMenu {
top: -175px;
}
}

/*========== 800px以下 ==========*/
@media screen and ( max-width:800px ) {
/*秀岳荘おすすめメインコンテンツバナー*/
.osusume-banner {
width: 520px;
margin: 0 auto;
}
}

/*========== 799px以下 ==========*/
@media screen and ( max-width:799px ) {

/*ハンバーガーアイコン*/
#openMenu {
top: -180px;
}
#closeMenu {
top: 55px;
}
.j-nav-variant-standard {
margin-top: 91px;
}

}

/*========== 739px以下 ==========*/
@media screen and ( max-width:739px ) {
.header-top-L2 {
margin-left: 0;
}
}

/*========== 660px以下 ==========*/
@media screen and ( max-width:660px ) {
.header-top-L2 {
height: 50px;
}

}


/*========== 540px以下 ==========*/
@media screen and ( max-width:540px ) {
/*秀岳荘ブログバナー*/
.other-blog {
width: 260px;
margin: 0 auto;
}
/*秀岳荘おすすめメインコンテンツバナー*/
.osusume-banner {
width: 260px;
margin: 0 auto;
}

/*ソーシャルプラグイン*/
.fb_iframe_widget {
display: block !important;
margin: 0;
width: 250px;
}

.twitter {
width: auto;
}

.insta {
width: auto;
}


}

/*========== 480px～769px ==========*/

@media only screen and (min-width: 480px)
and (max-width: 769px) {

/*カラム機能*/
.cc-m-hgrid-column,.cc-m-hgrid-column img {
margin: 0 auto;
}


}


/*========== スマホ479px以下 ==========*/

@media screen and ( max-width:479px ) {

/*カラム機能*/
.cc-m-hgrid-column {
width:100% !important;
}

/*ページャー*/
#slide-navi {
display: none;
}

/*ヘッダーキャッチ*/
.header-top-L2{
height: 70px;
}

#openMenu {
top: -200px;
}

/*ページコンテンツの各フロア見出し（F1〜F4など）*/
.shoppage-top {
margin-top: 70px;
}

}



/*========== スマホ350px以下 ==========*/

@media screen and ( max-width:350px ) {
#openMenu {
top: -200px;
}

}