@CHARSET "UTF-8";

#main-menu .leveled-tag-area{
	width:80%;
}

#main-menu ul.leveled-tag-area h2{
	line-height: 5px;
	font-size: 16px;
}

#main-menu ul li:hover ul.leveled-tag-area li.lvt-box,
#main-menu ul li a:hover ul.leveled-tag-area li.lvt-box{
	visibility: visible;
	overflow: visible;
	height: 400px;
	z-index: 10;
}

#main-menu ul.leveled-tag-area li.root-tag{
	position relative;
	min-height: 380px;
}

#main-menu ul.leveled-tag-area li.tag-children{
	margin: 0px;
	padding: 0px;
}

.root-title{
	font-size:1.125em;
	letter-spacing:-.05em;
	margin:0;
	padding:10px 0 0 0 !important;
}

h2.root-title span{
	display:none;
}
h2.root-title::before {
	height:0 !important;
}

/* Mobile Tag Navi Start */
/*
.tag-navi-mobile{
	display:none;
}

.tag-navi-mobile.current{
	display:block;
	background-color: white;
	position: relative;
	padding:5px;
	width:100%; padding: 0 !important; ;
}
*/

.tag-navi-mobile-detail{
	display:none;
}

.tag-navi-mobile-detail.current{
	display: block;
	background-color: white;
	position: fixed;
	z-index: 100;
	min-width:90%;
	max-width:95%;
	margin:0 5% !important;
	border:3px solid #333;
box-shadow: 2px 2px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1) ;
	text-align:center;
	height: auto;
	top: 5%;
	left:0;
	min-height: 200px !important;
}

html {height:100%;}
body {height:100%;}

.tag-navi-mobile-detail .menus .menu{
	}
.tag-navi-mobile-detail .menus .menu{
	position:relative;
	width: 50%;
	float: left;
}

.tagbutton{
	height: 29px;
	width: 32px;
	background-color: transparent;
	color:#8A8674;
	font-size: 13px;
	float: right;
	border:1px solid #bbb;
	padding:0 !important;
 	margin:0 auto !important;
 }
 
 .tagbutton .fa{
	text-align:center;
}

/* Smaller screens */

