@charset "utf-8";

/* =======================================
　　5.Googleカレンダー（レスポンシブ）
======================================= */
.gc_wrapper {
max-width: 1000px; 
min-width: 300px; 
margin: 2.0833% auto;
}

.responsive-iframe-container {
position: relative;
padding-bottom: 90%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.responsive-iframe-container iframe,   
.responsive-iframe-container object,  
.responsive-iframe-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (max-width: 600px) {
.big-container {
display: none;
}
.small-container {
padding-bottom: 245%;   /* 高さ */
}
}
@media (min-width: 600px) {
.small-container {
display: none;
}
}


/* =======================================
　　4-6.生徒様の声ページ　スタイル
======================================= */
/*よくある質問メニューバナー*/
.voice-menu-btn img {
max-width: 340px;
width:100%;
margin: 0 auto;
}

/*========== 749px以下 ==========*/
@media screen and ( max-width:749px ) {
/*よくある質問メニューバナー*/
div#cc-m-10897523397 .cc-m-hgrid-column {/*カラムID*/
width:100% !important;
}
}




/* =======================================
　　4-5.よくあるQ&Aページ　スタイル
======================================= */
/*ヨガの見出し2（葉っぱアイコン）*/
h2.faq-h2-yoga {
border-left: none !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 30px !important;
color: #FF9E9A !important;
padding-left: 35px !important;
background: url(https://webken-bee.com/fiora/web/05/h2-yoga-icon.png) no-repeat 0 10px;
}
/*ダンスの見出し2（葉っぱアイコン）*/
h2.faq-h2-dance {
border-left: none !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 30px !important;
color: #81BEF9 !important;
padding-left: 53px !important;
background: url(https://webken-bee.com/fiora/web/05/h2-dance-icon.png) no-repeat 0 10px;
}
/*よくある質問メニューバナー*/
.faq-banner img {
max-width: 340px;
width:100%;
margin: 0 auto;
}

/*========== 749px以下 ==========*/

@media screen and ( max-width:749px ) {
/*よくある質問メニューバナー*/
div#cc-m-10896659797 .cc-m-hgrid-column {/*カラムID*/
width:100% !important;
}
}

/*========== 399px以下 ==========*/
@media screen and ( max-width:399px ) {
/*よくある質問メニューバナー*/
.faq-banner img {
width: 100%;
}
}

/* =======================================
　　4-4.ダンスページ　スタイル
======================================= */
/*----------　fioraヒップホップダンスのご紹介　----------*/
/*ダンスページの見出し2（帽子アイコン）*/
h2.dance-page {
border-left: none !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 24px !important;
padding-left: 58px !important;
background: url(https://webken-bee.com/fiora/web/04/h2-icon.png) no-repeat 0 5px;
}
/*ダンスページの見出し2（アイコンなし明朝）*/
h2.dance-page-koshi {
font-size: 30px !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
border-left: none !important;
padding: 0.6rem 0 0 !important;
}
/*ダンスページの見出し3*/
h3.dance-page {
background: #8DC5FA;
color: #FFF !important;
font-size: 18px !important;
font-weight: normal !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
margin: 2rem 0 1rem !important;
padding: 0.5em 1.5em 0.3em !important;
}
/*箇条書きリスト*/
.dance-page ul {
list-style: none;
}
.dance-page ul li {
margin-bottom: 1.2em !important;
padding-left: 35px;
background: url(https://webken-bee.com/fiora/web/04/list-mark.png) no-repeat 0 0;
}
/*サイクル画像hover*/
div#cc-m-10896635397 a img:hover, div#cc-m-10896635397 a:hover {
opacity: 1 !important;
}


/* =======================================
　　4-3.ヨガページ　スタイル
======================================= */
/*----------　fioraヒーリングヨガのご紹介　----------*/
/*ヨガページの見出し2（葉っぱアイコン）*/
h2.yoga-page {
border-left: none !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 24px !important;
padding-left: 35px !important;
background: url(https://webken-bee.com/fiora/web/03/h2-icon.png) no-repeat 0 5px;
}
/*ヨガページの見出し2（アイコンなし明朝）*/
h2.yoga-page-koshi {
font-size: 30px !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
border-left: none !important;
padding: 0.6rem 0 0 !important;
}
/*ヨガページの見出し3*/
h3.yoga-page {
background: #ff9e9a;
color: #FFF !important;
font-size: 18px !important;
font-weight: normal !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
margin: 2rem 0 1rem !important;
padding: 0.5em 1.5em 0.3em !important;
}
/*箇条書きリスト*/
.yoga-page ul {
list-style: none;
}
.yoga-page ul li {
margin-bottom: 1.2em !important;
padding-left: 24px;
background: url(https://webken-bee.com/fiora/web/03/list-mark.png) no-repeat 0 3px;
}
/*サイクル画像hover*/
div#cc-m-10896488597 a img:hover, div#cc-m-10896488597 a:hover {
opacity: 1 !important;
}


/* =======================================
　　4-2.教室スケジュールページ　スタイル
======================================= */

/*----------　「教室の内容を詳しくみてみよう」　----------*/
.lesson-title {
margin:20px 0;
padding: 0.5rem 0.5rem 0.2rem;
text-align: center;
background: url(https://webken-bee.com/fiora/web/02/h2title-kazari-L.png) no-repeat 1% center,url(https://webken-bee.com/fiora/web/02/h2title-kazari-R.png) no-repeat 99% center,#edeec5;
}
.lesson-title p {
color: #6D684A !important;
font-size: 26px !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
}

/*----------　ダンス教室エリア　----------*/
/*ヒップホップダンス教室タイトル*/
h2.class-title-dance {
margin: 1rem 0 1rem !important;
padding: 0.6rem 0.4rem 0.1rem !important;
color: #81bff9 !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
border-left: 5px solid #8DC5FA !important;
}
span.class-title-main {
font-size: 40px;
}
span.class-title-sub {
font-size: 16px;
padding: 0 0 0 0.5rem;
}

/*=== 各教室ごと ===*/
/*教室名*/
h3.class-title-dance {
font-weight: normal !important;
padding: 1rem 0.5rem 0.5rem 50px !important;
color: #FFF !important;
background: #8DC5FA url(https://webken-bee.com/fiora/web/02/h3title-icon-dance.png) no-repeat 5px center;
margin: 0.5rem 0 0.2rem !important;
}
span.class-title-L {/*ヨガも共通*/
font-size: 24px;
}
span.class-title-R {/*ヨガも共通*/
float: right;
}

/*教室の各クラス名*/
h4.class-ver {/*ヨガも共通*/
font-size: 22px;
font-weight: normal !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
margin: 0 0 1rem;
}

/*お問い合わせボタン*/
.contact-btn-dance {
margin: 20px 0 30px;
}
.contact-btn-dance span {
display: inline-block;
border: 3px solid #8DC5FA;
border-radius: 10px;
padding: 0.5rem 1.5rem;
color: #81BFF9 !important;
font-size: 16px;
text-align: center;
}

/*----------　ヨガ教室エリア　----------*/
/*ヒーリングヨガ教室タイトル*/
h2.class-title-yoga {
margin: 1rem 0 1rem !important;
padding: 0.6rem 0.4rem 0.1rem !important;
color: #ff938f !important;
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
border-left: 5px solid #ff938f !important;
}
span.class-title-main {
font-size: 40px;
}
span.class-title-sub {
font-size: 16px;
padding: 0 0 0 0.5rem;
}

/*=== 各教室ごと ===*/
/*教室名*/
h3.class-title-yoga {
font-weight: normal !important;
padding: 1rem 0.5rem 0.5rem 50px !important;
color: #FFF !important;
background: #ff938f url(https://webken-bee.com/fiora/web/02/h3title-icon-yoga.png) no-repeat 5px center;
margin: 0.5rem 0 0.2rem !important;
}

/*お問い合わせボタン*/
.contact-btn-yoga {
margin: 20px 0 30px;
}
.contact-btn-yoga span {
display: inline-block;
border: 3px solid #ff938f;
border-radius: 10px;
padding: 0.5rem 1.5rem;
color: #ff938f !important;
font-size: 16px;
text-align: center;
}

/*道新に直接お問い合わせください*/
.doshin {
padding: 20px;
margin: 20px;
border: 1px solid #FF9E9A;
}

/*ヨガ出張講座*/
div#cc-m-10896445597 ul {
margin: 1em 1em 2em;
}
div#cc-m-10896445597 ul li {
float: left;
line-height: 2 !important;
}

/*========== 779px以下 ==========*/
@media screen and ( max-width:779px ) {
span.class-title-L {
font-size: 18px;
}
span.class-title-R {
display: none;
}
}


/* =======================================
　　4-1.トップページ　スタイル
======================================= */

/*----------　新着情報（What's new）　----------*/

div#cc-m-10894401397 {/*文章*/
margin: 10px 0 0;
padding: 50px 0 0;
background: url(https://webken-bee.com/fiora/web/01/title-whatnew.png) no-repeat center top;
}
div#cc-m-10894401397 ul {
list-style: none;
}
div#cc-m-10894401397 ul li {
margin: 0.5em 3em 0 0;
padding: 0.2em 0.5em 0.5em;
border-bottom: 1px dotted #ccc;
}

