@charset "utf-8";
/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav { background: url(../images/common/navi-bk.png) center top no-repeat #000; color: #fff; text-align: center;}
/*ナビゲーションを横並びに*/
nav ul { list-style: none; display: flex; justify-content: center; }
/*2階層目以降は横並びにしない*/
nav ul ul { display: block; }
/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li { position: relative; }
/*ナビゲーションのリンク設定*/
nav ul li a { display: block; text-decoration: none; color: #fff; padding: 10px 35px; transition: all .3s; text-align:left; font-weight: bold;}
nav ul li li a { padding: 10px 20px 10px 35px;}
nav ul li a:hover { color: #816c35; }
/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before { content: ''; position: absolute; left: 15px; top: 16px; width: 6px; height: 6px; border-top: 2px solid #999; border-right: 2px solid #999; transform: rotate(135deg); }
/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before { content: ''; position: absolute; left: 6px; top: 17px; width: 6px; height: 6px; border-top: 2px solid #fff; border-right: 2px solid #fff; transform: rotate(45deg); }
/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav li.has-child ul { /*絶対配置で位置を指定*/
position: absolute; left:-20px; top: 44px; z-index: 4; /*形状を指定*/
background: #2c1f15; width:270px; /*はじめは非表示*/
visibility: hidden; opacity: 0; /*アニメーション設定*/
transition: all .3s; }
/*hoverしたら表示*/
nav li.has-child:hover > ul, nav li.has-child ul li:hover > ul, nav li.has-child:active > ul, nav li.has-child ul li:active > ul { visibility: visible; opacity: 1; }
/*ナビゲーションaタグの形状*/
nav li.has-child ul li a { color: #fff; border-bottom: solid 1px rgba(255,255,255,0.6); }
nav li.has-child ul li:last-child > a { border-bottom: none; }
nav li.has-child ul li a:hover, nav li.has-child ul li a:active { background: #523927; }
/*==3階層目*/

/*3階層目の位置*/
nav li.has-child ul ul { top: 0; left:270px; background: #352619; }
nav li.has-child ul ul li a:hover, nav li.has-child ul ul li a:active { background: #523927; }

.line{ position:relative; top:9px; color: #9F8A94;}
.line-01{ margin-right:15px;}