@charset "shift_jis";

/*---------- Common styles --------------------------------------------------------------------------------*/
@media (max-width:768px){
.menu_to_accordion {
	display:none;
}

.menu_to_accordion a:link,
.menu_to_accordion a:visited,
.menu_to_accordion a:active {
	text-decoration: none;
}
.menu_to_accordion a:hover {
	color:#fff;
	text-decoration: none;
}
}



/*---------- for iPhone & Android Mobile (skeleton) --------------------------------------------------------------------------------*/

@media (max-width:768px){

.phone_mobile>.menu_to_accordion {
	color:#fff;
	font-size:15px;
}

.phone_mobile>.menu_to_accordion .menu_title {
}
.phone_mobile>.menu_to_accordion .menu_opener {
	width:8.823vw; /*60px��680px*/
	height:8.823vw; /*60px��680px*/
	text-indent: 100%;
	white-space: nowrap;
	overflow:hidden;
	display:block;
	background:url(../../images/header_menu.png) no-repeat;
	background-size:100%;
	cursor: pointer;
	position:absolute;
	top:10px;
	right:0;
}

.phone_mobile>.menu_to_accordion .view .menu_opener {
	background:url(../../images/header_menu_on.png) no-repeat;
	background-size:100%;
}

.menu_opener02 {
	cursor:pointer;
}

.phone_mobile #header_box {
	position:absolute;
	left:0;
	z-index:9999;
	top:75px;
}

.phone_mobile>.menu_to_accordion #header_box {
	width:100%;
	list-style: none;
	display: none;
	clear: left;
	margin: 0;
	padding-left: 0;
}

.phone_mobile>.menu_to_accordion li ul {
	position: static;
	list-style: none;
	display: none;
	margin: 0;
	min-width: 100%;
}

.phone_mobile>.menu_to_accordion li li ul {
	display: block;
	margin-left:0;
	display: none;
}

.phone_mobile>.menu_to_accordion li {
	float: none;
	position: static;
	margin: 0;
	line-height: 0.7em;
	white-space: normal;
	background: url(../../images/header_icon01.png) no-repeat right center #eee;
	background-size: 18px 12px;
	border-bottom: 2px solid #FFF;
	cursor: pointer;
	opacity: 0.95;
}

.phone_mobile>.menu_to_accordion li:hover { 
	background: url(../../images/header_icon01.png) no-repeat right center #4190f1;
	background-size: 18px 12px;
}

.phone_mobile>.menu_to_accordion li li {
	background: url(../../images/header_icon01.png) no-repeat right center #eee;
	background-size: 18px 12px;
	border-bottom: 1px solid #311500;
}

.phone_mobile>.menu_to_accordion li li:last-of-type {
	border-bottom: none;
}

.phone_mobile>.menu_to_accordion li.view>strong {
	background: url(../../images/header_icon02.png) no-repeat right center #006223;
	background-size: 18px 12px;
}


.phone_mobile>.menu_to_accordion li li.view>strong {
	border-bottom: none;
}

.phone_mobile>.menu_to_accordion li strong,
.phone_mobile>.menu_to_accordion li a,
.phone_mobile>.menu_to_accordion li span {
	display: block; padding: 10px 10px;
}
/*
.phone_mobile>.menu_to_accordion li strong a,
.phone_mobile>.menu_to_accordion li strong span { margin: -10px -15px; }
*/
.phone_mobile>.menu_to_accordion li strong {
	padding-right: 3em;
}
.phone_mobile>.menu_to_accordion li li strong {
	font-weight: bold;
}
.phone_mobile>.menu_to_accordion li li a,
.phone_mobile>.menu_to_accordion li li span {}
/*
.phone_mobile>.menu_to_accordion li li strong a,
.phone_mobile>.menu_to_accordion li li strong span {}
*/

*:first-child+html .phone_mobile> .menu_to_accordion ul {
	zoom: 1;
}
*:first-child+html .phone_mobile>.menu_to_accordion li ul {
	width: auto; zoom: 1;
	border-style: none;
}
*:first-child+html .phone_mobile>.menu_to_accordion li ul {}
*:first-child+html .phone_mobile>.menu_to_accordion li li {
	width: 100%; zoom: 1;/* ie7 has bug on width */ 
}

.phone_mobile>.menu_to_accordion li #menu_close {
	background:none;
	background:#fff;
	text-align:center;

}

}

@media (min-width: 768px){
div.menu_to_accordion, #header_box {
	display:none;
}


.menu_to_accordion {
	display:none !important;
}
}