/*----------　Studio fioraとは　----------*/

/*Studio fioraとは（見出し2）*/
h2.toppage-style {
border-left: none !important;
max-width: 670px;
margin: 20px auto 0 !important;
}

/*キャッチコピー*/
.about-catch p {
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 22px !important;
text-align: center;
}

/*fiora選ばれる理由（見出し3）*/
h3.about-fiora {
font-family: Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-size: 32px !important;
text-align: center;
color: #85160E !important;
font-weight: normal !important;
}

/*理由✕2項目（見出し4）*/
h4.about-fiora {
font-size: 22px;
line-height: 1.5;
font-weight: normal;
padding: 0 0 0 60px;
background: url(https://webken-bee.com/fiora/web/01/crown.png) no-repeat 0 0;
}
div#cc-m-10894447097 {/*「安心」のカラムID*/
padding: 0 40px !important;
}
div#cc-m-10894457597 {/*「特徴」のカラムID*/
padding: 0 40px 40px !important;
background: url(https://webken-bee.com/fiora/web/01/about-frame.png) no-repeat center bottom;
}

/*News*/
h2.toppage-news {
border-left: none !important;
max-width: 700px;
margin: 40px auto 20px !important;
}
h2.toppage-news img {
max-width: 700px;
}

/*SNS&RSS更新*/
h3.sns-title {
font-size: 14px !important;
background: url(https://webken-bee.com/fiora/web/01/title-sns-kazari.png) no-repeat center bottom;
text-align: center;
padding: 0 0 20px !important;
}
.sns-txt {
min-height: 100px;
}
.ameblo {/*アメブロRSS*/
border: 1px solid #E9EBEE;
}
.fb {/*Facebook RSS*/
/*border: 1px solid #E9EBEE;*/
}
.jimdo-blog {/*JimdoブログRSS*/
border: 1px solid #E9EBEE;
}


/*========== 649px以下 ==========*/
@media screen and ( max-width:649px ) {
/*Studio fioraとは*/
div#cc-m-10894457597 {/*「特徴」のカラムID*/
background-size: contain;
}
h2.toppage-style img {
width: 100%;
}

/*News*/
h2.toppage-news img {
width: 100%;
}
div#cc-m-10895536297 {/*カラムID*/
text-align: center;
}

