@charset "utf-8";

/* * * * * * * * * * * * * * * * * * * * * * *
 *
 * セブ王ファミリーキャンペーン 2019.05
 *
 * * * * * * * * * * * * * * * * * * * * * * */ 
/*********************************************
 * reset
 ******************************************* */
 
html{
    overflow-y: scroll;
    font-size: 62.5%;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}


ol, ul{
    list-style:none;
}

table{
    border-collapse: collapse;
    border-spacing:0;
}

a:focus {
    outline:none;
}

fieldset,img { 
    border:0;
}

q:before,q:after {
    content:'';
}


noscript {
	font-size: 1.3rem;
	line-height: 1.3;
}

/* html5 */
article, aside, figure, /*footer, header, */hgroup, nav, section { display:block; margin:0; padding:0; }




/*********************************************
 * font
 ******************************************* */
 
 
.family-inner {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;*/
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif!important;
	
}

h1, h2, h3, h4, h5, p {
	letter-spacing: 0.01em;
}



/*********************************************
 * PC
 ******************************************* */


body {
	width: 100%;
}

a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity:0.80;
    opacity:0.80;
}
.sp {
    display: none!important;
}
.pc {
    display: block!important;
}
/*191007 星の追加*/
#family .review{
	width:680px;
    padding: 7px;
    text-align:center;
	margin: 0 auto ;
	color: #019B63;
	border: 4px solid #019B63;
	line-height: 1;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 9px;
}
#family .review a{
    text-decoration: none;
}
#family .review a:hover{
    opacity: 0.8;
}
#family .review .review_t{
/*	width: 370px;*/
    display: inline;
    text-align: center;
    color: #019B63;
    font-size: 17px;
	line-height: 1.2;
	margin-top: 0;
}
#family .review .review_t span{
/*    display: table-cell;*/
/*    vertical-align: middle;*/
	font-weight: bold;
}
#family .review .star{
    display: inline-block;
/*	height: 33px;*/
}
#family .review .star .item1 {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 0px;
}
#family .review .star .item1 img{
    width: 22px;
}
#family .review .star .item2{
    color: #019B63;
    font-size: 19px;
    display: table-cell;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 14px;
		font-weight: bold;
}
#family .review img{
	margin-bottom: 0;
	display: inline!important;
}

.pc_none{
	display: none;
}

/*ホテルランク星*/
#family .date-box{
	display: flex;
	align-items: center;
	justify-content: end;
    margin: 10px 0;
}
#family .date-box .iconbox p.rank{
    width: auto;
    font-size: 13px;
    color: #fff;
    border-radius: 12px;
    padding: 0 10px;
    text-align: center;
    display: inline-block;
    font-weight: bold;
}
#family .date-box .iconbox p.rank.high{
    background: #a48700;
}
#family .date-box .iconbox p.rank.low {
    background: #213264;
}
#family .date-box p.kuchikomi .evaluation{
    font-weight: bold;
    padding-left: 4px;
    font-size: 15px;
}
#family .date-box p.kuchikomi{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 10px;
}
#family .date-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
#family .date-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
#family .date-box p.kuchikomi .evaluation .comment{
font-size: 14px;
    padding-left: 0;
}
#family .date-box p.kuchikomi .number {
    font-size: 14px;
    font-weight: normal;
    color: #000;
    padding: 0;
    margin: 0;
}
#family .date-box p.kuchikomi .number a{
      text-decoration: underline;
      display: inline;
}
#family .date-box p.kuchikomi .star {
    display: flex;
}
#family .date-box p.kuchikomi .evaluation.ore{
    color: #ff4e00;
}
#family .date-box p.kuchikomi .evaluation.yellow{
   color: #ff9900;
}
#family .box-left .date-box,#family .box-right .date-box{
    width: 100%;
}
#family .large_area{
    display: flex;
    align-items: center;
    justify-content: end;
    margin: 10px 0;
}
/*********************************************
 * SP
 ******************************************* */


@media screen and (max-width: 780px) {

 
body {
	
}
a {
	color: #000;
	text-decoration: none;
}
a:hover img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}
.sp {
	display: block!important;
    
}
.pc {
	display: none!important; 
}
/*191007 星の追加*/
 	#family .review{
		width: auto;
		padding:7px 2px;
	}
	#family .review .review_t{
		font-size: 14px;
		padding-left: 0;
/*padding-right: 0;*/
	}
	#family .review .star .item2{
		font-size:15px;
	}
	#family .review .star .item1 img{
		width: 20px;
	}
	.pc_none{
	display: inline;
}



}

/* panlist_cebu -------------------------------------------------------- */
#panlist_cebu{
	padding:0 10px;
	background:#259;
}
#panlist_cebu ol{
	margin:0 auto;
	width:100%;
	max-width:1100px;
	overflow:hidden;
	color:#fff;
}
#panlist_cebu ol li{
	float:left;
	list-style:none;
	font-size:14px;
	line-height:30px;
    color: #FFF;
}
#panlist_cebu ol li a{
	color:#fc0;
}
#panlist_cebu ol li a:hover{
	color:#fff;
}
#family * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;	
}
#family img {
	border: 0px;
	vertical-align: top;
	max-width: 100%;
	height: auto;
	
	display: block;
	vertical-align: bottom;
	margin: 0 auto;
}
#family li {
	list-style-type: none;
	text-decoration: none;
}
#family a {
	text-decoration: none;
	display: block;
}
#family a:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;              /* Safari 1.x */
}
#family a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";  /* ie 8 */
	-moz-opacity: 0.8;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.8;             /* Safari 1.x */
}
p, li {
	font-size: 1.7rem;
	
	line-height: 1.6;
	color: #111;	
}


body {
	width: 100%;
	color: #111;
	overflow: hidden;
	background: #fff;
}



/*　mainvisual
* --------------------------------- */


