@charset "UTF-8";

@media (min-width: 1200px) {
  .container_new {
    width: 1200px;
	margin:0 auto;
  }
   .container_new2 {
    width: 1200px;
	margin:0 auto;
	clear:both;
	padding-top:5px;
  }
}

@media only screen and (max-width:1200px){
  .container_new {
    width: 100%;
	margin:0 auto;
  }
  .container_new2 {
    width: 100%;
	margin:0 auto;
  }
}

#clear{
clear:both;
}


/* メインメニュー　PC用
------------------------------------------------------------*/

#globalNav {
width:100%;
margin-bottom:-15px;
}

.gelica_r{
font-family: gelica, sans-serif;
font-style: normal;
font-weight: 0;
color:#233C28;
line-height:1.3;
}

#globalNav li {
font-size:0.9em;
padding-bottom:10px;
}

#globalNav li:hover {

}

#globalNav li.nomal {
	text-align: center;
	width:13%;
	margin-bottom:-3px;
}

#globalNav li.nomal:hover{
border-bottom:3px solid #FFC31A;
}

#globalNav li.nomal a:hover span{
	display: block;
	text-decoration:none;
}

#globalNav li.online {
	text-align: center;
	width:14%;
	font-size:0.9em;
	letter-spacing:-0.01em;
	margin-bottom:-3px;
}

#globalNav li.online:hover{
border-bottom:3px solid #FFC31A;
}

#globalNav li.pro {
	text-align: center;
	background:#233C28;
	width:16%;
	font-size:0.8em;
	padding-bottom:15px;
}

#globalNav li.pro:hover {
opacity: 0.5; 
}

#globalNav h4.pro_w {
	color:#FFFFFF;
	letter-spacing:-0.02em;
}

#globalNav li.pro p.pro_b{
	color: #E7E7E7;
	letter-spacing:-0.02em;
}

#globalNav li.formen {
	text-align: center;
	background:#74787C;
	width:14%;
	font-size:0.8em;
	padding-bottom:15px;
}

#globalNav li.formen:hover {
opacity: 0.5; 
}

#globalNav h4.formen_w {
	color:#FFFFFF;
	letter-spacing:-0.04em;
}

#globalNav li.formen p.formen_b{
	color: #E7E7E7;
	letter-spacing:-0.02em;
}

#globalNav h4 {
	font-size: 1.5em;
	padding-top: 0.5em;
	margin-bottom: 0;
	letter-spacing:0.02em;
}

h4 span.m_txt {
	letter-spacing:-0.2em;
}
#globalNav small {
	font-size: 100%;
	letter-spacing:-0.01em;
	
}
#globalNav a {
	text-decoration: none;
	display: block;
	height: 3.9em;
	margin-top: 0.5em
}
#globalNav li.nomal p{
	margin-bottom: 0.5em !important;
	color:#233C28;
}

/*#globalNav a:hover p:first-child {
	top: 1.5em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}
#globalNav a:hover p:nth-child(2) {
	top: 0em;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}*/
/*#globalNav li:hover{
	background-color:#8cc63f;
}*/
/*.list-inline > li{
	padding-left:0 !important;
	padding-right:0 !important;
}
ul.list-inline.hidden-xs{
	margin-bottom:0 !important;
	margin-top: 20px;
}*/

a.text-ul-green,
a:active.text-ul-green,
a:visited.text-ul-green{
	color: #233C28;
	text-decoration: underline;
}




@media only screen and (max-width:1020px){
#globalNav li {
font-size:0.8em;
}
#globalNav li.online {
	font-size:0.8em;
}

#globalNav li.pro {
	font-size:0.7em;
	width:15%;
}

#globalNav li.formen {
	font-size:0.7em;
}
}

@media only screen and (max-width:880px){
#globalNav li {
font-size:0.7em;
}
#globalNav li.online {
	font-size:0.7em;
}