/*SNS&RSS更新*/
div#cc-m-10895538397 {/*カラムID*/
text-align: center;
}
.sns-txt {
min-height: 20px;
}


}



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

/*リセット*/

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


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


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

#content_area, #content_area p, #content_area .j-calltoaction-link, 
#content_area .j-text ul li, #content_area .j-text ol li {
color: #555;
font-size: 15px;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.7;
}

p.mincho, p.mincho span {
font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif !important;
font-feature-settings : "palt";
}

article#main{
-webkit-text-size-adjust: 100%;/*iPhone用文字対策*/
}

article#main a:link {
text-decoration: underline;
color: #75AD20;
}

article#main a:visited {
text-decoration: underline;
color: #75AD20;
}

article#main a:active {
text-decoration: underline;
}

article#main a:hover {
opacity: 0.7;
}

#wrapper ul li, #wrapper ol li {
margin: 0 1em;
}



/*----------　見出しスタイル　----------*/
/*見出し1*/
article#main h1, aside#side h1 {
color: #6d684a;
font-size: 30px;
font-weight: normal;
font-family:Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
margin: 0 0 0.5rem;
padding: 0; 
text-align: center;
font-feature-settings : "palt";
}

/*見出し2*/
article#main h2, aside#side h2 {
color: #222;
font-size: 20px;
font-weight: normal;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 1rem 0 0.5rem;
padding: 0.6rem;
border-left: 5px solid #EDEEC5;
font-feature-settings : "palt";
}