.mainvisual {
	background: url(../img/family_new/main.png) no-repeat center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position:relative;
	height: 955px;
    box-sizing: border-box;
	position: relative;
	padding: 0 2%;
	min-width: 1510px;
}
.mainvisual h2 {
/*	padding: 67px 0 0;	*/	
	padding: 34px 0 0;		
	
}
.mainvisual p {
	width: 756px;
	text-align: center;
	margin: 0 auto;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.45;
	letter-spacing: 0;
	margin-top: -290px;
	text-shadow: 
    2px 2px #fff, -2px -2px #fff, 
    2px -2px #fff, -2px 2px #fff, 
    0px 2px #fff, 2px 0px #fff, 
    -2px 0px #fff, 0px -2px #fff;
}
.mainvisual .gensen {
	position: absolute;
	left: 5%;
    top: 160px;
    z-index: 10;
}
.mainvisual span.hotel-caution {
	display: block;
	font-size: 13px;
	line-height: 1.2;
	text-shadow: 
    1px 1px #fff, -1px -1px #fff, 
    1px -1px #fff, -1px 1px #fff, 
    0px 1px #fff, 1px 0px #fff, 
    -1px 0px #fff, 0px -1px #fff;
	padding-top: 12px;
}
.mainvisual span.hotel-caution a {
	display: inline!important;
}
.mainvisual span.hotel-caution a {
	text-decoration: underline!important;
	color: #111;
}
.mainvisual span.hotel-caution a:hover {
	text-decoration: none!important;
}


/*　point
* --------------------------------- */

.point {
	background: url(../img/family_new/bk_01.jpg) repeat center top;
	margin-top: -100px;
	padding: 125px 0 68px;
}
.point-inner {
	width: 790px;
	margin: 0 auto;
}
.point-inner h3 {
	padding-bottom: 16px;
}
.point ol a {
	display: inline!important;
	text-decoration: underline!important;
	color: #ff0000;
	font-weight: bold;
}
.point ol a:hover {
	text-decoration: none!important;
}
.point ol span {
	color: #ff0000;
	font-weight: bold;
}
.point ol {
  	counter-reset: my-counter;
  	list-style: none;
  	padding: 0;
}
.point li {
 	 margin-bottom: 5px;
 	 padding-left: 30px;
 	 position: relative;
}
.point li:before {
  	content: counter(my-counter);
  	counter-increment: my-counter;
  	color: #111;
  	display: block;
  	float: left;
  	line-height: 22px;
  	margin: 2px 0 0 -27px;
  	text-align: center;
 	 height: 20px;
 	 width: 20px;
  	border-radius: 50%;
  	border: 1px solid #333;
	font-size: 1.6rem;
}
.point li:last-child:before {
	color: #ff0000;
	border: 1px solid #ff0000;
}
.point-inner p.caution {
	font-size: 1.45rem;
	text-align: center;
	font-weight: bold;
	width: 365px;
	height: 42px;
	margin: 0 auto;
	border: 1px solid #eee4cc;
	line-height: 2.8;
	margin-bottom: 28px;
	background: #faf4e6 url(../img/family_new/icon_caution.png) no-repeat 84px center;
	background-size: 32px auto;
	padding-left: 30px;
}
.point li {
	font-weight: bold;
}
.point ol li:nth-of-type(4) dl {
	overflow: hidden;
}
.point ol li:nth-of-type(4) dl dt {
	float: left;
	width: 160px;
	font-weight: bold;
	height: 50px;	
}
.point ol li:nth-of-type(4) dl dd {
	float: left;
	font-weight: bold;	
}


/*　hotel-sec
* --------------------------------- */

