@charset "utf-8";

/*------------------------------------------------------------------------------
関空クラブ - CSS Modules Import
URL: http://
Date: 2012-06-12
© Copyright 2012 kcc All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

content

---------------------------------------- */

#index_title {
	height: 39px;
}
#index2_nav {
	height: 33px;
}
#index2_nav_area {
	width: 740px;
}

/* ----------------------------------------

yuutai_top

---------------------------------------- */
@media screen and (max-width:767px){
	#detail_title_02 {
		margin-top: 0;
	}
	#index2_nav {
		width: 100%;
		height: auto;
		position: relative;
		margin: 0;
		border-bottom: none;
		display: flex;
		flex-wrap: wrap;
	}
	#index2_nav li {
		display: block;
		position: relative;
		height: 29px;
		top: 0;
		margin-bottom: 8px;
		overflow: hidden;
	}
	#index2_nav li a {
		display: block;
		text-decoration: none;
		text-indent: -9999px;
		font-size: 100%;
		background: url(/kc/files/img/yuutai/detail_navi.png) no-repeat;
		height: 29px;
	}
	#index2_nav li#index2_nav1 {
		width: 146px;
		left: 0;
		margin-right: 10px;
	}
	#index2_nav li#index2_nav2 {
		width: 119px;
		left: 0;
		margin-right: 10px;
	}
	#index2_nav li#index2_nav3 {
		width: 81px;
		left: 0;
		margin-right: 10px;
	}
	#index2_nav li#index2_nav4 {
		width: 88px;
		left: 0;
		margin-right: 10px;
	}

	#index2_nav li#index2_nav1 a{background-position:0 0;}
	#index2_nav li#index2_nav2 a{background-position:-157px 0;}
	#index2_nav li#index2_nav3 a{background-position:-287px 0;}
	#index2_nav li#index2_nav4 a{background-position:-379px 0;}

	#index2_nav li#index2_nav1 a:hover,
	#index2_nav li#index2_nav1 a.here{background-position:0 -30px;}
	#index2_nav li#index2_nav2 a:hover{background-position:-157px -30px;}
	#index2_nav li#index2_nav3 a:hover{background-position:-287px -30px;}
	#index2_nav li#index2_nav4 a:hover{background-position:-379px -30px;}

	#index2_nav_area,
	#content #detail_nav_area {
		font-size: 14px !important;
		width: 100%;
		margin: 0 0 20px 0;
		background-color: #ECEFF7;
		padding: 5px 0 5px 15px !important;
	}
	#index2_nav_area li,
	#content #detail_nav_area li {
		display: inline;
		margin-right: 15px;
		white-space: nowrap;
	}
	#index2_nav_area li a,
	#index2_nav_area li a:hover,
	#content #detail_nav_area li a,
	#content #detail_nav_area li a:hover {
		font-size: 13px !important;
		text-decoration: none;
	}
	#head_num_navi {
		margin: 0;
	}


	#index_title {
		width: 100%;
		overflow: hidden;

	}
	table#index_search {
		width: 100% !important;
		margin: 0 auto;
	}
	table#index_search tr {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
	table#index_search td#to_floor,
	table#index_search td#to_area {
		width: 100%;
		margin: 0 0 20px;
	}
	table#index_search td dl {
		margin: 0 5% 15px 5%;
		padding-left: 3%;
		width: auto;
	}
	table#index_search td table tr {
		display: block;
	}
	table#index_search td h3 img {
		width: 129px;
	}
	table#index_search td td {
		padding: 0 0 5px;
	}
	table#index_search table {
		display: flex;
		width: 90%;
		margin: 0 2% 0 8%;
	}
	table#index_search table tr {
		float: left;
		margin: 0;
		padding: 0;
		width: 38vw;
	}
	table#index_search table td,
	table#index_search table td.btn{
		width: auto;
	}
	#bt {
		margin-top: 10px;
	}
}


/* ----------------------------------------

下層ページ

---------------------------------------- */

