/* ----- 内部リンク ----- */
#stacia_info_box a.in_link{
	background: url(/common/images/common_bg_arrow01.gif) left 0.5em no-repeat;
	padding-left: 1em;
}

/* ----- 外部リンク ----- */
#stacia_info_box a.out_link{
	background: url(/common/images/common_bg_external.gif) left 0.5em no-repeat;
	padding-left: 1em;
}

/* ----- テーブル ----- */
#stacia_info_box table .tbl_01{
	border-spacing: 0;
	zoom: 1;
	overflow: auto;
	border-collapse: collapse;
}
#stacia_info_box .tbl_01 td {
	border: solid 1px #666666;
	background-color:#FFFFFF;
	padding:10px;
}
#stacia_info_box .tbl_01 th{
	border: solid 1px #666666;
	background-color:#EEEEEE;
	padding:10px;
	text-align:center;
}

#stacia_info_box table .tbl_02{
	border-spacing: 0;
	zoom: 1;
	overflow: auto;
	border-collapse: collapse;
}

#stacia_info_box .tbl_02 td {
	border: solid 1px #666666;
	padding:10px;
	text-align:center;
}

#stacia_info_box .tbl_02 th{
	border: solid 1px #666666;
	padding:10px;
	text-align:center;
}

/* ----- POP UPページ ----- */
#info_detail_fbox {
/*	width:96%;	*/
}

#info_detail_fbox h2{
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding:10px;
	background-color:#333333;
	text-align:center;
	clear:both;
}
#info_detail_fbox h3{
	color:#FFFFFF;
	font-size:120%;
	font-weight:bold;
	padding:10px;
	background-color:#666666;
	text-align:center;
	clear:both;
}

#info_detail_fbox ul{
	list-style:none;
	clear:both;
}

#info_detail_fbox ul li{
	margin:0px;
	width:150px;
	height:150px;
	float:left;
	list-style:none;
	font-size:70%;
	line-height:120%;
}

#info_detail_fbox ul li img{
	margin:0px 0px 5px 0px;
}

#info_detail_fbox img.card{
	width:120px;
}

#info_detail_fbox #closeBtn {
  position: absolute;
  top: 30px;
  right: 30px;
}
#info_detail_fbox .displayNone {
	display: none !important;
}


/* ----- POP UPページフォントカラー ----- */
/*黒*/
#stacia_info_box .txc_01 {
	color:#333333 !important;
}

/*ピンク*/
#stacia_info_box .txc_02 {
	color:#ff0089 !important;
}


/* ----- フォントサイズ ----- */
#stacia_info_box .txs_xs {
	font-size:60%;
}

#stacia_info_box .txs_s {
	font-size:80%;
}

#stacia_info_box .txs_sm {
	font-size:90%;
}

#stacia_info_box .txs_m {
	font-size:100%;
}

#stacia_info_box .txs_l {
	font-size:120%;
}

#stacia_info_box .txs_xl {
	font-size:140%;
}

/* ----- 見出し ----- */
/* STACIAグリーン */
#stacia_info_box div.menuTitle_staciagreen {
	margin:0 0 10px 0;
	padding:7px 8px;
	border-width:0 10px;
	border-color:#B6E0E5;
	border-style:solid;
	background:#00AEBE;
	color:#FFFFFF;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

/* 黄 */
#stacia_info_box div.menuTitle_yellow {
	margin:0 0 10px 0;
	padding:7px 8px;
	border-width:0 10px;
	border-color: #FECF00;
	border-style:solid;
	background:#F7AE00;
	color:#FFFFFF;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

/* 青 */
#stacia_info_box div.menuTitle_blue {
	margin:0 0 10px 0;
	padding:7px 8px;
	border-width:0 10px;
	border-color: #80cedd;
	border-style:solid;
	background:#2f7dc0;
	color:#FFFFFF;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

/* 緑 */
#stacia_info_box div.menuTitle_green {
	margin:0 0 10px 0;
	padding:7px 8px;
	border-width:0 10px;
	border-color: #A3D900;
	border-style:solid;
	background:#008C00;
	color:#FFFFFF;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}

/* ピンク */
#stacia_info_box div.menuTitle_pink {
	margin:0 0 10px 0;
	padding:7px 8px;
	border-width:0 10px;
	border-color: #FFCFBF;
	border-style:solid;
	background:#FB158C;
	color:#FFFFFF;
	line-height:140%;
	font-weight:bold;
	text-align:center;
}


/* 黒ボーダー */
#stacia_info_box div.sub_title_01{
	margin-bottom:10px;
	color:#333333;
	padding:5px;
	border:solid 2px #333333;
	border-top:solid 2px #333333;
	border-bottom:solid 2px #333333;
	border-left:none;
	border-right:none;
	font-weight:bold;
	text-align:center;
}