.hotel-sec h3 {
	background: #70bb01;
	padding: 12px 0;
}
.hotel-sec h3 img {
	margin: 0 auto;
}
.hotel-sec .green {
	background: url(../img/family_new/bk_green.jpg) repeat center top;
}
.hotel-sec .yellow {
	background: url(../img/family_new/bk_yellow.jpg) repeat center top;
	/*padding: 35px 0 75px!important;*/
}
.hotel-sec .box {
	padding: 25px 0 75px;
	border-bottom: 1px solid #fff;
}
.hotel-sec .box-inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
.hotel-sec .box-inner .hotel-logo {
	position: absolute;
	left: 0;
	top: 0;
}
.hotel-sec .tit-box-hotel {
	background: url(../img/family_new/bk_tit_hotel.png) no-repeat right 36px;
    height: 140px;
    padding-top: 65px;
}
.hotel-sec h4 {
	font-size: 2.8rem;
	font-weight: bold;
	text-align: center;
}
.hotel-sec .jpark h4 {
	font-size: 2.6rem;
}
.hotel-sec .plantation h4 {
	font-size: 1.7rem;
	padding-left: 20%;
}
.hotel-sec .mari h4 {
	font-size: 1.7rem;
	padding-left: 24%;
}
.hotel-sec .tit-box-hotel p {
	text-align: right;
	position: absolute;
	top: 74px;
	right: 25px;
	font-size: 1.9rem;
	font-weight: bold;
}
.hotel-sec .tit-box-hotel .icon-new {
	position: absolute;
	top: 6px;
	left: 2px;	
}
.hotel-sec ul.available {
	overflow: hidden;
	/*float: right;
	padding: 10px 0 19px;*/
    margin-right: 10px;
}
.hotel-sec ul.available li {
	float: left;
	font-size: 1.55rem;
	font-weight: bold;
	padding: 4px 19px 2px 19px;
	color: #fff;
	border-radius: 20px;
	margin-left: 6px;	
}
.hotel-sec ul.available li:first-child {
	background: #f6b102;	
}
.hotel-sec ul.available li:nth-of-type(2) {
	background: #fc8fb6;	
}
.hotel-sec ul.available li:nth-of-type(3) {
	background: #65bbe7;
	padding: 4px 13px 2px 13px;	
}
.hotel-sec ul.available .off {
    background: #aaa7a4 !important;
    color: #d0d0d0;
}
.hotel-sec .l-photo {
	clear: both;
	padding: 0 0 18px 0;	
}
.hotel-sec .txt {
	width: 950px;
	margin: 0 auto 85px;
	padding-left: 6px;
	line-height: 1.5;
}
.kids-box {
	border: 5px solid #ace0c8;
	background: #fff;
	width: 960px;
	margin: 50px 0 45px 0;
	padding: 70px 25px 0;
	border-radius: 14px;
	position: relative;	
}
.kids-box-02 {
	border: 5px solid #a5e2f7;
	margin-bottom: 58px;
}
.kids-box .tit-box {
	background: url(../img/family_new/bk_kids.png) no-repeat center top;
	width: 520px;
	height: 93px;
	margin: 0 auto;
	position: absolute;
    top: -46px;
    left: 0;
    right: 0;
}
.kids-box-02 .tit-box {
	background: url(../img/family_new/bk_kids_2.png) no-repeat center top;
}
.kids-box .photo-kids {
	padding-bottom: 38px;
}
.kids-box h5 {
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding-left: 15px;
	margin-top: 30px;
}
.kids-box p, .kids-box dl:last-child {
	margin-bottom: 27px;
}
.kids-box dl {
	margin-bottom: 8px;
}
.kids-box dt, .kids-box dd {
	font-size: 1.7rem;
	line-height: 1.6;
}
.kids-box dt {
	font-weight: bold;
}
#plantation .padding{
    padding-bottom: 87px;
}
.hotel-sec .btn-sec {
	overflow: hidden;
	
}
.hotel-sec .btn-sec li {
	float: left;
}
.hotel-sec .btn-sec li:first-child a {
	background: url(../img/family_new/btn_plan4.png) no-repeat center center;
	margin-left: 0;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	background: url(../img/family_new/btn_plan3.png) no-repeat center center;
}
.hotel-sec .btn-sec li:nth-of-type(3) a {
	background: url(../img/family_new/btn_detail.png) no-repeat center center;
}
.hotel-sec .btn-sec li a {
	color: #fff;
	width: 313px;
	height: 110px;
	padding: 13px;
	margin-left: 10px;
}
.hotel-sec .btn-sec li a .plan4,
.hotel-sec .btn-sec li a .plan3 {
	color: #111;
	background: #fff;
	border-radius: 20px;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	display: block;
	width: 222px;
	margin: 0 auto;
	padding: 1px 0;
}
.hotel-sec .btn-sec li:first-child a:hover {
	filter: alpha(opacity=.8);
	-moz-opacity:.8;
	opacity:.8;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
.hotel-sec .btn-sec li a .plan4 .plan-l,
.hotel-sec .btn-sec li a .plan3 .plan-l {
	font-size: 1.9rem;
	font-weight: bold;
}
.hotel-sec .btn-sec li a p {
	font-size: 3.2rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
}
.hotel-sec .btn-sec li a p span {
	font-size: 2.8rem;
	font-weight: bold;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
	font-size: 2.2rem;
	padding: 25px 25px 0 0;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p span {
	font-size: 2.6rem;
	font-weight: bold;
}


/*　box-left box-right
* ----------------------- */

.hotel-wrapper-inner {
	overflow: hidden;
	width: 960px;
	margin: 0 auto;
}
.box-left, .box-right {
	float: left;
}
.hotel-wrapper .box-inner {
    width: 472px;
}
.hotel-wrapper .hotel-logo {
	width: 119px;	
}
.box-left {
	margin-right: 16px;
}
.hotel-wrapper .tit-box-hotel {
    background: url(../img/family_new/bk_tit_hotel02.png) no-repeat right 36px;
    height: 123px;
    padding-top: 57px;
}
.hotel-wrapper .kids-box {
    border: 4px solid #ace0c8;
	width: 465px;
    margin: 45px 0 28px 0;
    padding: 48px 12px 0;
    border-radius: 12px;
}
.hotel-wrapper .kids-box-02 {
	border: 4px solid #a5e2f7;
	margin-bottom: 45px;
}
.hotel-wrapper .kids-box-02 .tit-box {
	background: url(../img/family_new/bk_kids02_2.png) no-repeat center top;
}
.hotel-wrapper .kids-box p {
	margin-bottom: 16px;
	font-size: 1.6rem;
}
.hotel-wrapper .kids-box dt, .hotel-wrapper .kids-box dd {
	font-size: 1.6rem;
}
.hotel-wrapper .hyatt .kids-box p {
	letter-spacing: -.01em;
}
.hotel-wrapper .kids-box .tit-box {
    background: url(../img/family_new/bk_kids02.png) no-repeat center top;
    width: 359px;
    height: 71px;
    position: absolute;
    top: -34px;
}
.hotel-wrapper .kids-box-02 .tit-box {
    background: url(../img/family_new/bk_kids02_2.png) no-repeat center top;
}
.hotel-wrapper .kids-box h5 {
    font-size: 1.6rem;
    padding-left: 17px;
    margin-top: 24px;
}
.hotel-wrapper .hyatt .kids-box h5 {
	margin-top: 18px;
}
.hotel-wrapper .hyatt .kids-box h5 span {
	display: block;
	font-size: 1.3rem;
	line-height: .6;
	font-weight: bold;
}
.hotel-wrapper .box-right .kids-box {
	margin-left: 5px;
}
.hotel-wrapper .btn-sec li {
    float: none;
}
.hotel-wrapper .btn-sec li a {
	margin-left: 0;
}
.hotel-wrapper .txt {
    width: 472px;
    margin: 0 auto 48px;
}
#plantation .txt {
	margin: 0 auto 30px;
}
.hotel-wrapper .box-inner .hotel-logo {
	top: 18px;
}
.hotel-wrapper h4 {
	font-size: 1.85rem;
	padding-left: 15%;
	line-height: 1.2;
}
.hotel-wrapper .moven h4 {
	padding-left: 21%;
}
.hotel-wrapper .tit-box-hotel p {
	font-size: 1.5rem;
	padding-left: 15%;
	text-align: center;
	position: inherit;	
}
.hotel-wrapper .fourseasons h4{
	text-align: left;
	padding-left: 29%;
}
.hotel-wrapper .fourseasons .tit-box-hotel p {
	position: absolute;
    top: 78px;
    right: 10px;
}

.hotel-wrapper ul.available {
	padding: 10px 0;
    float: right;
}
.hotel-wrapper ul.available li {
	font-size: 1.4rem;
	padding: 2px 16px;
}
.hotel-wrapper ul.available li:nth-of-type(3) {
	padding: 2px 12px;
}
.hotel-wrapper .l-photo {
	padding: 0 0 11px 0;
}
.hotel-wrapper .btn-sec li:first-child a {
    background: url(../img/family_new/btn_plan4_02.png) no-repeat center center;
}
.hotel-wrapper .btn-sec li:nth-of-type(2) a {
    background: url(../img/family_new/btn_plan3_02.png) no-repeat center center;
}
.hotel-wrapper .btn-sec li:nth-of-type(3) a {
    background: url(../img/family_new/btn_detail_02.png) no-repeat center center;
}
.hotel-wrapper .btn-sec li a {
    width: 454px;
    height: 82px;
    padding: 11px;
	margin-bottom: 11px;
}
.hotel-wrapper .btn-sec li:first-child a,
.hotel-wrapper .btn-sec li:nth-of-type(2) a,
.hotel-wrapper .btn-sec li:nth-of-type(3) a {
	margin-left: 5px;
}
.hotel-wrapper .btn-sec li a .plan4,
.hotel-wrapper .btn-sec li a .plan3,
.hotel-wrapper .btn-sec li a p {
    float: left;
    margin-left: 20px;
}
.hotel-wrapper .btn-sec li a .plan4, .hotel-wrapper .btn-sec li a .plan3 {
    line-height: 1.4;
    padding: 1% 6%;
    border-radius: 6px;
    font-size: 1.5rem;
    margin: 0;
	width: 172px;
}
.hotel-wrapper .nl {
	display: block!important;
}
.hotel-wrapper .btn-sec li:nth-of-type(3) a p {
    padding: 10px 0 0px 87px;
}
.hotel-wrapper .box {
    padding: 25px 0 50px;
}




/*　other-tour
* --------------------------------- */

.other-tour {
	background: #fdfbe6;
	padding-bottom: 58px;
}
.other-tour h3 {
	background: linear-gradient(to right, #fdfbe6 5%,#70bb01 50%,#fdfbe6 95%);
	padding: 21px 0;
}
.other-tour .tour-bnr {
	overflow: hidden;
	width: 920px;
	margin: 0 auto;
	padding: 40px 0 72px;
}
.other-tour .tour-bnr li {
	float: left;
}
.other-tour .tour-bnr li:first-child, .other-tour .tour-bnr li:nth-of-type(4) {
	margin-left: 0;
}
.other-tour .tour-bnr li {
	margin-left: 28px;
	margin-bottom: 19px;	
}
.other-tour .view {
	width: 960px;
	margin: 0 auto; 
	background: #fff;
}
.other-tour .view-inner {
	padding: 72px 72px 35px;
	background:
        url(../img/family_new/line_leaf_up.png) center top no-repeat,
        url(../img/family_new/line_leaf_down.png) center bottom no-repeat;
	margin-bottom: 42px;
}
.other-tour .view h4 {
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}
.other-tour .view h4:after {
	content: "";
    background: #666;
    display: block;
    height: 1px;
    margin: 15px auto 42px;
    width: 545px;
}
.other-tour .view p {
	padding-bottom: 45px;
	font-size: 1.6rem;
}
.other-tour dl {
	margin-bottom: 40px;
}
.other-tour dl dt {
	font-weight: bold;
	font-size: 1.8rem;
	padding-bottom: 14px;
}
.other-tour dl dd {
	font-size: 1.6rem;
}
.other-tour dl.ques dt:before {
	content: "■";
	color: #93c39c;
}
.other-tour .view h5 {
	color: #a00105;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	padding-bottom: 18px;
}
.other-tour dl .conditions li {
	padding-bottom: 38px;	
}
.other-tour dl .conditions li:nth-of-type(3) {
	padding-bottom: 0;	
}
.other-tour dl .conditions li span,
.other-tour dl dd span {
	color: #a00105;
}

#contact-tel-img {
	padding: 0;
}
#contact-tel-img dt img {
	margin: 0 auto;
}
.hotel_type{
margin-bottom: 80px;
}
.hotel_type .btn-toggle{
    border: 2px solid #009b63;
    color: #333;
    border-radius: 5px;
    font-weight: bold;
    background: #f2fffa url(../img/family_new/icon_arrow.png) 100% center no-repeat;
    background-size: 61px auto;
    width: auto;
    height: 62px;
    padding: 15px;
    margin: 0 auto;
}
.hotel_type .btn-toggle.active{
    background: #f2fffa url(../img/family_new/icon_close.png) 100% center no-repeat;
}
.hotel_type .open-menu{
    display: none;
    width: auto;
    margin: 0 auto;
    padding: 10px;
    background: #f2fffa;
    border: 2px solid #009b63;
    border-top: none;
}
.hotel_type_table {
    background-color: #fff;
    text-align: center;
    border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
    font-size: 15px;
}
.hotel_type_table th {
    padding: 10px;
    border: solid 1px #ccc;
	display: block;
	background: #009b63;
	color: #FFFF;
}
.hotel_type_table td {
    padding: 10px;
    border: solid 1px #ccc;
	display: block;
}
.hotel_type_table th .attention1{
	font-size: 12px;
	font-weight: normal;
}


