html,body{
    hight: 100%;
}

body{
    min-height: 1920px;
    min-width: 1080px;
    positiion: relative;
    margin: 0;
    padding: 0;
    color: #555;
}

.div{
    width: 1080px;
    height: auto;
    margin: 0px auto;
    margin-bottom: 20px;
}
.sub_title{
    color: #fff;
    background-color: #5fb700;
    font-size: 18px;
}
.sub_title > h2{
	color: #FFF;
    height: 40px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 20px;
}
.sub_div{
    padding: 20px;
}

/* パンくずリスト */
.div0 .topic{
    list-style-type: none;
}
.div0 .topic li{
    display: inline;
}


/* .div1 - タイトル | 船画像 */
.div1 > div > img{
    width: 100%;
}

/* .div2 - 客船紹介 | シップデータ | 客船画像 | 特典 | キャビン */
.div2 .left{
    display: table-cell;
    width: 800px;
}
.div2 .left .p{
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
}
.div2 .right .table{
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
}
.div2 > .right{
    display: table-cell;
    width: 400px;
    padding-left: 30px;
}
.div2 .right .table table tr {
    border-bottom: 1px dotted #000;
}
.div2 .right .table table tr td:last-child{
    padding-left: 150px;
}

.panf {
    font-size: 20px;
    font-weight: bold;
    margin: 20px;
}

.panf_list{
    display: flex;
}

/* .div2 - */
.div2 > .box1, .box2 {
    float: left;
    width: 50%;
}

.div2 > .box2 {
    padding-left: 30px;
}



/* .div3 - 船内施設 */
.div3 .p p{
    padding: 20px;
}
.div3 .sub_div > div > ul > li{
    display: table-cell;
    width: 330px;
}
.div3 > .sub_div > div > ul > li:nth-child(2){
    padding: 20px;
}
.div3 > .sub_div > div > ul > li > p{
    text-align: center;
    padding: 10px 0 10px;
    font-weight: bold;
}
.div3 > .sub_div > div > ul > li > img{
    width: 330px;
    -webkit-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -o-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -ms-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
}
.div3 > .sub_div > div > ul > li > ul{
    padding-top: 20px;
}

/* .div4 - キャビン */
.div4 .p p{
    padding: 20px;
}
.div4 > .sub_div > div > ul > li{
    display: table-cell;
    width: 330px;
}
.div4 > .sub_div > div > ul > li:nth-child(2){
    padding: 0 20px 0;
}
.div4 > .sub_div > div > ul > li > p{
    text-align: center;
    padding: 10px 0 10px;
    font-weight: bold;
}
.div4 > .sub_div > div > ul > li > img{
    width: 330px;
    -webkit-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -moz-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -o-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    -ms-filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
    filter: drop-shadow(0px 5px 3px rgba(0,0,0,0.2));
}
.div4 > .sub_div > div > ul > li > ul{
    padding-top: 20px;
}

/* .div5 - デッキプラン */
.div5 .sub_div > div > ul > li{
    display: inline-block;
    width: 100px;
    padding: 15px 10px;
    text-align: center;
    background-color: #ccc;
    border-collapse: collapse;
    border-spacing: 0;
    border-radius: 15px;
}
.div5 > div > div > ul > li:hover{
    background-color: #262c47;
    color: white;
}
.div5 > div > div:nth-child(2){
    margin: 20px 0 0;
}
.div5 .sub_div > div > a > img{
    width: 1000px;
}

/* .div6 - おすすめポイント */
.div6{
}

/* .div7 - この客船のコースを見る */
.div7{
}


/* デッキプランjs用 */
.disnon {
  display: none;
}

/* .div7 - コース名タイトル */
.course_area_title_blu_g {
	margin-top:5px;
	font-weight:bold;
	color:#333;
	font-size:18px;
	padding-left:10px;}	
	
.course_area_title_blu_g {
    margin: 5px 0px 5px;
    padding: 0px 0px 0px 5px;
    font-size: 20px;
    border-left: 10px solid  #5fb700;
    font-weight: normal;
}
.course_area_title_blu_i {
    margin-top: 20px;
}

/* コスタセレーナ特集ページ */

.cabin-block .p-title {
	font-weight: bold;
    display: inline-block;
    width: 100%;
    margin-left: 40px;
}