/* CSS Document */

#family.content {width: 1140px; margin: 0 auto; padding: 0; background: #fffac8;}
#family.content * {font-size: 13px; line-height: 180%; color: #323232;}


#family.content .c_inner {width: 1060px; margin: 0 auto;}
#family.content .fl_l {float: left; display: inline;}
#family.content .fl_r {float: right; display: inline;}



#family.content .visual {width: 1140px; margin-bottom: 25px;}

#family.content .visual_txt {background: url(../images/visual_txt_bg.png) no-repeat; width: 1140px; height: 82px;}
#family.content .visual_txt p {padding: 20px 0 0 40px; line-height: 140%; font-size: 15px; color: #fff; font-weight: bold;}

#family.content #bl_01 {padding-bottom: 20px;}
#family.content #bl_01 h3 {text-align: center; margin-bottom: 13px;}
#family.content #bl_01 ul {width: 1080px; margin: 0 auto;}
#family.content #bl_01 ul li {float: left; display: inline; width: 270px;}
#family.content #bl_01 ul li a {display: block; color: #004eb8; font-size: 11px; text-decoration: underline; text-align: center;}


#family.content .bl_hotel {padding-bottom: 30px;}
#family.content .bl_hotel h3 {background: url(../images/bl_hotel_01_tit.png) no-repeat; background-size: 100%; width: 100%; height: 106px; font-size: 26px; font-weight: bold; color: #fff; padding: 30px 0 0 190px; line-height: 140%;}
#family.content #bl_hotel_02.bl_hotel h3 {background: url(../images/bl_hotel_02_tit.png) no-repeat;}
#family.content #bl_hotel_03.bl_hotel h3 {background: url(../images/bl_hotel_03_tit.png) no-repeat;}
#family.content #bl_hotel_04.bl_hotel h3 {background: url(../images/bl_hotel_04_tit.png) no-repeat;}

#family.content .bl_hotel h3 span {display: block; font-size: 14px; color: #fff;}

#family.content .bl_hotel .c_hotel {background: #fff; border: solid 1px #3874cf; border-top: none; padding: 20px 0 30px; width: 100%;}
#family.content .bl_hotel .c_hotel_inner {width: 1010px; margin: 0 auto;}
#family.content .bl_hotel .c_hotel .c_hotel_subtit {margin-bottom: 25px;}

#family.content .bl_hotel .c_hotel dl {font-size: 0; width: 100%; height: 35px; background:  #fff0b4;}
#family.content .bl_hotel .c_hotel dl dt {background: #ffcd0f;  color: #b23a00; text-align: center;}
#family.content .bl_hotel .c_hotel dl dd {background: #fff0b4;}
#family.content .bl_hotel .c_hotel dl dt ,
#family.content .bl_hotel .c_hotel dl dd { font-size:13px;padding: 0 7px; display: inline-block; height: 35px; line-height: 35px;}
#family.content .bl_hotel .c_hotel dl dd.icon_rank {color: #ff6400; font-size: 15px;}

#family.content .bl_hotel .c_hotel .bord_01 {width: 470px;}
#family.content .bl_hotel .c_hotel .bord_02 {width: 505px;}

#family.content .bl_hotel .c_hotel .bord_01 dl {margin-bottom: 20px;}
#family.content .bl_hotel .c_hotel .bord_01 .c_hotel_note {height: 300px;}

#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_pic {margin-bottom: 10px;}
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_pic li {width: 250px;}
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_pic li p {font-size: 11px;}
#family.content .bl_hotel .c_hotel .bord_02 dl {margin-bottom: 5px;}
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_note {margin-bottom: 20px;}
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_ex li { display: inline-block; margin-right: 10px;}
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_ex li:before {content:"◆"; color: #004ddb; }
#family.content .bl_hotel .c_hotel .bord_02 .c_hotel_ex li:last-child {width: 100%;}

#family.content .bl_hotel .c_hotel .c_hotel_caution p {font-size: 12px; color: #ff0000;}


#family.content .bl_hotel .c_hotel .bord_01 .bl_btn {width: 350px; height: 46px;}
#family.content .bl_hotel .c_hotel .bord_01 .bl_btn a {border-radius: 23px; display: block; width:100%; height: 100%; text-align: center; position: relative;

	background: #ff6b86;
	background: -moz-linear-gradient(top, #ff8da0, #ff5d7b);　/* Firefox用 */  
  background: -webkit-gradient(linear, left top, left bottom, from(#ff8da0), to(#ff5d7b));　/* Safari,Google Chrome用 */  
}


#family.content .bl_hotel .c_hotel .bord_01 .bl_btn a span {color: #fff; font-size: 15px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#family.content .bl_hotel .c_hotel .bord_01 .bl_btn a span:after {content: ""; display: block; width:20px; height: 16px; background: url(../images/arrow_01.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 15px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}



#family.content .bl_hotel .c_hotel .bord_02 .bl_btn {width: 100%; height: 64px; margin: 0 auto 10px;}
#family.content .bl_hotel .c_hotel .bord_02 .bl_btn a {border-radius: 10px; display: block; width:100%; height: 100%; text-align: center; position: relative;
	box-shadow: 0 5px 0 #004af9;
	background: #327cff;
	background: -moz-linear-gradient(top, #3880ff, #025dff);　/* Firefox用 */  
  background: -webkit-gradient(linear, left top, left bottom, from(#3880ff), to(#025dff));　/* Safari,Google Chrome用 */  
}

#family.content .bl_hotel .c_hotel .bord_02 .bl_btn a span {color: #fff; font-size: 21px; font-weight: bold; width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);}
#family.content .bl_hotel .c_hotel .bord_02 .bl_btn a span:after {content: ""; display: block; width:24px; height: 26px; background: url(../images/arrow_02.png) no-repeat center; background-size: 100%; position: absolute; top: 50%; right: 25px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%);}




#family.content #bl_sp {padding: 0 0 50px;}
#family.content #bl_sp .c_box_note {padding:10px 0 25px; text-align: center;}
#family.content #bl_sp .bl_sp_bord {background: url(../images/bl_sp_bord_bg.png); width:1040px; padding:5px 0 40px 0; border-radius:10px; border:solid 1px #92e6df; position: relative;}
#family.content #bl_sp .bl_sp_bord .bl_btn ,
#family.content #bl_sp .bl_sp_bord p {position: absolute;}
#family.content #bl_sp .bl_sp_bord .bl_btn {top: 525px; left: 320px; width: 340px; height: 45px;}
#family.content #bl_sp .bl_sp_bord .bl_btn a {display: block; width: 100%; height: 100%; background: #ff81b1; position: relative; border-radius: 10px; text-align: center;}
#family.content #bl_sp .bl_sp_bord .bl_btn a:after {content: ""; background: url(../images/tokute_btn_arrow.png)no-repeat center; width: 10px; height: 100%; display: block; position: absolute; top: 0; right: 10px;}
#family.content #bl_sp .bl_sp_bord .bl_btn a span {font-weight: bold; color: #fff; font-size: 16px;  line-height: 45px;}
#family.content #bl_sp .bl_sp_bord p {font-size: 11px; top: 600px; left: 20px;}


#family.content #c_footer.c_inner {width: 1040px;}
#family.content #c_footer {padding-bottom: 50px;}
#family.content #c_footer p {font-size: 11px;}



.content_wrapper{overflow:visible}