@charset "utf-8";

/*================================

　pageTitle

================================*/
#page_title {
	position: relative;
	height:200px;
	text-align:center;
	background:#000 url(../images/page_title_bg.png) no-repeat 88% 0 / auto 100%;
}
#page_title h2 {
    color: #ffffff;
    font-size: 35px;
    padding: 20px 0 30px;
}
#page_title h2 span {
	display:block;
	margin:0 0 10px;
}
#page_title h2 span img {
	width:26px;
}

/*================================

　locations

================================*/
#locations .inner {
	width:1120px;
	height:630px;
	padding:40px;
	margin:30px auto;
	background:#fbedee;
	position:relative;
}
#locations .inner .section_title {
    left: 40px;
    position: absolute;
    top: 70px;
}
#locations .inner .section_title h3 {
    font-size: 21px;
    line-height: 1.4;
    margin: 0 0 10px;
}
#locations .inner .section_title p {
	font-size:15px;
	color:#d7000f;
	line-height:1.5;
}
#locations .inner .map {
	position:absolute;
	top:100px;
	left:330px;
}
#locations .inner .btn_area.left {
	position:absolute;
	top:200px;
	left:30px;
}
#locations .inner .btn_area.right {
	position:absolute;
	top:30px;
	right:30px;
}
	#locations .inner .btn_area a {
		text-decoration:none;
}
	#locations .inner .btn_area li a:hover  {
	background:#ffda3f none repeat scroll 0 0;
}
#locations .inner .btn_area li a.active{
	background:#ffda3f;
}
#locations .inner .btn_area li {
    line-height: 1.2;
    margin: 0 0 5px;
    width: 240px;
}
#locations .inner .btn_area li a{
  padding:8px 20px;
   color:#d7000f;
	border:solid 2px #d7000f;
	background:#fff;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  position:relative;
  display: block;
}
  
	#locations .inner .btn_area li h4 {
		font-size:18px;
}
	#locations .inner .btn_area li .sub {
		font-size:11px;
		line-height:1.2;
}
	#locations .inner .btn_area li .shops {
		position:absolute;
		top:8px;
		right:20px;
		font-size:13px;
		font-weight:bold;
		line-height:1.2;
}
	#locations .inner .btn_area li .shops span {
		font-size:20px;
}
	

@media screen and (max-width: 800px){
#page_title {
	background:#000 url(../images/page_title_bg.png) no-repeat 78% 0 / auto 100%;
}
#page_title h2 {
    color: #ffffff;
    font-size: 35px;
    font-weight: 800;
    padding: 40px 0 0;
}
#locations .inner {
	width:100%;
	height: auto;
	margin:0 auto;
	padding:30px 0;
	background:#fbedee;
	position:relative;
}
#locations .inner .section_title {
	position:static;
	padding:0 30px;
	margin:0 0 20px;
}
#locations .inner .section_title h3 {
 font-size:25px;
}
#locations .inner .section_title p {
	font-size:12px;
}
#locations .inner .map {
	width: 280px;
	margin:0 auto;
	position:static;
}
#locations .inner .map img {
	width:300px;
}
#locations .inner .btn_area {
	display:none;
}
}
	
	
/*================================

　details

================================*/
#details {
	max-width:1200px;
	margin:0 auto;
}
#details .accordion_wrap_ajax dt.acco01 {
	display:block;
	width:100%;
	padding:8px 0;
	margin:0 0 5px;
	text-align:center;
	cursor:pointer;
	background:#d7000f url(../../images/icon_arrow1_down.png) no-repeat  98% center;
	background-size:30px;
	border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

#details .accordion_wrap_ajax dt.acco02 {
    border-radius: 10px 10px 0 0;
    color: #d7000f;
    font-size: 25px;
    font-weight: normal;
    text-align: center;
	display:block;
	width:100%;
	cursor:pointer;
	background:#fbeded url(../../images/icon_arrow1_down.png) no-repeat  98% center;
}

#details .accordion_wrap_ajax dt.active.acco01 {
	background:#d7000f url(../../images/icon_arrow1_up.png) no-repeat  98% center;
	background-size:30px;
}

#details .accordion_wrap_ajax dt.active.acco02 {
	background:##fbeded url(../../images/icon_arrow1_up.png) no-repeat  98% center;
	background-size:30px;
}

#details .accordion_wrap_ajax dd.acco01dd{
	display: block;
	
}

#details .accordion_wrap_ajax dd.acco02dd{
	display:none;
}

#details .accordion_wrap_ajax  dt h4 {
	font-size:25px;
	color:#fff;
	font-weight:normal;
}
#details .accordion_wrap_ajax dt p {
	color:#fff;
	line-height:1.2;
}
#details .accordion_wrap_ajax dd {
	display:none;
	padding:20px 0;
}
#details .accordion_wrap_ajax dd .routemap {
	text-align:center;
	margin:0 0 20px;
}


#details .accordion_wrap_ajax h5 {
    background: #fbeded none repeat scroll 0 0;
    border-bottom: 1px solid #d7000f;
    border-radius: 10px 10px 0 0;
    color: #d7000f;
    font-size: 25px;
    font-weight: normal;
    margin: 20px 0 0;
    padding: 14px 0;
    text-align: center;
}

#details .details_list {
	padding:0 0 40px;
	border-bottom:solid 1px #d7000f;
	position:relative;
}
#details .details_list .map {
    float: left;
    margin: 40px 0 0 30px;
    width: 33%;
}
#details .details_list_inner {
    float: right;
    margin: 20px 0;
    width: 63%;
}
#details .details_list_inner h6 {
	font-size:25px;
	font-weight:normal;
	color:#d7000f;
	margin:0 0 15px;
}
#details .details_list_inner h6 span {
	display:block;
	color:#000;
	font-size:13px;
	line-height:1.2;
}
#details .details_list_inner li {
	font-size:14px;
	overflow:hidden;
	margin:0 0 2px;
}
#details .details_list_inner .th {
	float:left;
	width:80px;
	color:#fb3c4a;
}
#details .details_list_inner .td {
	float:left;
}
#details .details_list_inner .btn {
	margin:18px 0 0;
}
#details .details_list_inner .btn a {
	font-size:14px;
	color:#fff;
	padding:15px 20px;
	background:#d7000f;
border-radius: 25px;
	-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
#details .details_list_inner .btn a:hover {
	text-decoration:none;
}


@media screen and (max-width: 800px){
#details .accordion_wrap_ajax dt {
	border-radius: 0;
}
#details .details_list h5 {
	border-radius:0;
}
#details .details_list .map {
	float:none;
/*	width:100%; */
	height:100%;
/*	margin:20px 0 0 0;*/
    margin: 20px auto;
    max-width: 320px;
    width: auto;
}
#details .details_list_inner {
    float: left;
    padding: 20px;
    position: static;
    width: 90%;
	margin: 0;
}

#details .accordion_wrap_ajax dt.acco01 {
	border-radius: 0px;
	margin: 0 0 2px;
}

#details .accordion_wrap_ajax dt.acco02 {
	margin: 0 0 -20px;
	border-radius: 0px;
}

#details .accordion_wrap_ajax dd.acco01dd{
	
}

.map_wrap .map{
	 width: 90% !important;
	 padding: 0 10px;
}


#details .accordion_wrap_ajax dd.acco02dd{
}

}