@media screen and (max-width:767px){
	#content #detail_nav {
		width: 100%;
		height: auto;
		position:relative;
		background: none;
		display: flex;
		flex-wrap: wrap;
	}
	#content #detail_nav li { 
		display: block;
		position: relative;
		height: 28px;
		margin-bottom: 8px;
		overflow: hidden;
	}
	#content #detail_nav li a {
		display: block;
		text-decoration: none;
		text-indent:-9999px;
		background:url(/kc/files/img/yuutai/detail_navi.png) no-repeat;
		height: 30px;
	}
	#content #detail_nav li#detail_nav1 {
		width: 146px;
		left: 0;
		margin-right: 10px;
	}
	#content #detail_nav li#detail_nav2 {
		width: 119px;
		left: 0;
		margin-right: 10px;
	}
	#content #detail_nav li#detail_nav3 {
		width: 81px;
		left: 0;
		margin-right: 10px;
	}
	#content #detail_nav li#detail_nav4 {
		width: 88px;
		left: 0;
	}
	#content #detail_nav li#detail_nav1 a {
		background-position: 0 0;
	}
	#content #detail_nav li#detail_nav2 a {
		background-position: -157px 0;
	}
	#content #detail_nav li#detail_nav3 a {
		background-position: -287px 0;
	}
	#content #detail_nav li#detail_nav4 a {
		background-position: -379px 0;
	}
	#content #detail_nav li#detail_nav1 a:hover,
	#content #detail_nav li#detail_nav1 a.here{background-position:0 -30px;}
	#content #detail_nav li#detail_nav2 a:hover,
	#content #detail_nav li#detail_nav2 a.here{background-position:-157px -30px;}
	#content #detail_nav li#detail_nav3 a:hover,
	#content #detail_nav li#detail_nav3 a.here{background-position:-287px -30px;}
	#content #detail_nav li#detail_nav4 a:hover,
	#content #detail_nav li#detail_nav4 a.here{background-position:-379px -30px;}


	#content #detail_nav_area {
		width: 100%;
		padding: 5px 10px;
	}
	#content #detail_nav_area li {
		list-style: none;
		display: inline;
		margin-right: 15px;
	}

	#content #detail_nav_area li a,
	#content #detail_nav_area li a:hover {
		text-decoration:underline;
	}

}


@media screen and (max-width:767px){

	#list_lay_ta {
		width: 100%;
	}
	#listTable_02,
	#listTable {
		width: 100% !important;
		margin-bottom: 5.3vw;
	}
	#listTable_02 .ttl {
		background-color: #eceff7;
		padding:10px;
		font-weight:bold;
		font-size:14px;
		width: auto;
	}
	#listTable_02 .ttl_02 {
		background-color: #eceff7;
		text-align: right;
		width: auto;
		max-width: 100px;
	}
	#listTable_02 .ttl_03 {
		background-color: #eceff7;
		width: 50px;
		text-align: right;
	}
	#shop_detail,
	#listTable_02 #detai01 {
		width: 100%;
	}
	#listTable_02 #detai01 {
		margin-bottom: 0;
	}
	#shop_detail {
		width: 100%;
	}
	#shop_detail td {
		width: 100%;
		padding: 0 3vw 3vw;
		display: flex;
		flex-direction: column;
	}
	#shop_detail td td,
	#shop_detail td td td {
		padding: 2vw 0;
	}
	#tokuten,
	#tokuten02,
	#goriyou,
	#goriyou02 {
		width: 100% !important;
		margin-bottom: 0;
	}
	#goriyou_ttl {
		width: 100%;
	}
	#goriyou_ttl img {
		width: 100%;
	}
	
	#tokuten_ttl img,
	#tokuten02_ttl img {
		width: 180px;
	}
	#shop_detail td {
		padding-bottom: 0;
	}
	#shop_detail td td.tokuten_txt,
	#shop_detail td td.tokuten02_txt {
		padding: 3vw;
	}
	#detail_pic {
		width: 100%;
		text-align: center;
	}
	#detail_pic img {
		width: auto;
		margin: 0 auto;
	}
	#listTable_02 #detai01 td.l,
	#shop_detail td {
		display: block !important;
		padding-top: 0;
	}
	#listTable_02 #detai01 td.l {
		width: 100%;
	}
	#ttl_osusu {
		width: 100%;
		padding: 0 3vw;
	}
	#ttl_recom {
		width: 100%;
	}
	#osusume_ta {
		width: 100%;
		padding: 0 3vw 3vw;
		margin: 0 0 15px;
	}
	#osusume_ta td {
		width: 50vw;
		padding: 0 3vw !important;
	}
	#shop_detail a {
		word-break: break-all;
	}
	#name{
		padding:10px 15px 10px 0;
	}
}