/*IE▼*/
@media all and (-ms-high-contrast:none) {    
select::-ms-expand {
    display: none;
}
.hotel-sec .tit-box-hotel {
	padding-top: 70px;
}
.hotel-wrapper .tit-box-hotel {
	padding-top: 59px;
}
.hotel-wrapper .fourseasons .tit-box-hotel p {
	top: 82px;
}
.kids-box h5 {
	margin-top: 35px;
}
.hotel-wrapper .kids-box h5 {
	margin-top: 26px;
}
.hotel-sec ul.available li {
	padding: 5px 19px 0px 19px;
}
.hotel-sec ul.available li:nth-of-type(3) {
	padding: 5px 13px 0 13px;
}
.hotel-sec .btn-sec li a p {
	padding-top: 5px;
}
.hotel-wrapper .btn-sec li a p {
	padding-top: 8px;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
	padding: 3px 0 0 0;
	height: 30px;
}
.hotel-wrapper .btn-sec li a .plan4, .hotel-wrapper .btn-sec li a .plan3 {
	display: inline-table;
}
.hotel-wrapper .btn-sec li:nth-of-type(3) a p {
	padding: 15px 0 0px 87px;
}
.kids-moven p {
	letter-spacing: .1em;
}
}


/*********************************************
 * SP
 ******************************************* */
 

@media screen and (max-width: 768px) {
	
body {
	width: 100%;
	min-width: 320px;
	position: relative;
}
img {
	height: auto;
}
p, li, .hotel-wrapper .kids-box p, .kids-box dt, .kids-box dd,
.hotel-wrapper .kids-box dt, .hotel-wrapper .kids-box dd {
	font-size: 1.3rem;
}

.hotel_type{
margin-bottom: 0;
}
#family .review .review_t{
padding-top: 0;
}
/*　mainvisual
* --------------------------------- */

