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

/*特集PCページコンテンツベーススタイル*/
.astb_wrapper{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif !important;
	line-height:180%;
	width:760px;
	color:#2c2827;
}

a{ text-decoration:none;}

/* sns-wrap
------------------------------------------------*/
.sns-wrap{
	text-align:center;
}

ul.sns-btn{
	margin:15px 0;
}
ul.sns-btn li {
	display:inline-block;
	line-height: 0!important;
	letter-spacing:0 !important;
	vertical-align:bottom;
}
.sns-btn-bottom{
	margin-top:50px;
}
.sns-btn-bottom ul{
	text-align:center;
}
.sns-btn-bottom ul li{
	display:inline-block;
	line-height: 0!important;
	letter-spacing: 0;
	vertical-align:bottom;
}

li.tw-button-y {
    width: 82px !important;
}
li.g-button-y {
    width: 58px;
}


/*-----------------------------------------------------
astb_wrapper
-------------------------------------------------------*/
.astb_wrapper{
	background: url(/images/pages/feature/tokyo/ashitsubo/bg_allwarp.jpg) repeat  0 0;
	padding-bottom:30px;
	position:relative;
}


.astb_wrapper-catch{
	position:absolute;
	top:260px;
	left:40px;
}



/* top-read
------------------------------------------------*/
.top-read{
	background: url(/images/pages/feature/tokyo/ashitsubo/bg_frame.png) no-repeat;
	width:680px;
	height:280px;
	margin:20px auto;
}

.top-read h2{
	text-align:center;
	padding-top:25px;
}

.top-read-pictxt-l{
	float:left;
	width:240px;
	margin:20px 0 0 30px;
}

.top-read-pictxt-r{
	float: right;
	margin:20px 30px 0 0;
	width:350px;
}

.top-read-pictxt-r h3{
	font-size:18px;
	border-bottom: 1px #ccc solid;
	padding-bottom: 10px;
}

.top-read-pictxt-r p{
	font-size: 13px;
	margin-top: 10px;
	line-height: 1.5;
	letter-spacing: 1px;
}

/*introduction-read*/
.introduction-read{
	width:660px;
	margin:20px auto;
}

p.info-tender{
	width:740px;
	text-align:right;
	font-size:12px;
}

