/***************************************************************
           全体
***************************************************************/
/*--------------------------------------------------------------
    装飾
--------------------------------------------------------------*/
body
{
font-family: "メイリオ" , "Meiryo" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "Osaka" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
box-sizing: border-box;
overflow-x: hidden;
}
/*--------------------------------------------------------------
    フェードイン
--------------------------------------------------------------*/
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
/*--------------------------------------------------------------
    リンク
--------------------------------------------------------------*/
a
{
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
-ms-transition: 0.5s;
transition: 0.5s;
}


/***************************************************************
           ヘッダー
***************************************************************/
/*--------------------------------------------------------------
    線
--------------------------------------------------------------*/
header
{
border-color: #90EE90;
border-width: 4px 0 0 0;
border-style: solid;
}
/*--------------------------------------------------------------
    パソコン用
--------------------------------------------------------------*/
/* 領域
--------------------------------------------------------------*/
header #pc
{
display: none;
}
/* テーブル_1
--------------------------------------------------------------*/
/*テーブル*/
header #pc #table_1
{
display: none;
}
/*左側*/
header #pc #table_1 .left
{
display: none;
}
header #pc #table_1 .left h1
{
display: none;
}
/*右側*/
header #pc #table_1 .right
{
display: none;
}
header #pc #table_1 .right a
{
display: none;
}
header #pc #table_1 .right a:hover
{
display: none;
}
header #pc #table_1 .right a i
{
display: none;
}
/* テーブル_2
--------------------------------------------------------------*/
/*テーブル*/
header #pc #table_2
{
display: none;
}
/*左側*/
header #pc #table_2 .left
{
display: none;
}
header #pc #table_2 .left p a
{
display: none;
}
header #pc #table_2 .left p a span
{
display: none;
}
/*右側*/
header #pc #table_2 .right
{
display: none;
}

header #pc #table_2 .right .link_1 a
{
display: none;
}
header #pc #table_2 .right .link_1 a:hover
{
display: none;
}
header #pc #table_2 .right .link_1 a span:nth-of-type(1)
{
display: none;
}
header #pc #table_2 .right .link_1 a span:nth-of-type(2)
{
display: none;
}
header #pc #table_2 .right .link_1 a span:nth-of-type(2) i
{
display: none;
}

header #pc #table_2 .right .link_2
{
display: none;
}
header #pc #table_2 .right .link_2 p
{
display: none;
}
header #pc #table_2 .right .link_2 p:nth-of-type(n+2)
{
display: none;
}
header #pc #table_2 .right .link_2 p i
{
display: none;
}
header #pc #table_2 .right .link_2 p a
{
display: none;
}
header #pc #table_2 .right .link_2 p a:hover
{
display: none;
}