@media handheld, only screen and (max-width: 900px) {

.tag-nav-mobile-toggle{
	display:block !important;
	float:left;
	-webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.tag-navi-area{margin:0;}
.tag-navi-area-inner{margin:0!important;}
.menus{}

.tag-navi-area-inner h2 {
width: 160px;
    height: 30px;
    margin: 0 auto;
    font-size: 1.3em;
    padding-top: 15px !important;
}
.root-title{padding:0 !important;}
.menu.root ul {	
	width:100%;
	float:none !important;
	display:inline-table !important;
	margin:0 !important;
	padding:0!important;}
.menu.root ul li{border:none !important; text-align:center;border-bottom: 1px solid #eee !important;}
.menu.root ul li:first-child{border-top:1px solid #eee !important}

.tag-navi-area-inner ul{width:90%;display:inline-block;margin-bottom:0;}
.tag-navi-area-inner ul li{
    /* border-top: 1px solid #ccc; */
    display: inline-block;
    padding: 12px 0 0 !important;
    width: 90%;
    height: 25px;
    font-size: 0.7em;
}
.tag-navi-area-inner ul li a{ display:block; }

ul.lvt-line li,
.menu ul li,
.control-back,
.close {
    border: 1px solid #ccc;
    display: inline-block;
    width: 97%;
    height: 20px;
    margin-bottom:5px;
    font-size: 0.75em;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
	-moz-box-shadow:  0 0 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:  0 0 2px rgba(0, 0, 0, 0.3);
	box-shadow:  0 0 2px rgba(0, 0, 0, 0.3);
}
.tag-navi-control h2,
.tag-name a {
	color:#666 !important;
}

.control-back, .close {
	background:#333;
	border:0;
	width:40px;
	margin: 15px 0 10px 10px;
	padding:7px 10px 0;
	float:left;
}
.control-close{   margin:0 2% 0 0; float:right;}
.close{
	width:10px;
    line-height: 1em !important;
}


.tag-navi-control .control-search .searchform input.s{ display:none }

}

@media screen and (max-width: 740px){
.tag-navi.current{
	padding: 0 !important;
	width: 90% !important;
}

.tag-navi-area-inner{}

.tag-navi .menu-area{
	padding: 0 !important;
}

.tag-navi .menu-wrapper{
	margin: 0 auto ;
	width: 100%;
}

.tag-navi .menus .menu{
	font-size:90% !important;
}

.tag-navi .menus .menu .tag-count{display:none;}

}

@media only screen and (max-width: 689px) {}
@media only screen and (max-width: 565px) {}
@media only screen and (max-width: 429px) {}
@media only screen and (max-width: 320px) {}


/* Mobile Tag Navi End */

.process{text-align:center;height:100px;margin:12% 0 10% 0;}

.tag-navi{
	display:none;
}

.tag-navi.current{
  display: inline;
  background-color: white;
  position: absolute;
  left: 10%;
  z-index: 100;
  padding: 5px;
  width: 75%;
  border: 3px solid #333;
box-shadow: 2px 2px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1);
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.1) ;
  margin:30px 0 0 0;
}

.tag-navi.current.fixmenu{
  position:fixed;
  margin: 0px;
  
}

.tag-navi.current .tag-navi-area{
	max-width: 100% !important;
	margin: 0 auto;
}

.tag-navi-area-inner{
	margin: 10px;
}

.tag-navi .menu-area{
	padding: 0 3% ;
}

.tag-navi .menu-wrapper{
	margin: 0 auto ;
	width: 100%;
}

.tag-navi .menus .menu{
	font-size:95%;
	font-family: 'MuseoSans-300', 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体', "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	float: left;
	letter-spacing:-.03em;
}

.tag-navi .menus .menu ul{
	width: 100%;
	position: relative;
	float: left;
	margin: 20px 0;
	padding: 2px 0 0 10px;
	box-sizing: border-box;
	border-left: 1px solid #bbb;
	text-align: left;
}

.tag-navi .menus .menu ul li a{
	border-bottom:2px solid #eee;
}

.tag-navi .menus .menu li{
	font-size:0.83em;
	letter-spacing: -0.03em;
	height: 30px;
}

.tag-navi .menus .menu .tag-seemore {
	float:right;
	border:1px solid #333;
	background-color:#333;
	color:white !important;
	border-bottom:none !important;
	margin-right:10px;
	padding:0 2%;
	line-height: 1.5em !important;
	vertical-align: bottom !important;
}

.tag-navi .menus .menu .tag-seemore:hover{
	background-color:white;
	color: #333 !important;
	border:1px solid #333;
}

.tag-navi .menus .menu .tag-seemore .see-more {
	display:block;
	color:white;
	border-bottom:none !important;
}

.tag-navi .menus .menu .tag-seemore .see-more:hover {
	color:black;
}

.tag-navi .tag-navi-control{
	display:block;
}

.tag-navi .tag-navi-control .searchform{margin:0; width:300px !important;}
.tag-navi .tag-navi-control .searchform input.s{padding:12px 4% !important;}
.tag-navi .tag-navi-control .searchform .searchSubmit{ height: 27px; width: 27px; }

.tag-navi .tag-navi-area .tag-navi-area-inner .back-button,
.tag-navi .tag-navi-control .back-control a {
	font-size:.85em;
	text-align:center;
	width:52px;
	border:2px solid #333;
	box-shadow:0px 3px 4px rgba(0,0,0,0.55);
	display:block;
	padding:5px 7px;
	float:left;
}

.tag-navi .tag-navi-control .back-control a {
	margin-left:20px;
	color:white;
	background-color:#333;
  box-shadow:0px 3px 4px rgba(0,0,0,0.55);
}

ul.related-keyword li{
	float:left;
}