@charset "utf-8";
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	overflow: hidden;
	display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
img {
	vertical-align: text-bottom;
}
li {
	list-style-type: none;
}
h1, h2, h3, h4, h5 {
	font-size: 100%;
}
#container {
	/*	width: 1200px;*/
	margin: 0px auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS P Gothic', sans-serif;
	background-image: url(../image/shangrila/bg.png);
	background-color: #ffe6e3;
}
#main {
	/*	width: 1200px;*/
	background-color: #FFF;
}
#main_head {
/*	width: 1200px;*/
}
/*#osusume*/

#osusume {
	background-image: url(../image/shangrila/bg.png);
	background-color: #ffe6e3;
}
.section {
	width: 1200px;
	margin: 0 auto;
}
#main_head {
	position: relative;
}
#main_head h2 {
	position: absolute;
	top: 17%;
	z-index: 1;
}
#main_head h2 img{
    width: 100%;
    height: auto;
}
.main_head_text {
	background-image: url(../image/shangrila/read_bg.png);
	background-color: #32acd7;
	height: 215px;
	border-bottom: solid 6px #000;
}
.main_head_text p.text {
	color: #fff;
	font-size: 22px;
	padding-top: 10px;
	line-height: 46px;
	padding-left: 101px;
	font-weight: bold;
}
#osusume .osusume_01, #osusume .osusume_02, #osusume .osusume_03, #osusume .osusume_04, #osusume .osusume_05 {
	overflow: hidden;
	background-color: #d3f3fd;
	position: relative;
}
#osusume .osusume_01, #osusume .osusume_02, #osusume .osusume_03, #osusume .osusume_04 {
	border-bottom: solid 6px #000;
}
.osusume_title {
	overflow: hidden;
	background-image: url(../image/shangrila/bg_title.png);
	background-repeat: repeat-x;
}
.osusume_title img {
	display: inline-block;
	clear: both;
	padding-left: 125px;
	position: absolute;
	float: left;
}
.osusume_title h3 {
	width: 810px;
	background-color:#41a9e1;
	font-size: 33px;
	color: #fff;
	padding: 30px 0 40px 35px;
	float: right;
	margin-top: 90px;
	line-height: 55px;
}
#osusume .osusume_title p {
	font-size: 19px;
	border: solid #000;
	border-width: 2px 2px 2px 0px;
	margin-top: 306px;
	background-color: #fff;
	margin-right: 120px;
	padding: 30px 30px 30px 86px;
	margin-bottom: 50px;
	line-height: 35px;
	font-weight: bold;
}
/*staff s子　comment*/
.sko_comment {
	margin-left: 120px;
	background-color: #fff;
	color: #41a9e1;
	position: relative;
	height: auto;
	margin-bottom: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.sko_comment p {
	font-size: 18px;
	line-height: 35px;
	margin-left: 185px;
	background-image: url(../image/shangrila/sko_text_bg.png);
	background-repeat: repeat-y;
}
.sko_comment img {
	position: absolute;
	bottom: 5px;
}
/*osusume image*/
.osusume_img {
	overflow: hidden;
	padding-bottom: 50px;
	padding-top: 50px;
	background-image: url(../image/shangrila/bg.png);
}
.osusume_img_left {
	position: relative;
	float: left;
}
.osusume_img_right {
	position: relative;
	float: right;
}
/*hotel movie*/
#hotel_movie {
	/*	width: 960px;*/
	text-align: center;
	margin: 0 auto;
}
#hotel_movie h3 {
	background-color: #ff8273;
	padding: 10px;
	color: #fff;
	font-size: 35px;
	margin-bottom: 15px;
	margin-top: 50px;
}
/*バナー*/

.bn_box {
	width: 810px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 30px;
}
.bn_box p {
	padding: 10px;
}
#container .top {
	margin: 15px 0 0 0;
	text-align: right;
}
/*bxslider CSS*/
.bx-viewport img {
	width: 100%;
}
.bx-wrapper .bx-viewport {
	border: none;
	background: none!important;
	box-shadow: none !important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #41a9e1!important;
}

/*ホテル評価*/
#main .data-box {
    display: flex;
    font-size: 14px;
    justify-content: center;
  padding-top: 20px;
}
#main .data-box .iconbox p.rank {
    width: auto;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