.mainvisual {
	background: url(../img/family_new/main_s.png) no-repeat center top;
	height: auto;
	width: 100%;
	min-width: 100%;
	background-size: 100% auto;
}
.mainvisual p {
	width: auto;
	margin-top: 0;
	padding: 52% 4% 0;
	line-height: 1.6;
	text-align: left;
	font-size: 1.3rem;	
}
.mainvisual h2 {
    padding: 67px 0 0;
}
.mainvisual .gensen {
	position: absolute;
	left: 0;
	right: 0;
    top: 22%;
	width: 30%;
}

@media screen and (max-width: 700px) {
.mainvisual p {
	padding: 50% 4% 0;	
}
.mainvisual h2 {
    padding: 37px 0 0;
}
.mainvisual .gensen {
	top: 20%;
}
    .hotel_type .btn-toggle{
        width: auto;
    }
    .hotel_type .btn-toggle p{
        font-size: 16px;
    }
    .hotel_type .open-menu{
        width: auto;
    }
}
@media screen and (max-width: 600px) {
.mainvisual .plan {
	width: 91%;
}
.mainvisual p {
	padding: 48% 4% 0;	
}
.mainvisual h2 {
    padding: 20px 0 0;
}
.mainvisual .gensen {
	top: 19.5%;
}
}


@media screen and (max-width: 500px) {
.mainvisual .plan {
	width: 92%;
	margin: -10px auto 0!important;
}
.mainvisual h2 {
    padding: 16px 0 0;
}
.mainvisual .gensen {
	top: 17.5%;
}
.mainvisual p {
	padding: 50% 4% 0;	
}
}
@media screen and (max-width: 400px) {
.mainvisual .gensen {
	top: 15%;
	width: 34%;
}
.mainvisual p {
	padding: 49% 4% 0;	
}
}
@media screen and (max-width: 325px) {
.mainvisual .gensen {
	top: 14%;
}
}
@media screen and (max-width: 320px) {

}


/*　point
* --------------------------------- */

.point {
	margin-top: -280px;
	padding: 330px 0 35px;
}
.point-inner {
	width: 100%;
}
.point ol {
	padding: 0 5%;
}
.point li:before {
	height: 18px;
    width: 18px;
	font-size: 1.3rem;
	margin: -1px 0 0 -24px;
}
.point ol li:nth-of-type(4) dl dt {
	width: 124px;
	height: 24px;	
}
@media screen and (max-width: 500px) {
.point h3 img {
	width: 80%;
}
.point-inner p.caution {
	font-size: 1.3rem;
	width: 80%;
    height: auto;
	background-position: 31% center;
	background-size: 21px auto;
}
}
@media screen and (max-width: 425px) {
.point li:before {
	font-size: 1.2rem;
}
.point-inner p.caution {
	background-position: 28% center;
	margin-bottom: 17px;
}
}
@media screen and (max-width: 375px) {
.point-inner p.caution {
	background-position: 26% center;
}
.point {
    margin-top: -300px;
	padding: 330px 0 6%;
}
}
@media screen and (max-width: 375px) {
.point-inner p.caution {
	background-position: 23% center;
}
}


/*　hotel-sec
* --------------------------------- */