/* ピンクボーダー */
#stacia_info_box div.sub_title_02{
	margin-bottom:10px;
	color:#ff0089;
	padding:5px;
	border:solid 2px #ff0089;
	border-top:solid 2px #ff0089;
	border-bottom:solid 2px #ff0089;
	border-left:none;
	border-right:none;
	font-weight:bold;
	text-align:center;
}

/* 青ボーダー */
#stacia_info_box div.sub_title_03{
	margin-bottom:10px;
	color:#2885D0;
	padding:5px;
	border:solid 2px #2885D0;
	border-top:solid 2px #2885D0;
	border-bottom:solid 2px #2885D0;
	border-left:none;
	border-right:none;
	font-weight:bold;
	text-align:center;
}

/* 緑ボーダー */
#stacia_info_box div.sub_title_04{
	margin-bottom:10px;
	color:#ABCD03;
	padding:5px;
	border:solid 2px #ABCD03;
	border-top:solid 2px #ABCD03;
	border-bottom:solid 2px #ABCD03;
	border-left:none;
	border-right:none;
	font-weight:bold;
	text-align:center;
}

/* ----- 点線 ----- */
#stacia_info_box hr.hr_dashed{
	margin:20px 0px 20px 0px;
	border:none;
	border-top:dashed 1px #666666;
	height:1px;
	color:#FFFFFF;
}

#stacia_info_box hr.rule {
    border-color: #bbb;
    border-style: dashed;
    border-width: 1px 0 0;
    height: 1px;
    margin-top: 30px;
    padding: 20px 0 5px;
}

/*-----画像のセンタリング -----*/
#stacia_info_box .image-center{
	text-align:center;
	display: block;
	margin: 20px auto 20px;
}

/*-----対象カードはこちらのボタン -----*/
#stacia_info_box img.camp-button{
	margin:10px 0px 20px 0px;
}


/*----- リストスタイル -----*/
/* 黒丸 */
#stacia_info_box ul.li_disc li {
	list-style:disc;
}

/* 数字 */
#stacia_info_box ul.li_decimal li {
	list-style:decimal;
}

/* kome */
#stacia_info_box ul.li_kome {
	list-style-type: none;
	margin-left:14px;
}

#stacia_info_box ul.li_kome li:before {
	content: '\203B';
	margin-left:-14px;
}

/*----- アズナス -----*/
#stacia_info_box .asnas01{
	font-size:13px;
	padding:5px;
	text-align:center;
	line-height:110%;
}

#stacia_info_box .asnas02{
	font-size:12px;
	padding:5px;
	text-align:left;
	line-height:150%;
	vertical-align:top;
	}

#stacia_info_box #item-list {
  padding:0px;
  margin: 0px auto;
}

#stacia_info_box #item-list ul{
  overflow:hidden;
}

#stacia_info_box #item-list ul li {
	width:230px;
	display: inline-block;
	vertical-align: top;
	list-style-type:none;
	padding-left:10px;
	margin-bottom:20px;
	text-align:center;
}

#stacia_info_box ul.cols-1 li {width: 100%;}
#stacia_info_box ul.cols-2 li {width: 50%;}
#stacia_info_box ul.cols-3 li {width: 33.33333%;}


@media only screen and (max-width: 760px) {
  ul.cols-3 li{
      width:50%;
  } 
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
      width: 100%;
  }
}

/*----- あんしんグーパス -----*/
.main:after{
	content: '';
	display: table;
	clear: both;
	}
	
.fleft{
	float:left;
	width:10%;
	}
	
.fright{
	float:right;
	width:85%;
	margin-left: 3px;
	}

.textOrange{
	font-size:19px;
	color:#F90;
	font-weight:bold;
	margin-bottom: 5px;
	}

.textBlue{
	font-size:15px;
	color:#36C;
	font-weight:bold;
	margin-bottom: 5px;
	}

/*----- 宝塚チケット -----*/
#item-list03 {
  padding:20px 0 0 20px;
  margin: 0px auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#item-list03 ul{
  margin-left:-20px;
  overflow:hidden;
}

#item-list03 ul li {
  list-style-type:none;
  float:left;
  text-align:center;
}

#item-list03 ul.cols-1 li {width: 100%;}
#item-list03 ul.cols-2 li {width: 50%;}
#item-list03 ul.cols-3 li {width: 33.33333%;}

#item-list03 .inner{
  margin:0;
  height:100%;
}

@media only screen and (max-width: 760px) {
#item-list03 ul.cols-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 479px) {
#item-list03 ul[class*='cols-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}


/*----- リッツカールトン割引＆ポイントUP -----*/

#stacia_info_box #item-list05 {
  padding:0px;
  margin: 0px auto;
}

#stacia_info_box #item-list05 ul{
  overflow:hidden;
  margin:0;
}

