@charset "utf-8";

/* kv
----------------------------------------------------------- */

#kvWrap {
    background: url(../../img/stayplan/pic_main.jpg) no-repeat 50% 70%;
    background-size: cover;
}

#planWrap {
	padding: 60px 0;
}

.tabNavWrap .tabNav {
	z-index: 1;
}

/* plWrap
----------------------------------------------------------- */

#plWrap {
	margin-top: -6px;
}

#plWrap .plList {
	width: 100%;
	padding: 60px 0;
}

#plWrap .plList:nth-child(odd) {
	background: #efefed;
}

#plWrap .plList .left {
	width: 340px;
	float: left;
}

#plWrap .plList .left .plImg {
	width: 340px;
	height: 227px;
	overflow: hidden;
	margin-bottom: 10px;
}

#plWrap .plList .left .plImg img {
	width: 340px;
	height: auto;
}

#plWrap .plList .noImg .left .plImg {
	display: none;
}

#plWrap .plList .right {
	width: 620px;
	float: right;
}

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

#plWrap .plList .inner {
	margin-bottom: 30px;
}

.catList {
	letter-spacing: -.4em;
}

.catList li {
	display: inline-block;
    letter-spacing: normal;
    margin-right: 8px;
}

.catList li.catLabel.credit {
	background: #00ace7;
	color: #fff;
}

#plWrap .plList .right h3 {
	font-size: 170%;
	font-weight: bold;
	color: #00ace7;
	margin-bottom: 10px;
}

#plWrap .plList .right .txt {
	margin-bottom: 20px;
}

#plWrap .plList .right .dtlBox .left {
	width: 290px;
	float: left;
}
#plWrap .plList .right .dtlBox.noFloat .left {
	width: 100%;
	float: none;
}

#plWrap .plList .right .dtlBox .right {
	width: 290px;
	float: right;
}
#plWrap .plList .right .dtlBox.noFloat .right {
	width: 100%;
	float: none;
}

#plWrap .plList .right .dtlBox table {
	border-top: 1px dotted #d3d3d3;
	font-size: 120%;
}

#plWrap .plList .right .dtlBox table tr {
	border-bottom: 1px dotted #d3d3d3;
}

#plWrap .plList .right .dtlBox table th {
	padding: 15px 0;
	font-weight: bold;
	color: #00ace7;
}
#plWrap .plList .right .dtlBox table.left  th {
	width: 100px;
}
#plWrap .plList .right .dtlBox table.right th {
	width: 60px;
}


#plWrap .plList .right .dtlBox table td {
	padding: 15px 0;
}

#plWrap .plList .btnBox p {
	width: 310px;
	margin-right: 5px;
	display: inline-block;
}


.plBtnWrap {
    overflow: hidden;
}

.plBtnWrap ul {
    position: relative;
    left: 50%;
    float: left;
}

.plBtnWrap li {
    width: 241px;
    float: left;
    margin-left: 10px;
    position: relative;
    left: -50%;
}

.plBtnWrap ul li:first-child {
	margin-left: 0;
}


/* detail
----------------------------------------------------------- */

#plWrap.dtl {
	margin-top: 0;
}

#plWrap.dtl .left {
    width: 378px;
    float: left;
    height: auto;
}

#plWrap.dtl .right {
	width: 572px;
	float: right;
}

#plWrap.dtl .left .plImg {
	width: 378px;
	height: auto;
}

#plWrap.dtl .noImg .left {
	display: none;
}

#plWrap.dtl .noImg .right {
	width: 100%;
}

#plWrap.dtl .left .imgThumb {
	letter-spacing: -.4em;
	margin-top: 25px;
	padding-top: 25px;
	border-top: 1px solid #d3d3d3;
}

#plWrap.dtl .left .imgThumb li {
	display:inline-block;
    font-size:12px;
    margin-right: 9px;
}

#plWrap.dtl .left .imgThumb li:last-child {
	margin-right: 0;
}

#plWrap.dtl .right h3 {
	font-size: 170%;
	font-weight: bold;
	margin-bottom: 15px;
	color: #00ace7;
}

#plWrap.dtl .right .dltTxt {
	font-size: 120%;
	margin-bottom: 20px;
}
#plWrap.dtl .right .dltTxt img {
	max-width: 100%;
	height: auto;
}
#plWrap.dtl .right .dltTxt p {
	margin-bottom: 15px;
}
#plWrap.dtl .right .dltTxt ol,
#plWrap.dtl .right .dltTxt ul {
	margin-bottom: 15px;
	padding-left: 20px;
}
#plWrap.dtl .right .dltTxt ul li {
	list-style: disc;
}
#plWrap.dtl .right .dltTxt ol li {
	list-style: decimal;
}


#plWrap.dtl .right .dtlBox .leftDtl {
	width: 280px;
	float: left;
}

#plWrap.dtl .right .dtlBox .rightDtl {
	width: 280px;
	float: right;
}

#plWrap.dtl .noImg .right .dtlBox .leftDtl {
	width: 480px;
}

#plWrap.dtl .noImg .right .dtlBox .rightDtl {
	width: 480px;
}

#plWrap.dtl .right .dtlBox table {
	border-top: 1px dotted #d3d3d3;
	font-size: 120%;
}

#plWrap.dtl .right .dtlBox table tr {
	border-bottom: 1px dotted #d3d3d3;
}

#plWrap.dtl .right .dtlBox table th {
	padding: 15px 0;
	font-weight: bold;
	color: #00ace7;
}

#plWrap.dtl .right .dtlBox table td {
	padding: 15px 0;
}

/* news sns
----------------------------------------------------------- */

.planSns {
	margin-top: 50px;
	border-top: 1px solid #d3d3d3;
	padding-top: 25px;
}

.snsWrap {
	padding-top: 30px;
}

#toTop {
	font-size: 120%;
	padding-top: 30px;
	line-height: 2;
	font-weight: bold;
	margin-top: -50px;
}

#toTop a {
	display: block;
	padding-left: 35px;
	background: url(../../img/common/listhead07.png) no-repeat 0 50%;
}

#plBtn {
	width: 310px;
	margin: -25px auto 30px;
}