.hotel-sec h3 img {
	width: 60%;
}
.hotel-sec h3 {
	padding: 5px 0;
}
.hotel-sec .box-inner {
    width: 100%;
	padding: 0 5%;
}
.hotel-sec .tit-box-hotel {
	background: url(../img/family_new/bk_tit_hotel_s.png) no-repeat right 36px;
	height: 150px;
	padding-top: 9%;
}
.hotel-sec h4, .hotel-sec .jpark h4, .hotel-sec .plantation h4,
.hotel-sec .mari h4, .hotel-wrapper .moven h4 {
	font-size: 1.4rem;
	padding-left: 22%;
}
.hotel-sec .jpark h4 {
    padding-left: 15%;
}
.hotel-sec .plantation h4 {
    padding-left: 10%;
}
.hotel-sec .mari h4 {
    padding-left: 16%;
}
.hotel-sec .box/*, .hotel-sec .yellow*/ {
    padding: 1% 0 7%!important;
}
.hotel-sec .box-inner .hotel-logo {
	width: 20%;
	left: 5%;
    top: 1.2%;
}
.hotel-sec .tit-box-hotel p {
	position: inherit;
	text-align: center;
    font-size: 1.6rem;
	padding-left: 12%;
}
.hotel-sec .tit-box-hotel .icon-new {
    top: 14px;
    left: 33px;
}
.hotel-sec .txt {
	width: 100%;
	margin: 0 auto 9%;
}
.kids-box {
	width: 100%;
	margin: 50px 0 5% 0;
}
.kids-box-02 {
	margin: 50px 0 7% 0;
}
.kids-box .tit-box, .hotel-wrapper .kids-box .tit-box {
	background: url(../img/family_new/bk_kids_s.png) no-repeat center top;
	width: 100%;
	height: 108px;
}
.kids-box-02 .tit-box, .hotel-wrapper .kids-box-02 .tit-box {
	background: url(../img/family_new/bk_kids_2_s.png) no-repeat center top;
	width: 100%;
	height: 108px;
}
.kids-box h5, .hotel-wrapper .kids-box h5 {
    padding-left: 22px;
    margin-top: 7%;
	font-size: 1.6rem;
	line-height: 1.3;
}
.hotel-sec .btn-sec li {
    float: none;
	margin-bottom: 2%;
	overflow: hidden;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3,
.hotel-sec .btn-sec li a p {
	float: left;
	margin: 2.5% 11%;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
	line-height: 1.4;
	padding: 1% 5%;
	width: auto;
	border-radius: 6px;
	font-size: 1.3rem;
	margin: 2.5%;
}
.hotel-sec .btn-sec li a .plan4 .plan-l,
.hotel-sec .btn-sec li a .plan3 .plan-l {
    font-size: 1.6rem;
    font-weight: bold;
}
.hotel-sec .btn-sec li:first-child a {
    background: url(../img/family_new/btn_plan4_s.png) no-repeat center center;
	margin: 0 auto;
	background-size: contain;
	height: 124px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
    background: url(../img/family_new/btn_plan3_s.png) no-repeat center center;
	background-size: contain;
	height: 123px;
}
.hotel-sec .btn-sec li:nth-of-type(3) a {
    background: url(../img/family_new/btn_detail_s.png) no-repeat center center;
	background-size: contain;
	height: 124px;
}
.hotel-sec .btn-sec li a {
    width: auto;
    margin-left: 0;
    margin: 0 auto;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
    padding: 2% 18%;
}
.hotel-wrapper .btn-sec li:first-child a, .hotel-wrapper .btn-sec li:nth-of-type(2) a, .hotel-wrapper .btn-sec li:nth-of-type(3) a {
    margin-left: 0;
}
.hotel-wrapper .box-right .kids-box {
    margin-left: 0;
}

@media screen and (max-width: 700px) {
.hotel-sec .btn-sec li:first-child a,
.hotel-sec .btn-sec li:nth-of-type(3) a {
	height: 113px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	height: 112px;
}
.hotel-sec .tit-box-hotel {
	padding-top: 10%;
}
.kids-box h5, .hotel-wrapper .kids-box h5 {
    margin-top: 8%;
}
}
@media screen and (max-width: 680px) {
.hotel-sec .tit-box-hotel {
	background-size: 95% auto;
	background-position: right 34px;
}
.kids-box .tit-box, .hotel-wrapper .kids-box .tit-box {
	height: 140px;
	background-size: contain;
}
.hotel-sec ul.available {
	padding: 1% 0 2%;
}
.hotel-sec .l-photo {
	padding: 0 0 2% 0;
}
.hotel-sec .btn-sec li a {
    width: auto;
}
.hotel-sec .btn-sec li {
	margin-bottom: 0;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
	margin: 4% 2.5%;
}
.hotel-sec .btn-sec li a p {
	margin: 4% 8%;
}
.hotel-sec h4, .hotel-sec .jpark h4,
.hotel-sec .plantation h4, .hotel-sec .mari h4 {
	font-size: 1.6rem;
}
.hotel-sec .jpark h4, .hotel-sec .plantation h4,
.hotel-sec .mari h4 {
    padding-left: 21%;
}
}
@media screen and (max-width: 600px) {
.hotel-sec .tit-box-hotel .icon-new {
    left: 28px;
    width: 7%;
}
.hotel-sec .tit-box-hotel {
    padding-top: 11%;
}
.hotel-sec h4, .hotel-sec .tit-box-hotel p {
    padding-left: 20%;
	line-height: 1.4;
}
.hotel-sec .box-inner .hotel-logo {
    width: 22%;
}
.hotel-sec ul.available {
    padding: 0 0 2.5%;
	margin-top: -1.5%;
}
.hotel-sec ul.available li {
	font-size: 1.4rem;
}
.hotel-sec .btn-sec li:first-child a,
.hotel-sec .btn-sec li:nth-of-type(3) a {
	height: 97px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	height: 96px;
}
.hotel-sec .btn-sec li {
	overflow: initial;
	margin-bottom: 2.2%;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
    margin: 2% 2.5%;
}
.hotel-sec .btn-sec li a p {
    margin: 2% 5%;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
    padding: 2% 19%;
}
.kids-box h5 {
	font-size: 1.5rem;
}
.kids-box {
	/*padding: 11.5% 25px 38px;*/
	margin: 60px 0 5% 0;
}
.kids-box p {
    margin-bottom: 3.5%;
}
}
@media screen and (max-width: 540px) {
.hotel-sec h4, .hotel-sec .jpark h4,
.hotel-sec .plantation h4, .hotel-sec .mari h4 {
	font-size: 1.4rem;
}
.hotel-sec .tit-box-hotel p {
	font-size: 1.3rem;
}
.hotel-sec .tit-box-hotel {
    padding-top: 12%;
}
}
@media screen and (max-width: 500px) {
.hotel-sec h3 img {
    width: 86%;
}
.hotel-wrapper .rimba h4 {
	font-size: 1.4rem;
}
.hotel-sec .tit-box-hotel {
    padding-top: 12.5%;
}
.hotel-sec ul.available {
   /* margin-top: -6%;*/
}
.hotel-sec .btn-sec li:first-child a, .hotel-sec .btn-sec li:nth-of-type(3) a {
    height: 81px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	height: 80px;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
    margin: .5% 2.5%;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
    padding: 1% 16%;
}
.hotel-sec .btn-sec li a p {
	font-size: 2.2rem;
	margin: 3% 5%;
}
.hotel-sec .btn-sec li a p span {
	font-size: 1.7rem;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p span {
	font-size: 2.2rem;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
	font-size: 1.7rem;
	padding: 0% 18%;
}
.kids-box {
	border: 3px solid #ace0c8;
	padding: 11.5% 4% 1%;
}
.kids-box dl:last-child {
	margin-bottom: 17px;
}
.kids-box-02 {
    border: 3px solid #a5e2f7;
}
.kids-box h5, .hotel-wrapper .kids-box h5 {
    font-size: 1.4rem;
	padding-left: 10px;
}
.hotel-sec ul.available li {
    font-size: 1.2rem;
}
.kids-box p {
    margin-bottom: 4.5%;
}
.hotel-sec .l-photo {
    padding: 0 0 3% 0;
}
}
@media screen and (max-width: 480px) {
.hotel-sec h4, .hotel-sec .jpark h4, .hotel-sec .plantation h4,
.hotel-sec .mari h4 {
	font-size: 1.3rem;
}
.hotel-sec .tit-box-hotel p {
    font-size: 1.2rem;
}
}
@media screen and (max-width: 450px) {
.hotel-sec ul.available {
    /*margin-top: -9%;*/
}
.hotel-sec .tit-box-hotel {
    padding-top: 12.5%;
}
.hotel-sec .tit-box-hotel {
    background-size: 91% auto;
}
.hotel-sec .txt {
	padding: 0 2%;
}
.hotel-sec .btn-sec li {
	margin-bottom: .5%;
}
.hotel-wrapper .rimba .tit-box-hotel {
	 padding-top: 13%;
}
.hotel-wrapper .rimba h4 {
    padding-left: 20%!important;
}
}
@media screen and (max-width: 400px) {
.hotel-sec .box-inner {
    padding: 0 3%;
}
.hotel-sec .box-inner .hotel-logo {
	left: 3%;
}
.hotel-sec .btn-sec li:first-child a, .hotel-sec .btn-sec li:nth-of-type(3) a {
    height: 65px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	height: 64px;
}
.hotel-sec .btn-sec li {
	margin-bottom: 3%;
}
.hotel-sec .btn-sec li a .plan4 .plan-l, .hotel-sec .btn-sec li a .plan3 .plan-l {
	font-size: 1.3rem;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
	font-size: 1.2rem;
	line-height: 1.25;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p span {
    font-size: 2rem;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
	font-size: 1.7rem;
	padding: .5% 16%;
}
.hotel-sec .btn-sec li a p {
    margin: 1.5% 5%;
}
.kids-box h5, .kids-box h5, .hotel-wrapper .kids-box h5 {
    font-size: 1.3rem;
	padding-left: 8.5%;
}
.hotel-sec ul.available {
    /*margin-top: -9%;*/
}
.hotel-sec ul.available li {
	padding: 3px 12px 2px 12px;
}
.hotel-sec ul.available li:nth-of-type(3) {
    padding: 3px 10px 2px 10px;
}
.hotel-sec .box-inner .hotel-logo {
    width: 24%;
}
.hotel-sec .tit-box-hotel .icon-new {
	width: 9%;
	left: 10px;
}
.hotel-sec .tit-box-hotel {
	height: 140px;
}
.hotel-sec .l-photo {
    padding: 0 0 3.5% 0;
}
.kids-box .tit-box {
    height: 70px;
	top: -40px;
}
.hotel-sec .txt {
    margin: 0 auto;
}
.hotel-wrapper .rimba h4 {
    padding-left: 24%!important;
}
.hotel-sec .jpark h4 {
	font-size: 1.2rem;
	padding-left: 24%;
}
.hotel-sec .mactan h4 {
	padding-left: 25%;	
}
}
@media screen and (max-width: 375px) {
.hotel-sec h3 img {
    width: 90%;
}
.hotel-sec .btn-sec li:first-child a, .hotel-sec .btn-sec li:nth-of-type(3) a {
    height: 60px;
}
.hotel-sec .btn-sec li:nth-of-type(2) a {
	height: 59px;
}
.hotel-sec .btn-sec li a .plan4, .hotel-sec .btn-sec li a .plan3 {
    margin: -.5% 2.5%;
}
.hotel-sec .btn-sec li:nth-of-type(3) a p {
	padding: 0 14%;
}
.hotel-sec ul.available {
    /*margin-top: -10.5%;*/
}
.hotel-sec h4, .hotel-sec .tit-box-hotel p {
    padding-left: 18%;
    line-height: 1.3;
}
.hotel-sec .tit-box-hotel {
    padding-top: 13.8%;
}
.hotel-wrapper .rimba h4 {
   font-size: 1.3rem;
}
.hotel-wrapper .rimba .tit-box-hotel {
    padding-top: 14%;
}
.hotel-sec .jpark h4 {
	padding-left: 27.5%;
	text-align: left;
}
.hotel-sec .mactan h4 {
	padding-left: 27.5%;
	text-align: left;
}
.hotel-sec .plantation h4 {
	padding-left: 27.5%;
	text-align: left;
}
.hotel-sec .mari h4 {
	padding-left: 27.5%;
	text-align: left;
}
.hotel-sec .moven h4 {
	padding-left: 27.5%;
	text-align: left;
    font-size: 1.4rem;
}
.hotel-sec .jpark p, .hotel-sec .mactan p,
.hotel-sec .plantation p, .hotel-sec .mari p,
.hotel-sec .moven p {
	position: absolute;
	right: 18px;
	top: 66px;
}
}
@media screen and (max-width: 640px) {
/*.hotel-sec .btn-sec li:first-child a, .hotel-sec .btn-sec li:nth-of-type(3) a {
    height: 54px;
}*/
.hotel-sec .btn-sec li:nth-of-type(3) a p span {
    font-size: 1.8rem;
}
.hotel-sec .btn-sec li {
    margin-bottom: 2%;
}
.hotel-sec .tit-box-hotel {
    padding-top: 14.5%;
}
.hotel-sec h4 {
    font-size: 1.4rem;
}
/*.hotel-sec ul.available {
    margin-top: -11.5%;
}*/
.hotel-sec .tit-box-hotel, .hotel-wrapper .tit-box-hotel {
    height: 130px!important;
}
.kids-box h5, .hotel-wrapper .kids-box h5 {
	font-size: 1.2rem;
	padding-left: 6%;
}
.kids-box {
    padding: 8.5% 4% 1%;
	margin: 50px 0 5% 0;
}
.hotel-wrapper .rimba h4 {
   font-size: 1.2rem;
}
.hotel-wrapper .rimba .tit-box-hotel {
    padding-top: 15%;
}
.hotel-sec .jpark p, .hotel-sec .mactan p,
.hotel-sec .plantation p, .hotel-sec .mari p,
.hotel-sec .moven p {
	top: 63px;
	font-size: 1.1rem;
}
.hotel_type .btn-toggle p {

    font-size: 13px;
}


/*　box-left box-right
* ----------------------- */

.hotel-wrapper-inner {
	width: 100%;
}
.box-left, .box-right {
	float: none;
}
.hotel-wrapper .box-inner {
    width: 100%;
}
.hotel-wrapper .hotel-logo {
	width: 119px;	
}
.box-left {
	margin-right: 0;
	background: url(../img/family_new/bk_yellow.jpg) repeat center top;
}
.box-right {
	background: url(../img/family_new/bk_green.jpg) repeat center top;
}
.hotel-wrapper .tit-box-hotel {
    background: url(../img/family_new/bk_tit_hotel_s.png) no-repeat right 36px;
    height: 150px;
}
.hotel-wrapper .kids-box {
    border: 3px solid #ace0c8;
	width: 100%;
    border-radius: 12px;
}
.hotel-wrapper .txt {
    width: 100%;
}
.hotel-wrapper .tit-box-hotel {
	padding-top: 9.8%;
}
.hotel-wrapper .kids-box .tit-box {
	top: -46px;
}
.hotel-wrapper .kids-box {
	padding: 70px 25px 5px;
}
.hotel-wrapper .kids-box h5, .hotel-wrapper .hyatt .kids-box h5 {
	margin-top: 7%;
}
.hotel-wrapper .hyatt .kids-box h5 {
	line-height: 1.8;
}
.hotel-wrapper .l-photo {
    width: 85%;
}

/*ホテルランク星*/
#family .date-box{
    clear: both;
}
#family .date-box p.kuchikomi .star{
	position: relative;
	display: flex;
        align-items: center;
        margin: 0 0px 0 0;
        position: relative;
        width: 60px;
        height: 15px;
}
#family .date-box p.kuchikomi .star img{
    position: absolute;
    width: 20px;
    height: 19px;
    max-width: inherit;
}
#family .date-box p.kuchikomi .star img:nth-child(1){
    left: 0px;
    z-index: 14;
}
#family .date-box p.kuchikomi .star img:nth-child(2){
    left: 10px;
    z-index: 13;
}
#family .date-box p.kuchikomi .star img:nth-child(3){
    left: 20px;
    z-index: 12;
}
#family .date-box p.kuchikomi .star img:nth-child(4){
    left: 30px;
    z-index: 11;
}
#family .date-box p.kuchikomi .star img:nth-child(5){
    left: 40px;
    z-index: 10;
}
#family .date-box p.kuchikomi .evaluation{
    font-size: 3.5vw;
}
#family .date-box p.kuchikomi .number{
    font-size: 2.8vw;
}
#family .date-box p.kuchikomi .evaluation .comment{
    font-size: 3vw;
}
#family .large_area{
    display: inherit;
}
#family .hotel-sec ul.available{
    float: right;
}
}