header #pc #table_2 .right .link_2 p.tel
{
display: none;
}
header #pc #table_2 .right .link_2 p.tel i
{
display: none;
}
/*--------------------------------------------------------------
    タブレット&スマートフォン用
--------------------------------------------------------------*/
/* 固定
--------------------------------------------------------------*/
header #sp
{
background: #f7f7f7;
border-color: #ccc;
border-style: solid;
border-width: 0 0 1px 0;
z-index: 100;
}
/* オープン時
--------------------------------------------------------------*/
header #sp nav.global_menu ul
{
display: table;
width: 95%;
margin: 0 auto;
padding: 20px 0;
box-sizing: border-box;
}
/*ロゴ*/
header #sp nav.global_menu ul li:nth-of-type(1)
{
display: table-cell;
width: 80%;
vertical-align: middle;
}
header #sp nav.global_menu ul li:nth-of-type(1) a
{
display: inline-block;
color: #333;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-shadow: 0 2px 4px rgba(0, 0, 0, .5);
text-decoration: none;
}
header #sp nav.global_menu ul li:nth-of-type(1) a span
{
display: block;
margin: 5px 0 0 0;
color: #90EE90;
font-size: 14px;
font-weight: bold;
}
/*トグル*/
header #sp nav.global_menu ul li:nth-of-type(2)
{
display: table-cell;
width: 20%;
vertical-align: middle;
text-align: right;
}
header #sp nav.global_menu ul li:nth-of-type(2) a
{
display: inline-block;
width: 50px;
height: 50px;
padding: 5px;
background: #008600;
border-radius: 50%;
color: #fff;
font-size: 50px;
text-align: center;
text-decoration: none;
}
/* クローズ時
--------------------------------------------------------------*/
/*領域*/
header #sp #category_list
{
display: none;
width: 100%;
padding: 50px;
z-index: 999;
position: fixed;
top: 0px;
left: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
background: rgba(255,255,255,0.9);
}
/*グローバルナビゲーション*/
header #sp #category_list ul.globalnavi
{
font-size: 0;
list-style-type: none;
box-sizing: border-box;
}
header #sp #category_list ul.globalnavi li
{
display: inline-block;
width: 50%;
vertical-align: top;
box-sizing: border-box;
text-align: center;
}
header #sp #category_list ul.globalnavi li:nth-of-type(n+3)
{
margin: 20px 0 0 0;
}
header #sp #category_list ul.globalnavi li a
{
color: #333;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-decoration: none;
}
/*まずはお気軽にお問い合わせください*/
header #sp #category_list .inquiry
{
margin: 50px 0 0 0;
padding: 50px;
border-color: #90EE90;
border-width: 2px;
border-style: solid;
box-sizing: border-box;
}
header #sp #category_list .inquiry .text p
{
padding: 0 0 10px 0;
border-color: #D3D3D3;
border-width: 0 0 2px 0;
border-style: solid;
color: #333;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}
header #sp #category_list .inquiry .telephone
{
margin: 10px 0 0 0;
text-align: center;
}
header #sp #category_list .inquiry .telephone a
{
display: inline-block;
color: #333;
font-size: 40px;
font-weight: bold;
letter-spacing: 2px;
text-decoration: none;
}
header #sp #category_list .inquiry .telephone a i
{
display: inline-block;
padding: 0 20px 0 0;
color: #90EE90;
font-size: 40px;
font-weight: bold;
line-height: 40px;
}
header #sp #category_list .inquiry .link a
{
display: table;
width: 80%;
box-sizing: border-box;
margin: 10px auto 0 auto;
padding: 10px;
background: #90EE90;
border-radius: 10px;
text-decoration: none;
}
header #sp #category_list .inquiry .link a span:nth-of-type(1)
{
display: table-cell;
width: 95%;
vertical-align: middle;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
}
header #sp #category_list .inquiry .link a span:nth-of-type(2)
{
display: table-cell;
width: 5%;
vertical-align: middle;
text-align: center;
}
header #sp #category_list .inquiry .link a span:nth-of-type(2) i
{
color: #fff;
font-size: 20px;
font-weight: bold;
}
/*リンク*/
header #sp #category_list ul.link
{
display: table;
width: 100%;
margin: 50px 0 0 0;
box-sizing: border-box;
table-layout: fixed;
}
header #sp #category_list ul.link li
{
display: table-cell;
vertical-align: top;
text-align: center;
}
header #sp #category_list ul.link li a
{
color: #008600;
font-size: 30px;
text-decoration: none;
}
header #sp #category_list ul.link li:nth-of-type(2) a
{
color: #ff0000;
}
header #sp #category_list ul.link li:nth-of-type(3) a
{
color: #08298A;
}
/*閉じる*/
header #sp p.list_close
{
width: 45%;
margin: 50px auto 0 auto;
padding: 5px;
background: #333;
color: #fff;
font-size: 20px;
font-weight: bold;
letter-spacing: 4px;
text-align: center;
}


/***************************************************************
           グローバルナビゲーション
***************************************************************/
/*--------------------------------------------------------------
    背景
--------------------------------------------------------------*/
nav#pc
{
display: none;
}
/*--------------------------------------------------------------
    パソコン用
--------------------------------------------------------------*/
/* 領域
--------------------------------------------------------------*/
nav#pc .wrapper
{
display: none;
}
/* テーブル
--------------------------------------------------------------*/
nav#pc .wrapper ul
{
display: none;
}
nav#pc .wrapper ul li
{
display: none;
}
nav#pc .wrapper ul li a
{
display: none;
}
nav#pc .wrapper ul li a:hover
{
display: none;
}
/*ホーム*/
nav#pc .wrapper ul li:nth-of-type(1)
{
display: none;
}
nav#pc .wrapper ul li:nth-of-type(1) a
{
display: none;
}


/***************************************************************
           フッター
***************************************************************/
/*--------------------------------------------------------------
    アクセス
--------------------------------------------------------------*/
/* 領域
--------------------------------------------------------------*/
footer #access
{
width: 99%;
margin: 50px auto 0 auto;
padding: 50px 0 0 0;
box-sizing: border-box;
border-color: #D3D3D3;
border-width: 2px 0 0 0;
border-style: solid;
}
/* 見出し
--------------------------------------------------------------*/
footer #access .subtitle h2
{
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-align: center;
}
/* グーグルマップ
--------------------------------------------------------------*/
footer #access .googlemap
{
margin: 20px 0 0 0;
text-align:center;
width:100%;
font-size:0;
}
footer #access .googlemap iframe
{
display:inline-block;
box-sizing:border-box;
width: 50%;
height: 300px;
padding:0 5px;
}
/* 店舗情報
--------------------------------------------------------------*/
footer #access .text
{
margin: 20px 0 0 0;
}
footer #access .text p
{
color: #333;
font-size: 20px;
letter-spacing: 4px;
line-height: 30px;
}
/* アクセス方法詳細
--------------------------------------------------------------*/
/*見出し*/
footer #access .way .midashi
{
margin: 40px 0 0 0;
text-align: center;
}
footer #access .way .midashi h3
{
position: relative;
display: inline-block;
width: 80%;
height: 50px;
padding: 20px 0 0 0;
background: #FFA07A;
color: #fff;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
}
footer #access .way .midashi h3:before
{
content: "";
position: absolute;
left: 48%;
top: 0;
display: inline-block;
border: 10px solid transparent;
border-top-color: #fff;
}
footer #access .way .midashi h3 i
{
display: inline-block;
padding: 0 10px 0 0;
}
/*詳細*/
footer #access .way .root .box
{
margin: 20px 0 0 0;
font-size: 0;
}
footer #access .way .root .box article:nth-of-type(odd)
{
display: inline-block;
width: 45%;
vertical-align: middle;
box-sizing: border-box;
}
footer #access .way .root .box article:nth-of-type(odd) img
{
display: block;
width: 100%;
}
footer #access .way .root .box article:nth-of-type(odd) p
{
color: #333;
font-size: 20px;
line-height: 30px;
}
footer #access .way .root .box article:nth-of-type(odd) p span
{
display: inline-block;
padding: 5px 10px;
background: #333;
font-family: 'Indie Flower', cursive;
color: #fff;
font-size: 30px;
font-weight: bold;
}
footer #access .way .root .box article:nth-of-type(even)
{
display: inline-block;
width: 10%;
vertical-align: middle;
box-sizing: border-box;
text-align: center;
}
footer #access .way .root .box article:nth-of-type(even) i
{
color: #808080;
font-size: 30px;
}
footer #access .way .root .box article:nth-of-type(4),
footer #access .way .root .box article:nth-of-type(8)
{
display: none;
}
footer #access .way .root .box article:nth-of-type(n+5)
{
margin: 10px 0 0 0;
}
/* リンク
--------------------------------------------------------------*/
footer #access .link
{
display: none;
}
footer #access .link a
{
display: none;
}
footer #access .link a article
{
display: none;
}
footer #access .link a:hover article
{
display: none;
}
footer #access .link a article i
{
display: none;
}
footer #access .link a article span
{
display: none;
}
/*--------------------------------------------------------------
    SNS
--------------------------------------------------------------*/
footer #sns
{
display: none;
}
footer #sns .facebook
{
display: none;
}
footer #sns .youtube
{
display: none;
}
footer #sns .youtube iframe
{
display: none;
}
/*--------------------------------------------------------------
    まずはお気軽にお問い合わせください
--------------------------------------------------------------*/
/* テーブル
--------------------------------------------------------------*/
footer #inquiry .table
{
display: none;
}
/* 左側
--------------------------------------------------------------*/
footer #inquiry .table .left
{
display: none;
}
footer #inquiry .table .left .text p
{
display: none;
}
footer #inquiry .table .left .telephone
{
display: none;
}
footer #inquiry .table .left .telephone a
{
display: none;
}
footer #inquiry .table .left .telephone a i
{
display: none;
}
/* 右側
--------------------------------------------------------------*/
footer #inquiry .table .right
{
display: none;
}
footer #inquiry .table .right .link a
{
display: none;
}
footer #inquiry .table .right .link a:hover
{
display: none;
}
footer #inquiry .table .right .link a:nth-of-type(n+2)
{
display: none;
}
footer #inquiry .table .right .link a span:nth-of-type(1)
{
display: none;
}
footer #inquiry .table .right .link a span:nth-of-type(2)
{
display: none;
}
footer #inquiry .table .right .link a span:nth-of-type(2) i
{
display: none;
}
/*--------------------------------------------------------------
    ページトップへ戻る
--------------------------------------------------------------*/
footer #page-top
{
margin: 50px 0 0 0;
text-align: center;
}
footer #page-top a
{
display: inline-block;
color: #008600;
font-size: 30px;
font-weight: bold;
letter-spacing: 6px;
text-decoration: none;
}
/*--------------------------------------------------------------
    グローバルナビゲーション
--------------------------------------------------------------*/
footer #global-navigation
{
display: none;
}
footer #global-navigation .frame
{
display: none;
}
footer #global-navigation .frame p
{
display: none;
}
footer #global-navigation .frame p:nth-of-type(n+3)
{
display: none;
}
footer #global-navigation .frame p a
{
display: none;
}
footer #global-navigation .frame p a:hover
{
display: none;
}
footer #global-navigation .frame p a i
{
display: none;
}
/*--------------------------------------------------------------
    著作権
--------------------------------------------------------------*/
footer #copyright p
{
margin: 20px 0 0 0;
padding: 20px 0;
background: #90EE90;
color: #fff;
font-size: 20px;
letter-spacing: 4px;
text-align: center;
}