/* screens smaller than 690---------------------------------------------------------- */
@media only screen and (max-width:690px) {
/*header*/
	/*------------------------------------------------------------------------------*/
header {
	position: relative;
	display: block;
	height: auto;
	padding: 5px 0 12px; 
}
header:after {
	content: "";
	display: table;
	clear: both;
}
#headertop, #headerbottom {
	width: 94%;
	margin: 0 auto;
	text-align: left;
}
#headertop h1 {
	display: none;
}
#headertop #lang {
	float: right;
	font-size: 12px;
}
#logo {
	float: left;
	width: 200px;
	margin-top: 20px;
}
#logo img {
	width: 100%;
	height: auto;
}

/*locator*/
	/*--------------------------------------------------------------------------------*/
.locator {display: none;}

/*#banner*/
	/*--------------------------------------------------------------------------------*/
/*#banner {display: none;}*/
#banner {
	background: #ededed;
	padding: 20px 0;
}
#banner.topb .owl-item a {
    display: block;
    margin-left: 10%;
    margin-right: 10%;
    text-align: center;
    width: 80%;
}


/*globalnav*/
/*------------------------------------------------------------------------------*/
#globalnav {
	margin: 0;
	display: block;
	float: none;
}
#gnav_btn {
	display: block;
}
#globalnav li.mm-item .mm-item-content_in {
	display: none;
}
#gnav_btn a {
	width: 32px;
	height: 30px;
	background: url(../image/btn_nav_sp02.png) no-repeat 0 0;
	background-size: auto 30px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 25px;
	right: 3%;
}

/* --- jquery.mmenu 用　str --- */
#globalnav_in {
	background: #FFF;
    width: 86%;
}
#globalnav_in .mm-listview li.gnav_sp{
	display: block;
	width: 100%;
	border-bottom: none;
}
#globalnav_in .gnav_pc{
	display: none;
}
#globalnav_in ul li ul li a span{
	display: block;
}
#globalnav_in .mm-navbar{ border-bottom: none; }
/*#globalnav_in .mm-panels>.mm-panel.mm-hasnavbar{ padding-top: 0; }*/
#globalnav_in #mm-0 .mm-navbar,
#globalnav_in #mm-1 .mm-navbar{ display: none; }
#globalnav_in.mm-menu .mm-listview>li .mm-next{ width: 65px; }
#globalnav_in.mm-menu .mm-listview .mm-next + a{ margin-right: 60px; }
#globalnav_in.mm-menu .mm-listview>li .mm-next:after{
	border-color: #333;
    right: 30px;
}
#globalnav_in.mm-menu .mm-btn:after, #globalnav_in.mm-menu .mm-btn:before{
    border-color: #333;
}
#globalnav_in .mm-next:after, #globalnav_in .mm-prev:before {
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
}
.mm-listview > li > a > span{ font-size: 11px; padding-left: 20px; }
#globalnav_in .mm-panels > .mm-panel { padding: 100px 20px 0; }
#globalnav_in .mm-panels > #mm-0.mm-panel,
#globalnav_in .mm-panels > #mm-1.mm-panel { padding: 0 20px 0; }
#globalnav_in .mm-panels > .mm-panel.mm-item-content { padding: 100px 0 0; }
#globalnav_in .mm-panels > .mm-panel .mm-btn.mm-prev{
	width: 100%;
	border-bottom: 1px solid #ccc;
	top: 40px;
	text-align: left;
    text-indent: 40px;
    height: 60px;
    padding: 20px 0;
    color: #333;
}
#globalnav_in .mm-panels > .mm-panel .mm-btn.mm-prev:before { left: 20px; }
#globalnav_in .mm-panels > .mm-panel .mm-navbar{
	height: auto;
	padding: 0;
}
#globalnav_in .mm-panels > .mm-panel .mm-title{
    color: #FFF;
    font-size: 13px;
    background: #3098c5;
    line-height: 1;
    padding: 14px 0;
    display: block;
    width: 100%;
    text-indent: 20px;
    text-align: left;
    box-sizing:border-box;
    height: 40px;
}
#globalnav_in .mm-panels > .mm-panel:before{ display: none; }
#globalnav_in .mm-panels > .mm-panel >.mm-listview:first-child,
#globalnav_in .mm-panels > .mm-panel > .mm-navbar +.mm-listview {
    margin-top: 0;
}
#globalnav_in .mm-title > span{ font-size: 12px; padding-left: 10px; }
#globalnav_in .mm-listview li{
    border-bottom: 1px solid #ccc;
}
#globalnav_in .mm-listview>li:not(.mm-divider):after{
	display: none;
}
#globalnav_in .mm-listview .mm-next:before{
	border-bottom: 1px solid #777;
    border-left: 1px solid #ccc;
}
#globalnav_in li a {
	color: #333;
	padding: 20px 10px 20px 20px;
}
#globalnav_in.mm-menu .mm-navbar a, #globalnav_in.mm-menu .mm-navbar>*{color: #FFF;}
#globalnav_in .mm-divider{ 
	width: 110%;
	color: #FFF;
	font-size: 13px;
	background: #3098c5;
	line-height: 1;
	padding: 14px 0;
	height: 40px;  
}
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical{
	display: block;
	padding: 0;
}
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li{
	width: 50%;
	float: left;
	border: none;
}
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li:nth-child(1),
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li:nth-child(2){
	border-bottom: 1px solid #ccc;
}
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li:nth-child(1),
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li:nth-child(3){
	border-right: 1px solid #ccc;
}
#globalnav_in .globalnav_media_list .mm-panel.mm-vertical li a{
	padding: 20px 10px 20px 10px;	
}
#globalnav_in .mm-listview .globalnav_media_list li a:after{
	content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 26px;
    right: 7.5%;
    border-color: #333;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