@media screen and (max-width: 700px) {
.hotel-wrapper .tit-box-hotel {
    padding-top: 10.8%;
}
.hotel-wrapper .kids-box h5, .hotel-wrapper .hyatt .kids-box h5 {
	margin-top: 8%;
}
}
@media screen and (max-width: 680px) {
.hotel-wrapper .tit-box-hotel {
    background-size: 94% auto;
    background-position: right 34px;
}
}
@media screen and (max-width: 600px) {
.hotel-wrapper .txt {
    margin: 0 auto 11%;
}
.hotel-wrapper .fourseasons .tit-box-hotel {
    padding: 10% 1% 0;
}
}
@media screen and (max-width: 500px) {
.hotel-wrapper .tit-box-hotel {
    padding-top: 12.5%;
}
.hotel-sec .box-inner .hotel-logo {
	top: 1.8%;
}
.hotel-wrapper .kids-box {
	padding: 11% 4% 0;
	margin: 50px 0 4.5% 0;
}
.hotel-wrapper .fourseasons .tit-box-hotel {
    padding: 11.5% 1% 0;
}

}
@media screen and (max-width: 450px) {
.hotel-wrapper .tit-box-hotel {
    padding-top: 13%;
}
}
@media screen and (max-width: 400px) {

}
@media screen and (max-width: 375px) {
.hotel-wrapper .tit-box-hotel {
    padding-top: 14%;
}
.hotel-wrapper .hyatt .kids-box h5 {
	margin-top: 4.4%;
}
.hotel-wrapper .kids-box {
    padding: 8% 4% 0;
}
.hotel-sec .l-photo {
    padding: 0 0 2.5% 0;
}
.hotel-wrapper .fourseasons .tit-box-hotel {
    padding: 13% 1% 0 2.5%;
}
.hotel-wrapper .fourseasons .tit-box-hotel p {
    top: 7.5%;
}

}
@media screen and (max-width: 335px) {
.hotel-wrapper .tit-box-hotel {
    padding-top: 14.3%;
}
.hotel-wrapper .kids-box .tit-box {
    top: -40px;
}
.hotel-wrapper .fourseasons h4 {
	line-height: 1.2;
}
.hotel-wrapper .fourseasons .tit-box-hotel {
    padding: 14.5% 1% 0 2.5%;
}
.hotel-sec .fourseasons .tit-box-hotel p {
    font-size: 1.2rem;
}

}


