@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:      top.css
Created:        2017-4-12
Style Info:     クロアチア特集 TOP page　CSS
----------------------------------------------------------- */
#croatia.main .visual {background: url(../img/top/top_ph_bg.png) no-repeat center top; margin-bottom: 30px; text-align: center;}

#croatia.main .page_nav {background: url(../img/top/nav_bg.png) no-repeat right; margin-bottom: 40px;}
#croatia.main .page_nav li {float: left; display: inline; padding: 0 1px; background: url(../img/top/nav_bg.png) no-repeat left;}

#croatia.main .ph {margin-bottom: 60px;}
#croatia.main .ph p {text-align: center;}

#croatia.main h3 {margin-bottom: 30px;}

#croatia.main .bl_01 {margin-bottom: 70px;}
#croatia.main .bl_01 .box .fr {width: 790px;}
#croatia.main .bl_01 .box .fr .tourcnt {margin-top: 0;}
#croatia.main .bl_01 .txt_01 {text-align: center;}

#croatia.main .bl_btn {width: 660px; margin: 0 auto 30px;}



#croatia.main .bl_02 {margin-bottom: 80px;}
#croatia.main .bl_02 .map {position: relative; width: 1140px; height: 890px; background: url(../img/top/bl_02_bg.png) no-repeat; margin-bottom: 10px;}
#croatia.main .bl_02 .map p ,
#croatia.main .bl_02 .map .link_01 ,
#croatia.main .bl_02 .map .link_02 ,
#croatia.main .bl_02 .map .link_03 ,
#croatia.main .bl_02 .map .link_04 ,
#croatia.main .bl_02 .map .link_05 ,
#croatia.main .bl_02 .map .link_06 ,
#croatia.main .bl_02 .map .link_07 {position: absolute;}


#croatia.main .bl_02 .map p {width: 100%; text-align: center; top: 20px;}
#croatia.main .bl_02 .map dt {margin-bottom: 5px;}
#croatia.main .bl_02 .map dd {margin-bottom: 5px;}

#croatia.main .bl_02 .map .link_01 {top: 217px; left: 839px;}
#croatia.main .bl_02 .map .link_02 {top: 601px; left: 839px;}
#croatia.main .bl_02 .map .link_03 {top: 259px; left: 60px;}
#croatia.main .bl_02 .map .link_04 {top: 532px; left: 271px;}
#croatia.main .bl_02 .map .link_05 {top: 771px; left: 60px;}
#croatia.main .bl_02 .map .link_06 {top: 293px; left: 345px;}
#croatia.main .bl_02 .map .link_07 {top: 828px; left: 696px;}

#croatia.main .bl_02 .map .link_01 .map_btn {margin-left: 46px;}
#croatia.main .bl_02 .map .link_02 .map_btn {margin-left: 70px;}
#croatia.main .bl_02 .map .link_03 .map_btn {margin-left: 85px;}
#croatia.main .bl_02 .map .link_04 .map_btn {margin-left: 5px;}
#croatia.main .bl_02 .map .link_05 .map_btn {margin-left: 59px;}



#croatia.main .bl_02 .map .map_btn.btn_ty_02 {width: 110px;}
#croatia.main .bl_02 .map .map_btn.btn_ty_02 a {display: block; height: 25px; line-height: 25px;}



#croatia.main .bl_03 .bl_03 {margin-bottom: 50px;}
#croatia.main .bl_03 .bl_03_01 {background: #FFF6DA; border: dashed 1px #C59B6D; border-radius: 10px;width: 1140px; height: 180px; padding: 25px 0 0 50px; margin-bottom: 30px;}
#croatia.main .bl_03 .bl_03_01 .txt_01 {margin-bottom: 20px;}
#croatia.main .bl_03 .bl_03_01 .txt_02 {font-size: 16px; color: #8b6d4a; font-weight: bold;}
#croatia.main .bl_03 .bl_03_01 .txt_02 span {background: #f6625c; color: #fff; font-size: 20px; font-weight: bold; border-radius: 5px; padding: 3px 20px;}
#croatia.main .bl_03 .bl_03_01 .txt_02 span.span_01 {margin-right: 10px;}
#croatia.main .bl_03 .bl_03_01 .txt_02 span.span_02 {margin: 0 10px;}

#croatia.main .bl_03 .bl_03_02 {margin-bottom: 60px;}
#croatia.main .bl_03 .bl_03_02 dt {float: left;}
#croatia.main .bl_03 .bl_03_02 dd {float: left; display: inline; margin-left: 30px; width: 270px; height:230px; border: solid 1px #c6b198; background: #f9f7f2; text-align: center;}
#croatia.main .bl_03 .bl_03_02 dd img {margin-bottom: 10px;}


#croatia.main .bl_info {background: url(../img/top/info_bg.png) no-repeat; width: 1140px; height: 390px; position: relative; margin-bottom: 70px;}
#croatia.main .bl_info h3 ,
#croatia.main .bl_info .txt_01 ,
#croatia.main .bl_info .bl_info_tel ,
#croatia.main .bl_info .bl_btn {position: absolute;}
#croatia.main .bl_info h3       {top: 40px; left:294px; text-align: center;}
#croatia.main .bl_info .txt_01  {top: 110px; left: px; text-align: center; width: 100%;}
#croatia.main .bl_info .txt_01 img {margin-top: 10px;}
#croatia.main .bl_info .bl_info_tel     {top: 281px; left: 239px;}
#croatia.main .bl_info .bl_info_tel  p {margin-left:60px; }
#croatia.main .bl_info .bl_btn.btn_ty_01  {top: 285px; left: 680px; width: 320px; height: 50px;}

#croatia.main  .tourlist .panel {margin-bottom: 50px;}
#croatia.main  .tourlist .panel:last-child {margin-bottom: 0;}
#croatia.main  .tourlist .panel h3 {background: url(../img/top/tour_h_bg.png); width: 1140px; height: 78px; font-size: 24px; line-height: 78px; padding-left:60px; margin-bottom: 15px; font-weight: bold;}