#stacia_info_box #item-list05 ul li {
	list-style-type:none;
	float:left;
	text-align:center;
}


#stacia_info_box  #item-list05 .comment{
	font-size:12px;
	padding:5px 0 50px 20px;
	text-align:left;
	line-height:150%;
	vertical-align:top;
	}


#item-list05 ul.cols-1 li {width: 100%;}
#item-list05 ul.cols-2 li {width: 50%;}
#item-list05 ul.cols-3 li {width: 33.33333%;}

#item-list05 .inner{
  margin:0;
  height:100%;
}

@media only screen and (max-width: 760px) {
#item-list05 ul.cols-3 li{
      width:50%;/*３列は２列に*/
  } 
}

@media only screen and (max-width: 479px) {
#item-list05 ul[class*='cols-'] > li{
      width: 100%;/*すべてを１列に*/
  }
}


/*----- クレジットでPiTaPa定期券購入キャンペーン（20190822） -----*/
#stacia_info_box .fleft02{
	float:left;
	width:70%;
	margin-bottom:10px;
	}
	
#stacia_info_box .fright02{
	float:right;
	width:190px;
	margin-left: 3px;
	text-align:center;
	}

#stacia_info_box .fright02 .atxt{
	margin-top:5px;
	font-size:12px;
	}

@media only screen and (max-width: 760px) {
#stacia_info_box .fleft02{
      width:100%;
  } 
}

@media only screen and (max-width: 479px) {
#stacia_info_box .fright02{
	 float: none;
	 margin: auto;
  }
}


/*-----景品ニュース -----*/
.clearfix:after{
	content: "";
	clear: both;
	display: block;
}

#stacia_info_box #item-list04 {
  padding:0px;
  margin: 0px auto;
}

#stacia_info_box #item-list04 ul{
  overflow:hidden;
  margin:0;
}

#stacia_info_box #item-list04 ul li {
	width:180px;
	display: inline-block;
	vertical-align: top;
	list-style-type:none;
	line-height: 110%;
	padding-right:5px;
	margin-bottom:20px;
}

	
/*-----画像付カード一覧 -----*/
#stacia_info_box #item-list02 {
  padding:10px;
  margin: 0px auto;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
}

#stacia_info_box #item-list02 ul{
  margin-left:-20px;
  overflow:hidden;
}

#stacia_info_box #item-list02 ul li {
  list-style-type:none;
  float:left;
  padding-left:20px;
  margin-bottom:20px;
  text-align:center;
  width:230px;
}

#stacia_info_box #item-list02 ul li img.card{
  width:185px;
}

#stacia_info_box table #item-list02 ul li .tbl_03{
	margin-left:auto;
	margin-right:auto;
}

#stacia_info_box #item-list02 ul li .tbl_03 td {
	border:none;
	padding:3px 0px 3px 7px;
	margin:0;
}

/*-----画像付カード一覧 右上に丸いポイントマーク付き　-----*/
#stacia_info_box #item-list02 ul li .medal { width:205px; float:left; margin-left:0; }
#stacia_info_box #item-list02 ul li .medal .recoImgUnit										{ position:relative; padding:0 20px; }
#stacia_info_box #item-list02 ul li .medal p.lineupTitle	{ font-size:92%; line-height:1.3em; text-align: left; }
#stacia_info_box #item-list02 ul li .medal p.lineupCard										{ margin-top:0; }
#stacia_info_box #item-list02 ul li .medal p.lineupCard img								{ width:185px; }
#stacia_info_box #item-list02 ul li .medal p.pointMedal										{margin-top:0; position:absolute; top:-10px; right:0; width:80px; }
#stacia_info_box #item-list02 ul li .medal p.pointMedal img								{ width:80px; }

/*----- アプラスへ移動ページ -----*/

#headerWrap {
 width:100%;
 border-top:solid 3px #00aebf;
}

#headerLogoArea {
 float:left;
 width:480px;
 max-width:100%;
 padding:25px 0 5px;
}

#headerLogoArea p#headerLogo {
 float:left;
 margin-top:3px;
}

#headerLogoArea h1#siteDesc {
 float:left;
 width:285px;
 margin:5px 0 0 10px;
 font-size:76%;
 font-weight: normal;
}

#headerSearchSection,#headerSection {
 margin:0 auto;
 width:1000px;
 max-width:100%;
}

.cb,.cf:after {
 clear:both;
}

.cf:after,.cf:before {
 display:table;
 content:""
}

.cf {
 zoom:1
}

.explainBox {
    width: 800px;
    max-width:100%;
    border: 1px solid #ccc;
    margin: 16px auto 4px;
    padding: 16px;
	text-align:center;
}

.explainBox p{
	font: 14px 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    line-height: normal;
	letter-spacing: 0;
	color: #222;
	line-height: 1.6em;
}