/*見出し3*/
article#main h3, aside#side h3 {
color: #222;
font-size: 16px;
font-weight: bold;
font-family: "メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin: 0.2rem 0;
padding: 0;
font-feature-settings : "palt";
}


/*----------　水平線　----------*/
div.hr {
width: 95%;
margin: 30px auto !important;
border-bottom: 1px solid #C7BC9E !Important;
}


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


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


/*----------　ボタン　----------*/
/*スタイル1*/
a.j-calltoaction-link.j-calltoaction-link-style-1 {
background: transparent;
border: 3px solid #ff9e9a;
color: #ff9e9a !important;
font-size: 16px !important;
margin: 2rem 0;
padding: 0.5rem 2rem;
}

/*スタイル2*/
a.j-calltoaction-link.j-calltoaction-link-style-2 {
background: transparent;
border: 3px solid #8DC5FA;
color: #8DC5FA !important;
font-size: 16px !important;
margin: 2rem 0;
padding: 0.5rem 2rem;
}


/*----------　お問い合わせフォーム　----------*/
/*送信ボタン*/
input[type="submit"] {
background: #EDEEC5;
font-size: 16px;
border: 1px solid #ccc;
padding: 0.5rem 3rem !important;
}
input[type="submit"]:hover {
opacity: 0.7;
}
/*入力フォーム*/
.cc-m-form-view-input-wrapper {
padding: 5px;
}
input {
padding: 0.5rem !important;
}


/* =======================================
　　1.PC表示
======================================= */

/*---------- コンテナ ----------*/
#container {
overflow: hidden; /*はみ出し制御*/
background: url(https://webken-bee.com/fiora/web/design/bg.jpg) no-repeat center top fixed;
}


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


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

/*ハンバーガーアイコン(モバイル用)*/
#mobile-nav {
display: none;　/*PC表示では非表示とする*/
}

/* ロゴエリア */
#logo {
width: 100%;
padding: 10px 0
}
#logo h1 {
width: 810px;
height: 100px;
margin: 0;
}

/*メインビジュアル*/
.cc-indexpage #main-visual {/*トップページのみ*/
display: block;
width: 100%;
height: auto;
}
.cc-indexpage #main-visual img{/*トップページのみ*/
width:100%;
}

#main-visual {
display: none;
}


/*---------- グローバルナビゲーション（ヘッダー下） ----------*/
.cc-indexpage #global-nav {/*トップページのみ*/
margin: 20px auto 0;
}

#global-nav {
width: 980px;
height: 50px;
margin: 30px auto 30px;
}

#global-nav ul {
float: left;
list-style: none;
margin: 0;
}

#global-nav ul li {
float: left;
padding: 0 !important;
}

#global-nav ul li a {
display: block;
height: 50px;
background: url(https://webken-bee.com/fiora/web/design/navi.png) no-repeat 0 0;
}

