/***************************************************************
           本体
***************************************************************/
/*--------------------------------------------------------------
    装飾
--------------------------------------------------------------*/
body
{
border-color: #C0C0C0;
border-width: 4px 0 0 0;
border-style: solid;
font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo, serif;
}


/***************************************************************
           ヘッダー（PC用）
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
#header_pc
{
display: none;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#header_pc #container
{
display: none;
}
/*--------------------------------------------------------------
    ロゴ
--------------------------------------------------------------*/
#header_pc #container .container_left
{
display: none;
}
/*--------------------------------------------------------------
    電話番号 & ファックス番号
--------------------------------------------------------------*/
#header_pc #container .container_center
{
display: none;
}
/*--------------------------------------------------------------
    ナビゲーション
--------------------------------------------------------------*/
#header_pc #container .container_right
{
display: none;
}
#header_pc #container .container_right ul
{
display: none;
}
#header_pc #container .container_right ul li
{
display: none;
}
#header_pc #container .container_right ul li:nth-of-type(n+2)
{
display: none;
}
#header_pc #container .container_right ul li a
{
display: none;
}


/***************************************************************
           ヘッダー（タブレット&スマートフォン用）
***************************************************************/
/*--------------------------------------------------------------
    ボックス
--------------------------------------------------------------*/
#header_sp
{
padding: 8% 0;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
/*--------------------------------------------------------------
    ロゴ
--------------------------------------------------------------*/
#header_sp p:nth-of-type(1)
{
position: absolute;
top: 14px;
left: 0;
}
#header_sp p:nth-of-type(1) a
{
display: block;
padding: 0 30% 0 20%;
}
#header_sp p:nth-of-type(1) a img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    電話
--------------------------------------------------------------*/
#header_sp p:nth-of-type(2)
{
position: absolute;
top: 14px;
left: 50%;
text-align: center;
}
#header_sp p:nth-of-type(2) a
{
color: #6A9291;
font-size: 24px;
text-decoration: none;
}
#header_sp p:nth-of-type(2) a span
{
display: block;
margin: 1% 0 0 0;
color: #6A9291;
font-size: 10px;
font-weight: bold;
}
/*--------------------------------------------------------------
    メール
--------------------------------------------------------------*/
#header_sp p:nth-of-type(3)
{
position: absolute;
top: 14px;
left: 68%;
text-align: center;
}
#header_sp p:nth-of-type(3) a
{
color: #6A9291;
font-size: 24px;
text-decoration: none;
}
#header_sp p:nth-of-type(3) a span
{
display: block;
margin: 1% 0 0 0;
color: #6A9291;
font-size: 10px;
font-weight: bold;
}


/***************************************************************
           ハンバーガー
***************************************************************/
/*--------------------------------------------------------------
    ハンバーガー
--------------------------------------------------------------*/
#hamburger .open
{
position: absolute;
top: 15px;
left: 88%;
}
#hamburger .open i
{
color: #6A9291;
font-size: 24px;
}
#hamburger .open span
{
display: block;
margin: 1% 0 0 0;
color: #6A9291;
font-size: 10px;
font-weight: bold;
text-align: center;
}
#hamburger .block
{
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
}
#hamburger .block nav ul
{
padding: 0 0 50px 0;
}
#hamburger .block nav ul li
{
padding: 40px 0 0 0;
text-align: center;
list-style: none;
}
#hamburger .block nav ul li a
{
color: #828c8b;
font-size: 20px;
font-weight: bold;
letter-spacing: 10px;
line-height: 50px;
text-align: center;
text-decoration: none;
}
#hamburger .block .close
{
position: absolute;
top: 15px;
left: 88%;
}
#hamburger .block .close i
{
color: #6A9291;
font-size: 24px;
}


/***************************************************************
           ビジュアル
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
#visual
{
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#visual #container
{
display: block;
box-sizing: border-box;
background: #FFFFFF;
border-color: #C0C0C0;
border-width: 0 1px;
border-style: solid;
}
/*--------------------------------------------------------------
    文章
--------------------------------------------------------------*/
#visual #container .container_left
{
display: block;
padding: 5% 1%;
}
#visual #container .container_left .parts_1 p
{
color: #6A9291;
font-size: 14px;
letter-spacing: 2px;
text-shadow: 2px 2px 2px #D3D3D3;
text-align: center;
}
#visual #container .container_left .parts_1 p span
{
font-size: 20px;
letter-spacing: 4px;
}
#visual #container .container_left .parts_2
{
margin: 5% 0 0 0;
}
#visual #container .container_left .parts_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#visual #container .container_left .parts_2 p br
{
display: none;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#visual #container .container_right
{
display: block;
}
#visual #container .container_right p img
{
display: block;
width: 100%;
}


/***************************************************************
           各店舗
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#shop
{
margin: 10% 0 0 0;
padding: 0 1%;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#shop #container
{
display: block;
box-sizing: border-box;
}
#shop #container:nth-of-type(n+2)
{
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    各店舗の領域
--------------------------------------------------------------*/
#shop #container #chapter
{
display: block;
}
#shop #container #chapter:nth-of-type(n+2)
{
margin: 5% 0 0 0;
}
/*--------------------------------------------------------------
    店舗名
--------------------------------------------------------------*/
#shop #container #chapter .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: solid;
text-align: center;
}
#shop #container #chapter .parts_1 p a
{
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}
#shop #container #chapter .parts_1 p a i
{
color: #6A9291;
}
/*--------------------------------------------------------------
    店舗情報
--------------------------------------------------------------*/
#shop #container #chapter .parts_2
{
margin: 2% 0 0 0;
}
#shop #container #chapter .parts_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#shop #container #chapter .parts_3
{
margin: 2% 0 0 0;
}
#shop #container #chapter .parts_3 iframe
{
width: 100%;
height: 300px;
}


/***************************************************************
           ニュース・お知らせ & 会社概要
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
#threecolumn
{
margin: 10% 0 0 0;
padding: 0 1%;
}
/*--------------------------------------------------------------
    コンテナ
--------------------------------------------------------------*/
#threecolumn #container
{
display: block;
box-sizing: border-box;
}
/*--------------------------------------------------------------
    ニュース・お知らせ
--------------------------------------------------------------*/
#threecolumn #container #news
{
display: block;
}
#threecolumn #container #news .parts_1 h2
{
color: #828c8b;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#threecolumn #container #news .parts_2
{
margin: 5% 0 0 0;
}
#threecolumn #container #news .parts_2 ul
{
display: block;
border-color: #828c8b;
border-width: 0 0 1px 0;
border-style: solid;
}
#threecolumn #container #news .parts_2 ul:nth-of-type(n+2)
{
margin: 5% 0 0 0;
}
#threecolumn #container #news .parts_2 ul li:nth-of-type(1)
{
display: block;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#threecolumn #container #news .parts_2 ul li:nth-of-type(2)
{
display: block;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#threecolumn #container #about
{
display: block;
margin: 10% 0 0 0;
}
#threecolumn #container #about .parts_1 h2
{
color: #828c8b;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
#threecolumn #container #about .parts_2
{
margin: 5% 0 0 0;
}
#threecolumn #container #about .parts_2 ul
{
display: block;
}
#threecolumn #container #about .parts_2 ul li:nth-of-type(1)
{
display: block;
padding: 1%;
background: #828c8b;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#threecolumn #container #about .parts_2 ul li:nth-of-type(2)
{
display: block;
padding: 1%;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
#threecolumn #container #image
{
display: block;
margin: 10% 0 0 0;
}
#threecolumn #container #image p
{
padding: 0 20%;
}
#threecolumn #container #image p img
{
display: block;
width: 100%;
}


/***************************************************************
           フッター
***************************************************************/
/*--------------------------------------------------------------
    余白
--------------------------------------------------------------*/
footer
{
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    ページトップへ戻る
--------------------------------------------------------------*/
footer .parts_1
{
width: 40%;
margin: 0 auto;
}
footer .parts_1 a.pc
{
display: none;
}
footer .parts_1 a.sp
{
text-decoration: none;
}
footer .parts_1 a.sp p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    画像
--------------------------------------------------------------*/
footer .parts_2 p img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    著作権
--------------------------------------------------------------*/
footer .parts_3
{
padding: 2% 0;
background: #aaa9a7; 
}
footer .parts_3 p
{
color: #FFFFFF;
font-size: 12px;
letter-spacing: 6px;
text-align: center;
}


/***************************************************************
           コンテンツ_下層ページ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower
{
display: block;
margin: 10% 0 0 0;
box-sizing: border-box;
padding: 0 1%;
}


/***************************************************************
           サイドバー
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #sidebar
{
display: block;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #sidebar .heading h2
{
padding: 0 30%;
}
#content_lower #sidebar .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    メニュー
--------------------------------------------------------------*/
#content_lower #sidebar .menu
{
margin: 10% 0 0 0;
}
#content_lower #sidebar .menu a
{
display: block;
text-decoration: none;
text-align: center;
}
#content_lower #sidebar .menu a:nth-of-type(n+2)
{
margin: 10% 0 0 0;
}
#content_lower #sidebar .menu a p
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
}
#content_lower #sidebar .menu a p i
{
color: #6A9291;
}


/***************************************************************
           会社概要
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #about
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #about .heading h2
{
padding: 0 10%;
}
#content_lower #about .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#content_lower #about .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #about .chapter_1 ul
{
display: block;
box-sizing: border-box;
}
#content_lower #about .chapter_1 ul li:nth-of-type(1)
{
display: block;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(1)
{
border-width: 0 0 1px 0;
}
#content_lower #about .chapter_1 ul li:nth-of-type(2)
{
display: block;
padding: 2%;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_1 ul li:nth-of-type(2) a
{
color: #b1c6c4;
}
/*--------------------------------------------------------------
    店舗所在地
--------------------------------------------------------------*/
#content_lower #about .chapter_2
{
margin: 10% 0 0 0;
}
#content_lower #about .chapter_2 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 20px;
letter-spacing: 4px;
}
#content_lower #about .chapter_2 h3 span
{
font-size: 14px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    各店舗情報
--------------------------------------------------------------*/
#content_lower #about .chapter_3
{
margin: 5% 0 0 0;
}
#content_lower #about .chapter_3 .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: dotted;
}
#content_lower #about .chapter_3 .parts_1 p
{
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#content_lower #about .chapter_3 .parts_1 p i
{
color: #6A9291;
}
#content_lower #about .chapter_3 .parts_2
{
margin: 2% 0 0 0;
}
#content_lower #about .chapter_3 .parts_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #about .chapter_3 .parts_3
{
margin: 2% 0 0 0;
}
#content_lower #about .chapter_3 .parts_3 iframe
{
width: 100%;
height: 300px;
}


/***************************************************************
           アクセス
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #access
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #access .heading h2
{
padding: 0 10%;
}
#content_lower #access .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    会社概要
--------------------------------------------------------------*/
#content_lower #access .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #access .chapter_1 ul
{
display: block;
box-sizing: border-box;
}
#content_lower #access .chapter_1 ul li:nth-of-type(1)
{
display: block;
padding: 2%;
background: #DAEDEC;
border-color: #C0C0C0;
border-width: 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #access .chapter_1 ul:nth-of-type(n+2) li:nth-of-type(1)
{
border-width: 0 0 1px 0;
}
#content_lower #access .chapter_1 ul li:nth-of-type(2)
{
display: block;
padding: 2%;
border-color: #C0C0C0;
border-width: 0 0 1px 0;
border-style: solid;
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #access .chapter_1 ul li:nth-of-type(2) a
{
color: #b1c6c4;
}
/*--------------------------------------------------------------
    地図
--------------------------------------------------------------*/
#content_lower #access .chapter_2
{
margin: 10% 0 0 0;
}
#content_lower #access .chapter_2 .parts_1 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 20px;
letter-spacing: 4px;
}
#content_lower #access .chapter_2 h3 span
{
font-size: 14px;
letter-spacing: 2px;
}
#content_lower #access .chapter_2 .parts_2
{
margin: 5% 0 0 0;
}
#content_lower #access .chapter_2 .parts_2 iframe
{
width: 100%;
height: 300px;
}


/***************************************************************
           採用情報
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #recruit
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #recruit .heading h2
{
padding: 0 20%;
}
#content_lower #recruit .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    平成24年（2012年）　採用情報
--------------------------------------------------------------*/
#content_lower #recruit .chapter_1
{
margin: 5% 0 0 0;
}
#content_lower #recruit .chapter_1  h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 20px;
letter-spacing: 4px;
}
/*--------------------------------------------------------------
    採用内容
--------------------------------------------------------------*/
#content_lower #recruit .chapter_2
{
margin: 5% 0 0 0;
padding: 2%;
border-color: #b1c6c4;
border-width: 2px;
border-style: solid;
}
#content_lower #recruit .chapter_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
text-align: center;
}


/***************************************************************
           お問い合わせ
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #inquiry
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    見出し
--------------------------------------------------------------*/
#content_lower #inquiry .heading h2
{
padding: 0 20%;
}
#content_lower #inquiry .heading h2 img
{
display: block;
width: 100%;
}
/*--------------------------------------------------------------
    フォーム
--------------------------------------------------------------*/
#content_lower #inquiry iframe
{
margin: 5% 0 0 0;
width: 100%;
height: 800px;
}


/***************************************************************
           各店舗情報
***************************************************************/
/*--------------------------------------------------------------
    領域
--------------------------------------------------------------*/
#content_lower #shop
{
display: block;
margin: 10% 0 0 0;
}
/*--------------------------------------------------------------
    店舗所在地
--------------------------------------------------------------*/
#content_lower #shop .chapter_1 h3
{
padding: 2%;
background: #efefef;
border-radius: 10px;
color: #828c8b;
font-size: 20px;
letter-spacing: 4px;
}
#content_lower #shop .chapter_1 h3 span
{
font-size: 14px;
letter-spacing: 2px;
}
/*--------------------------------------------------------------
    各店舗情報
--------------------------------------------------------------*/
#content_lower #shop .chapter_2
{
margin: 5% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_1
{
padding: 0 0 1% 0;
border-color: #6A9291;
border-width: 0 0 1px 0;
border-style: dotted;
}
#content_lower #shop .chapter_2 .parts_1 p
{
color: #828c8b;
font-size: 14px;
font-weight: bold;
letter-spacing: 2px;
text-align: center;
}
#content_lower #shop .chapter_2 .parts_1 p i
{
color: #6A9291;
}
#content_lower #shop .chapter_2 .parts_2
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_2 p
{
color: #828c8b;
font-size: 14px;
letter-spacing: 2px;
line-height: 20px;
}
#content_lower #shop .chapter_2 .parts_3
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_3 iframe
{
width: 100%;
height: 300px;
}
#content_lower #shop .chapter_2 .parts_4
{
margin: 2% 0 0 0;
}
#content_lower #shop .chapter_2 .parts_4 ul
{
display: table;
width: 100%;
table-layout: fixed;
box-sizing border-box
}
#content_lower #shop .chapter_2 .parts_4 ul li
{
display: table-cell;
vertical-align: top;
text-align: center;
}
#content_lower #shop .chapter_2 .parts_4 ul li a
{
padding: 5px;
background: #828c8b;
color: #FFFFFF;
font-size: 14px;
letter-spacing: 2px;
text-decoration: none;
}
/*--------------------------------------------------------------
    メニュー情報
--------------------------------------------------------------*/
#content_lower #shop .chapter_3
{
margin: 5% 0 0 0;
}