@charset "UTF-8";
/* CSS Document */

/*=========================================
DTI SIMのメニューヘッダー
=========================================*/
@media screen and (max-width: 481px) {


.sim_headerNav_mobileBase {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	position: relative;
	font-size: 12px !important;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu {
	width: 100%;
	height: 60px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	z-index: 9000;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu01 {
	float: left;
	width: 20%;
	height: 60px;
	padding: 8px 0;
	text-align: center;
	background-size: 37px 35px;
	z-index: 9500;
	position: relative;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu01 img.on,
.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu01 img.off {
	position: absolute;
	top: 14px;
	left: 23%;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu01 img.off {
	display: none;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu02 {
	float: left;
	width: 50%;
	height: 60px;
	padding: 12px 0 0 0;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu03 {
	float: left;
	width: 30%;
	height: 60px;
	padding: 0;
	background-color: #e73462;
    text-align: center;
	font-size: 14px;
	line-height:60px;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.on {
	background-color: #c80e47;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu01 a,
.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu02 a {
	display: block;
	text-align: center;
}

.contents_globalmenu .show_mobile .wrapper ul.firstmenu li.menu03 span {
	display: block;
}


.contents_globalmenu .show_mobile .wrapper .submenu {
	display: none;
	/* for firefox */
	width: 100%;
	margin: 0;
	padding: 20px 0 0 0;
	background: #707f87;
	background: -moz-linear-gradient(top, #707f87, #7f8d95);
	/* fore safari and chrome */
	background: -webkit-gradient(linear, left top, left bottom, from(#707f87), to(#7f8d95));
	z-index: 9900;
	position:relative;
}

.contents_globalmenu .show_mobile .wrapper .submenu ul{
	width:100%;
	height:80%;
overflow-y: scroll;
  -webkit-overflow-scrolling:touch;
}

.contents_globalmenu .show_mobile .wrapper .submenu ul:before {
	display: block;
	position: absolute;
	border: 10px solid transparent;
	border-bottom-color: #707f87;
	border-top-width:0;
	top: -10px;
	left: 7%;
	content: "";
	width: 0;
	z-index: 9960;
}

.contents_globalmenu .show_mobile .wrapper .submenu ul li {
	/*width: 80%;*20170315
	border-bottom: 1px solid #aab6bc;*/
	width: 100%;
	margin: 0 auto;
	
	font-size: 1em;
}

.contents_globalmenu .show_mobile .wrapper .submenu ul li a {
	display: block;
	padding: 10px 20px;
	color: #ffffff;
	text-decoration: none;
}

.contents_globalmenu .show_mobile .wrapper .applymenu {
    display: none;
    width: 100%;
    margin: 0;
    padding: 0;
    background: #e73462;
    z-index: 9950;
	top: 51px;
}

.contents_globalmenu .show_mobile .wrapper .applymenu ul li {
	width: 100%;
	margin: 0 auto;
	font-size: 1.2em;
}

.contents_globalmenu .show_mobile .wrapper .applymenu ul li a {
	 display: block;
    color: #ffffff;
    padding: 20px;
    border-bottom: solid 1px #ee7e82;
    background: url(/common/image/footer/footer_icon_linkarrow_03.png) no-repeat right center;
	text-decoration: none;
}

.fixed {
    position: fixed;
    top: 0;
	left: 1px;
	width : -webkit-calc(100% - 2px) ;
	width : calc(100% - 2px) ;
	z-index: 10000;
	background: url(../image/dtisim_contents_globalmenu_bg.png) repeat left top;
}

.dti_simHeader_Box_fixed {
	margin-top: 51px !important;
}

}