#global-nav ul li a:hover {
opacity: 0.7;
}

#global-nav ul li a span {
display: none;
}

/* Link1*/
#global-nav ul li.link1 a {
width: 150px;
background-position: 0 0;
}

/* Link2*/
#global-nav ul li.link2 a {
width: 170px;
background-position: -150px 0;
}

/* Link3*/
#global-nav ul li.link3 a {
width: 170px;
background-position: -320px 0;
}

/* Link4*/
#global-nav ul li.link4 a {
width: 175px;
background-position: -490px 0;
}

/* Link5*/
#global-nav ul li.link5 a {
width: 165px;
background-position: -665px 0;
}

/* Link6*/
#global-nav ul li.link6 a {
width: 150px;
background-position: -830px 0;
}


/*---------- コンテンツ ----------*/
#wrapper{
max-width: 1090px;
min-height: 200px;
margin: 0;
padding: 20px 0 50px;
}

/*コンテンツ最後のバナー（ヨガ＆ダンス）*/
.footer-banner {
width: 625px;
margin: 40px auto 20px;
}
.footer-banner-image {
max-width: 290px;
width: 100%;
float: left;
margin: 0.5rem;
}
.footer-banner-image img{
max-width: 290px;
width: 100%;
}

/*.footer-banner ul {
list-style: none;
}
.footer-banner ul li {
float: left;
}*/



/*---------- メイン（コンテンツ） ----------*/
article#main {
float: right;
width: 720px;
margin: 0 5px;
padding: 20px;
border: 1px solid #C1D178;
}


/*---------- サイドバー ----------*/
aside#side {
float: left;
width: 300px;
margin: 0;
padding: 0;
}

/*サイトナビのタイトル*/
.site-nav-title {
width: 290px;
margin: 20px auto 0;
}
.site-nav-title　img {
width: 290px;
height: 55px;
}


/*---------- ナビ（サイドバー内） ----------*/
nav#main-nav {
width: 290px;
min-height: 40px;
margin: 20px auto;
padding: 65px 0 0;
background: #FFF url(https://webken-bee.com/fiora/web/design/sitenavi-title.png) no-repeat center top;
}

nav#main-nav ul {
list-style: none;
}

nav#main-nav ul li {
/*border: 1px solid #ccc;*/
margin: 2px 0;
}

nav#main-nav ul li a {
color: #555;
text-decoration: none;
}

nav#main-nav ul li a span {
display: block;
font-size: 14px !important;
padding: 0.5em;
border: 1px solid #ccc;
background: #FFF;
}

nav#main-nav ul li a span:hover, #main-nav ul li a.current span {
background: #EDEEC5;
color: #222;
}


/*1階層目のコントロール*/
nav#main-nav .parent.level_1 span::after {
content: " ▼";
color: #ccc;
font-size: 0.8em;
}

/*2階層目のコントロール*/
nav#main-nav ul#mainNav2 {
margin: -1px 0;
}
nav#main-nav a.level_2 span::before {
content: "− ";
color: #ccc;
}
nav#main-nav a.parent.level_2 span::after {
content: " ▼";
color: #ccc;
font-size: 0.8em;
}

/*3階層目のコントロール*/
nav#main-nav ul#mainNav3 {
margin: -1px 0;
}
nav#main-nav a.level_3 span {
padding-left: 2rem !important;
}
nav#main-nav a.level_3 span::before {
content: "― ";
color: #ccc;
}


/*---------- フッター ----------*/
#footer {
clear: both;
}

#footer #footer-inner {
max-width: 1090px;
margin: 0 auto;
padding: 10px 0;
}

/*フッターロゴ*/
#footer-logo {
clear: both;
width: 300px;
height: 200px;
margin: 20px auto;
}

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

/*Jimdoメニュー*/
#footer-menu {
clear: both;
width: 100%;
margin: 0 auto;
padding: 10px 0 50px;
background: url(https://webken-bee.com/fiora/web/design/footer-kazari.png) no-repeat center bottom;
}