/*
 * グローバルナビ　矢印表示

#globalnav_in .mm-listview li a:not(.mm-next):after{
	content: '';
    display: block;
    border-top: 1px solid transparent;
    border-left: 1px solid transparent;
    width: 8px;
    height: 8px;
    position: absolute;
    top: 26px;
    right: 23px;
    border-color: #FFF;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}
#globalnav_in .mm-listview li a:nth-of-type(2):after{
	right: 70px;
}
*/

/* --- jquery.mmenu 用　end --- */

#globalnav li {
	display: block;
	text-align: left;
	margin: 0;
	border-bottom: 1px solid #777;
	float: none !important;
	width: 100% !important;
}
#globalnav li:first-child {
	border-top: 1px solid #777;
}
#globalnav li a {
	display: block;
	padding: 20px 10px;
	border-bottom: none;
	text-decoration: none;
	webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	position: relative;
	display: block;
	color: #fff;
}
#globalnav li a br{display: none;}
#globalnav li a:after {
	position: absolute;
	top: 50%;
	right: 5%;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#globalnav li a span{padding-left: 20px;font-size: 12px;}
#globalnav li a:hover, #globalnav li.main_current a {
	border-bottom: none;
	background-color: rgba(10,10,10,0.9);
}

/*#globalnav ul ul,
#globalnav_in .mm-item-content{
	display: none !important;
}*/
.mm-item-content{
	height: auto !important;
}




/*footer*/
/*------------------------------------------------------------------------------*/
footer {
	background-color: #EEEDEC;
	padding: 0;
}
#foottop {
	width: 100%;
	margin: 0 auto;
}
#foottop:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.footnav li a {
	color: #0383b7;
	display: block;
	padding: 15px 0 15px 15px;
	background: url(../image/icon_nav_sp.png) no-repeat 90% center;
	background-size: 7px 11px;
}
.footnav li {
	float: left;
	width: 50%;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	padding-left: 0;
}
.footnav li.last{border-right: 2px solid #fff;width: 50.2%}
.footnav li ul {
	display: none;
}

.footnav .footnav_last{
	border-bottom: 1px solid #fff;	
}

#footbottom {
	background-color: #ddd;
	padding: 20px 0 10px;
}
#footbottom_in:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#footbottom_in {
	width: 94%;
	margin: 0 auto;
}
#footbottom_in ul {
	float: none;
	text-align: center;
}
#footbottom_in ul li {
	display: inline-block;
	margin: 0 10px 10px;
}
#footbottom_in ul li a {
	font-size: 12px;
	/*background: url(../image/arr02.png) no-repeat 0 center;*/
	background-size: 6px 11px;
	padding-left: 14px;
}
#footbottom_in small {
	float: none;
	text-align: center;
	display: block;
	padding-top: 15px;
	font-size: 11px;
}
/*#pagetop*/
	/*------------------------------------------------------------------------------*/
#pagetop {
	position: fixed;
	right: 0;
	bottom: 197px;
	width: 12%;
	display: none;
}
#pagetop img {
	width: 100%;
	height: auto;
}
.pc {
	display: none;
}




/*globalnav_pc*/
/*------------------------------------------------------------------------------*/
#globalnav_pc {
	display:none;
}



/*------------------------------------------------------------------------------*/
}