#main .data-box .iconbox p.rank.high {
    background: #a48700;
}
#main .data-box .iconbox p.rank.low {
    background: #213264;
}
#main .data-box p.kuchikomi .evaluation {
    font-weight: bold;
    padding-left: 4px;
}
#main .data-box p.kuchikomi {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
#main .data-box p.kuchikomi .evaluation.ore {
    color: #ff4e00;
}
#main .data-box p.kuchikomi .evaluation.yellow {
    color: #ff9900;
}
#main .data-box p.kuchikomi .evaluation .comment {
    padding-left: 0;
}
#main .data-box p.kuchikomi .number {
    font-weight: normal;
    color: #fff;
    padding: 0;
    margin: 0;
}
#main .data-box p.kuchikomi .number a {
    text-decoration: underline;
    display: inline;
    color: #fff;
}
#main .data-box p.kuchikomi .star {
    display: flex;
}
#main .box-left .data-box, #main .box-right .data-box {
    width: 100%;
}


/* PC  DESIGN*/
@media (min-width: 640px) {
.pc_none {
	display: none !important;
}
.sko_comment{
    min-height: 105px;
}
}
@media screen and (max-width:1500px){
#main_head h2{
    top: 9%;
}
}
/* SP DESIGN*/
@media (max-width: 639px) {
.sp_none {
	display: none !important;
}
#panlist_cebu ol li {
	line-height: normal;
}
#panlist_cebu li a {
	font-size: 12px;
}
#main_head h2 {
	top: 4%;
    width: 90%;
    left: 7%;
}
.section {
	width: auto;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{
    bottom: 8px !important;
}
/*#osusume*/
.main_head_text {
	height: auto;
	border-bottom: solid 6px #000;
}
.main_head_text p.text {
	color: #fff;
	font-size: 3.5vw;
	line-height: normal;
	font-weight: bold;
	padding: 10px;
    line-height: 23px;
}
.main_head_text p.text br {
	display: none;
}
.osusume_title img {
	display: inline-block;
	clear: both;
	padding-left: 5px;
	position: absolute;
	float: left;
	width: 25%;
}
#main .osusume_title h3 {
	width: 75%;
	background-color: #41a9e1;
	font-size: 4vw;
	color: #fff;
	padding: 10px;
	float: right;
	margin-top: 0;
	line-height: normal;
	border-radius: 0;
    font-weight: bold;
}
#osusume .osusume_title p {
	font-size: 3.3vw;
	margin-top: 135px;
	margin-right: 25px;
	padding: 15px;
	margin-bottom: 25px;
	font-weight: normal;
    width: 100%;
    border-right: none;
    line-height: 23px;
}
	#osusume .osusume_title p br{
		display: none;
	}
.main_head_text {
	border-bottom: solid 4px #000;
}
.osusume_img {
	padding: 5px 10px 10px;
}
.osusume_img_left, .osusume_img_right {
	padding: 5px 0;
}
#osusume .osusume_01, #osusume .osusume_02, #osusume .osusume_03, #osusume .osusume_04 {
	border-bottom: solid 4px #000;
}
/*staff s子　comment*/
.sko_comment {
	margin: 10px;
	padding: 10px;
	text-align: center;
}
.sko_comment p {
	font-size: 3.5vw;;
	line-height: 23px;
	margin-left: 0px;
	background-size: auto 23px;
	text-align: left;
	margin-top: 10px;
}
.sko_comment p br {
	display: none;
}
.sko_comment img {
	position: static;
    width: 30%;
}
/*hotel movie*/
#hotel_movie {
	text-align: center;
	margin: 0 auto;
}
#hotel_movie h3 {
	background-color: #ff8273;
	padding: 5px;
	font-size: 20px;
	border-radius: 0;
	margin: 0;
}
#hotel_movie iframe {
	width: 100%!important;
	height: auto!important;
}
/*バナー*/
.bn_box {
	width: auto;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
.bn_box p {
	padding: 5px;
}

/*ホテル評価スマホ*/
#main .data-box .iconbox p.rank{
padding: 0 2px;
}
#main .data-box{
font-size: 3vw;
}
#main .data-box p.kuchikomi{
margin-left: 5px;
}
#main .data-box p.kuchikomi .star img{
width: 15px;
}
}
/*iphone5/se */
@media (max-width: 320px) {
	#main .osusume_title h3{
		letter-spacing: -1px;
		padding-left:3px;
	}
}