#footer-menu-inner {
max-width: 1080px;
min-height:10px;
margin: 0 auto;
}


/*---------- Jimdoブログ ----------*/

/*ブログ一覧ページ*/
.datetime-inner p {/*日付*/
float: left;
font-size: 0.8rem !important;
padding: 0;
margin: 0 !important;
line-height: 1 !important;
}
a.blogreadmore {/*続きを読む*/
font-size: 0.8rem;
}
span.comment {/*コメント*/
font-size: 0.8rem !important;
}


/*ブログ個別ページ*/
.post.clearover h1 {/*ブログタイトル*/
clear: both;
margin: 1.2rem 0 !important;
color: #222 !important;
}
.n.j-comment p.skiptoform {/*「コメントをお書き下さい」*/
font-size: 12px !important;
margin-top: -10px;
}


/* =======================================
　　2.スマホ/タブレット
======================================= */

/*========== 1087px以上 ==========*/

@media screen and ( min-width:1087px ) {

/*---------- フッター内のJimdoナビ ----------*/
#footer-nav {
clear: both;
width: 1080px;
margin: 0 auto;
padding: 0.1em 0 0.5em;
}

#footer-nav ul li {
float: left;
list-style: none;
font-size: 14px;
margin-bottom: 1em;
}

#footer-nav #mainNav2 {
display: none; /*二階層目以下の非表示*/
}

#footer-nav ul li a {
color: #555;
text-decoration: none;
}

#footer-nav ul li a:hover {
color: #888;
}

div#footer-nav .level_1 {
margin: 0 0 0 2em;
padding: 0 0 0 1em;
border-left: 1px solid #ccc;
}

}



/*========== 1086px以下 ==========*/

@media screen and ( max-width:1086px ) {
    
/*---------- 全体 ----------*/
#frame {
width: auto;
}  

/*---------- ヘッダー ----------*/
header {
width: auto;
}


/*---------- コンテンツ ----------*/
article #main{
width: auto;
}


/*---------- メイン（コンテンツ） ----------*/
article#main {
float: none;
width: auto;
}


/*---------- サイドバー ----------*/
aside#side {
float: none;
width: auto;
padding: 20px 30px;
}

/*サイトナビのタイトル*/
.site-nav-title {
display: none; /*1079px以下は非表示*/
}

/*---------- ナビ（サイドバー内） ----------*/
nav#main-nav {
display: none; /*1079px以下は非表示*/
}
    

/*---------- フッター ----------*/   
#footer {
width: auto;
}

#footer #footer-inner {
width: auto;
}

/*---------- フッターのJimdoナビ（モバイル用) ----------*/
#footer-nav {
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 16px;
}
    
#footer-nav ul {
border-top: solid 1px #ccc;
}
#footer-nav ul li {
background: #fff;
list-style: none;
border-bottom: solid 1px #ccc;
}
#footer-nav ul li a {
position: relative;
padding: 10px;
text-decoration: none;
color: #555;
display: block;
}
    
#footer-nav a:hover, #footer-nav a.current {/*hover時と選択時*/
background: #6D684A;
color: #FFF !important;
}
    
#footer-nav a.level_1 {/*セル内のpadding（全体）*/
padding: 0.5em 1.5em !important;
}
    
/*1階層目のコントロール*/
#footer-nav a.parent.level_1::after { /*2階層が開いている時*/
content: " ▼";
color: #ccc;
font-size: 12px;
}

/*2階層目のコントロール*/
#footer-nav ul#mainNav2 {
margin: -1px 0;
}
#footer-nav a.level_2 {
padding-left: 2rem !important;
}
#footer-nav a.level_2::before {
content: "− ";
color: #ccc;
}
#footer-nav a.parent.level_2::after { /*3階層が開いている時*/
content: " ▼";
color: #ccc;
font-size: 12px;
}