#globalNav li.pro {
	font-size:0.6em;
}

#globalNav li.formen {
	font-size:0.6em;
}
#globalNav small {
	font-size: 90%;
	
}
}

.new_logo{
width:237px;
height:52px;
float:left;
padding-left:20px;
}

.new_waring{
width:340px;
float:right;
text-align:right;
padding-top:5px;
padding-right:5px;
}

@media only screen and (max-width:767px){
#header {
margin-top:10px;
}
#header_pro {
margin-top:10px;
}
#globalNav {
margin-bottom:0;
}
.new_waring{
display:none;
}
}

.new_hum{
width:60px;
float:right;
padding-top:20px;
}


/* ----------------------------------------------------------------------------------
		Menu Mobile
------------------------------------------------------------------------------------- */
.visible-xs a{ text-decoration:none;}

#menu-Mobile{
	background-color: #FFFAEE;
	margin-bottom: 20px;
}
div#menu-Mobile.panel-collapse.collapse.in{
	height: 480px;
}
#menu-Mobile > ul{
	padding:0 2em 0;
	list-style:none;
}
#menu-Mobile li.m_nomal{
	width: 46%;
	/*margin-right: 5%;*/
	margin: 0 2%;
	float: left;
	border-bottom: 6px solid #233C28;
	margin-top: 15px;
	text-align: center;
	height:100px;
}
#menu-Mobile li:hover{
	border-bottom: 6px solid #FFC31A;
}
#menu-Mobile li.m_nomal :hover{
	
}
.sp_4 {
	font-size: 90%;
}

#menu-Mobile h4.sp_4{
	font-weight:bold;
	font-size: 1.4em;
	margin-bottom:0;
	padding-top:30px;
	padding-bottom:5px;
	/*border-bottom:2px solid #91c232;*/
}
#menu-Mobile li.m_pro{
	width: 46%;
	/*margin-right: 5%;*/
	margin: 0 2%;
	float: left;
	margin-top: 15px;
	text-align: center;
	height:100px;
	background:#233C28;
	color:#FFFFFF;
}
#menu-Mobile li.m_pro {
color:#FFFFFF;
}
#menu-Mobile li.m_pro a{
	color:#FFFFFF;
}

#menu-Mobile li.m_formen{
	width: 46%;
	/*margin-right: 5%;*/
	margin: 0 2%;
	float: left;
	margin-top: 15px;
	text-align: center;
	height:100px;
	color:#FFFFFF;
	background:#74787C;
}
#menu-Mobile li.m_formen a{
	color:#FFFFFF;	
}

#menu-Mobile  a{
	text-decoration:none;
	display: block;
	height:96px
}

#menu-Mobile li.m_nomal h4{
font-size: 1.8em;
margin-bottom:0;
padding-top:30px;
padding-bottom:5px;
font-family: gelica, sans-serif;
font-style: normal;
font-weight: 0;
line-height:1.3;
}

#menu-Mobile li.m_pro h4{
font-size: 1.4em;
margin-bottom:0;
padding-top:30px;
padding-bottom:5px;
font-family: gelica, sans-serif;
font-style: normal;
font-weight: 0;
line-height:1.3;
}

#menu-Mobile li.m_formen h4{
font-size: 1.4em;
margin-bottom:0;
padding-top:30px;
padding-bottom:5px;
font-family: gelica, sans-serif;
font-style: normal;
font-weight: 0;
line-height:1.3;
}

#menu-Mobile li p{
	margin-bottom: 0.5em !important;
}
#menu-Mobile li.m_nomal a span{
font-size:130%;
}
#menu-Mobile li.m_pro span{
font-size:130%;
}
#menu-Mobile li.m_pro a:hover span{
	display: block;
	text-decoration:none;
}
#menu-Mobile li.m_formen span{
font-size:130%;
}
#menu-Mobile li.m_formen a:hover span{
	display: block;
	text-decoration:none;
}