/*　other-tour
* --------------------------------- */

.other-tour {
	padding: 0 4% 3%;
}
.other-tour h3 {
	padding: 1% 0;
}
.other-tour h3 img {
	width: 50%;
}
.other-tour .tour-bnr {
	width: 100%;
	padding: 6% 0 7%;
}
.other-tour .tour-bnr li {
	width: 50%;
}
.other-tour .tour-bnr li {
    margin-left: 0;
    margin-bottom: 19px;
}
.other-tour .view {
	width: 100%;
	background: #fff;
}
.other-tour .view-inner {
	padding: 9% 5% 6%;
	background:
        url(../img/family_new/line_leaf_up_s.png) left top repeat-x,
        url(../img/family_new/line_leaf_down_s.png) left bottom repeat-x;
	margin-bottom: 4%;
}
.other-tour .view h4 {
	font-size: 2rem;
}
.other-tour .view h4:after {
    margin: 2% auto 5%;
    width: 265px;
}
.other-tour .view p {
	padding-bottom: 4%;
	font-size: 1.3rem;
}
.other-tour dl {
	margin-bottom: 3%;
}
.other-tour dl dt {
	font-size: 1.5rem;
	padding-bottom: 1%;
}
.other-tour dl dd {
	font-size: 1.3rem;
}
.other-tour .view h5 {
	font-size: 1.8rem;
	padding-bottom: 1%;
}
.other-tour dl .conditions li {
	padding-bottom: 3%;	
}
@media screen and (max-width: 640px) {
.pagetop {
	display: none;
}
}
@media screen and (max-width: 700px) {
.other-tour h3 img {
    width: 68%;
}
}
@media screen and (max-width: 600px) {
.other-tour .tour-bnr {
    width: 97%;
}
}
@media screen and (max-width: 550px) {
.other-tour .view h4, .other-tour .view h5 {
    font-size: 1.6rem;
}
.other-tour dl dt {
    font-size: 1.3rem;
}
.other-tour .view h4:after {
    width: 220px;
}
.other-tour .view-inner {
	background-size: 86%;
}
}
@media screen and (max-width: 400px) {
.other-tour .tour-bnr {
    width: 97%;
}
}


}

footer .sp-footer-info p {
	color: #fff;
	text-align: center;
}
footer .sp-footer-tel {
	text-align: center;
}
footer .fot-airline-title, footer .btn-toggle,
footer .sp-footer-link-ti {
	color: #fff;
}
footer a img {
	margin: 0 auto;
}