/*3階層目のコントロール*/
#footer-nav ul#mainNav3 {
margin: -1px 0;
}
#footer-nav a.level_3 {
padding-left: 4rem !important;
}
#footer-nav a.level_3::before {
content: "― ";
color: #ccc;
}
    
/*コピーライト*/
#footer-copyright {
width: auto;
}

/*Jimdoメニュー*/
#footer-menu {
width: auto;
}

}



/*========== 979px以下 ==========*/

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

/*---------- ハンバーガーアイコン(モバイル用TOP) ----------*/
#mobile-nav {
display: block;　/*979px以下での強制表示*/
width: auto;
background: #C1D178;
}

/*オープン＆クローズ*/
#openMenu {
top: 0;
left: 0;
}
#closeMenu {
top: 0;
left: 0;
}    
#openMenu img:hover, #closeMenu img:hover {
opacity: 1;
}
    
#jimdo-mobile-nav {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 16px;
z-index: 100;
}
    
#jimdo-mobile-nav ul {
border-top: solid 1px #ccc;
}
#jimdo-mobile-nav ul li {
background: #fff;
list-style: none;
border-bottom: solid 1px #ccc;
}
#jimdo-mobile-nav ul li a {
position: relative;
padding: 10px;
text-decoration: none;
color: #555;
display: block;
}
    
#jimdo-mobile-nav a:hover, #jimdo-mobile-nav a.current {/*hover時と選択時*/
background: #6D684A;
color: #FFF !important;
}
    
#jimdo-mobile-nav a.level_1 {/*セル内のpadding（全体）*/
padding: 0.8em 1.5em !important;
}
    
/*1階層目のコントロール*/
#jimdo-mobile-nav a.parent.level_1::after { /*2階層が開いている時*/
content: " ▼";
color: #ccc;
font-size: 0.8em;
}

/*2階層目のコントロール*/
#jimdo-mobile-nav ul#mainNav2 {
margin: -1px 0;
}
#jimdo-mobile-nav a.level_2 {
padding-left: 2rem !important;
}
#jimdo-mobile-nav a.level_2::before {
content: "− ";
color: #ccc;
}
#jimdo-mobile-nav a.parent.level_2::after { /*3階層が開いている時*/
content: " ▼";
color: #ccc;
font-size: 0.8em;
}

/*3階層目のコントロール*/
#jimdo-mobile-nav ul#mainNav3 {
margin: -1px 0;
}
#jimdo-mobile-nav a.level_3 {
padding-left: 4rem !important;
}
#jimdo-mobile-nav a.level_3::before {
content: "― ";
color: #ccc;
}


/*---------- グローバルナビゲーション（ヘッダー下） ----------*/
#global-nav {
display: none; /*979px以下は非表示*/
}

}


/*========== 810px以下 ==========*/

@media screen and ( max-width:810px ) {
    
/* ロゴエリア */
#logo h1 {
width: 100%;
height: auto;
}
#logo h1 img {
width: 90%;
margin: 10px 5%;
}
    
}


/*========== 699px以下 ==========*/

@media screen and ( max-width:699px ) {
/*コンテンツ最後のバナー（ヨガ＆ダンス）*/
.footer-banner {
width: 290px;
}
.footer-banner ul li {
margin: 0 0 20px !important;
}

}


/*========== 650px～769px ==========*/
@media only screen and (min-width: 650px)
and (max-width: 769px) {
/*カラム機能調整*/
.cc-m-hgrid-column,.cc-m-hgrid-column img {
margin: 0 auto;
}

}


/*========== 649px以下 ==========*/
@media screen and ( max-width:649px ) {
/*カラム機能調整*/
.cc-m-hgrid-column {
width:100% !important;
}

}


/*========== 449px以下 ==========*/
@media screen and ( max-width:449px ) {
/*コンテンツ最後のバナー（ヨガ＆ダンス）*/
.footer-banner {
width: 100%;
}

/*フッターロゴ*/
#footer-logo {
max-width: 300px;
width: 90%;
padding: 0 5%;
}
img.footer-logo {
width: 100%;
}

}