/*top-read-mark*/
.top-read-mark{
	background: linear-gradient(transparent 60%, #f5eba4 60%);
}

/* area-btn-list
------------------------------------------------*/
.area-btn-list{}

.area-btn-list ul{
	width:680px;
	margin:10px auto;
	text-align:center;
}

.area-btn-list ul li{
	float:left;
	width:222px;
	height:81px;
	margin-left:7px;
}
.area-btn-list ul li:first-child{
	margin-left:0;
}

.area-btn-list ul li a{
	background: url(/images/pages/feature/tokyo/ashitsubo/bg_btn_anc.png) no-repeat;
	width:222px;
	height:81px;
	display: table-cell;
	vertical-align:middle;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	color:#2c2827 !important;
}


/* area-intro-warp
------------------------------------------------*/
.area-intro-warp{
	width:720px;
	margin:10px auto;
	background:#ffffff;
}

.area-intro-warp-detail-h2title{
	font-size:18px;
	background:#b5d9bf;
	padding: 10px 0px 10px 20px;
	font-weight:bold;
}

.area-intro-warp-detail-h2title img{
	margin-right:5px;
	}

.area-intro-warp-detail{
	padding:0 20px 20px 20px;
	margin-top: 40px;
}

.area-intro-warp-detail-h3{
	font-size:18px;
	font-weight:bold;
	border-bottom:#6c6461 1px solid;
	padding-bottom:10px
}

.area-intro-warp-detail-h4{
	font-size:18px;
	font-weight:bold;
	color:#74af84;
}


.area-intro-warp-detail-sub{
	margin-top:20px;
}

.area-intro-warp-detail-sub-l{
	float:left;
	width:370px
}

.area-intro-warp-detail-sub-l p{
	margin-top:10px;
}

.area-intro-warp-detail-sub-r{
	float:right;
	width:276px;
}

.area-intro-business-hours{
	font-size:14px;
	font-weight:bold;
	color:#2c2827;
}

.area-intro-business-call{
	font-size:14px;
	font-weight:bold;
	color:#F95C5C;
}

/* area-intro-warp-coupon */
.area-intro-warp-coupon{
	margin-top:30px;
}

.area-intro-warp-coupon-h2,.area-intro-warp-coupon-menu-h2{
	background: url(/images/common/headline.jpg) repeat-x bottom;
	margin-top: 10px;
	font-weight: bold;
	height: 30px;
}

.area-intro-warp-coupon-h2 img,.area-intro-warp-coupon-menu-h2 img{
	margin: 5px 5px 5px 0px;
}

.area-intro-warp-coupon-detail{
	background:#f8f4f0;
	margin-top: 10px;
	padding-bottom: 10px;
}

/*area-intro-warp-coupon-detail-subwarp*/
.area-intro-warp-coupon-detail-subwarp{
	background:#ffffff;
	width: 640px;
	margin: 0px auto;
	padding: 10px;
}

.area-intro-warp-coupon-detail-h3{
	font-size:14px;
	padding:10px 0 10px 10px;
	font-weight:bold;
}

.area-intro-warp-coupon-detail-h3 img{
    margin-right: 5px;
    vertical-align: middle;
}

.area-intro-warp-coupon-detail-subwarp-h4{
	padding-bottom:5px;
	border-bottom:#ccc 1px solid;
	color:#f95c5c;
	font-weight:bold;
}

.area-intro-warp-coupon-detail-subwarp p.nomal{
	margin-top:10px;
	line-height:1.4;
}

.area-intro-warp-coupon-detail-subwarp p.small{
	font-size:12px;
	margin-top:5px;
}


.area-intro-warp-coupon-detail-subwarp-allicon{
	background:#8db9e0;
	padding:3px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
}

.area-intro-warp-coupon-detail-subwarp-newicon{
	background:#aae6c2;
	padding:3px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	margin-right:5px;
}


/*area-intro-warp-coupon-menu*/
.area-intro-warp-coupon-menu{
	margin-top:30px;
}

.area-intro-warp-coupon-menu dl{
	display: table-cell;
	padding: 20px;
	line-height: 1.3;
	width: 520px;
}

.area-intro-warp-coupon-menu dl dt{
	font-weight:bold;
}

.area-intro-warp-coupon-menu dl dd{
	margin-top:10px;
}

.area-intro-warp-coupon-menu li p{
	width: 100px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	color:#f95c5c;
	font-weight:bold;
	font-size:17px;
}

.area-intro-warp-coupon-menu li{
	border-bottom: 1px #ccc solid;
}

.area-intro-warp-coupon-menu li:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

/*area-intro-warp-coupon-netreserv*/
.area-intro-warp-coupon-netreserv{
	text-align:center;
	margin-top:30px;
}


/*area-intro-warp-attention*/
.area-intro-warp-attention{
	width:660px;
	margin:auto;
	font-size:12px;
}

/*area-intro-warp-morelink*/
.area-intro-warp-morelink{
	text-align: center;
	width: 446px;
	height: 81px;
	margin:0 auto;
	padding:20px 0;
}

.area-intro-warp-morelink a{
	background: url(/images/pages/feature/tokyo/ashitsubo/btn_link.png) no-repeat;
	width: 446px;
	height: 81px;
	color: #FFF;
	font-size: 18px;
	font-weight: bold;
	vertical-align: middle;
	display: table-cell;
	text-decoration: none;
}

.area-intro-warp-morelink img{
	margin-right:5px;
}

/*-----------------------------------------------------
common/-single use-
-------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.pointer{cursor:pointer;}

.text-dec{text-decoration:underline;}

p.indent1em,
ul.indent1em li{
	text-indent:-1em;
	padding-left:1em;
}