@charset "UTF-8";

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

File name:      top.css
Created:        2017-4-12
Style Info:     クロアチア特集 SUB pages　CSS
----------------------------------------------------------- */

/* sub pages common
----------------------------------------*/
#croatia.sub {background:#f5f5f5;}


#croatia.sub .sub_wrapper {overflow:hidden;width:1140px;margin:0 auto;background:#fff;}
#croatia.sub .side {float:left;width:249px;}
#croatia.sub .side_inner {background:#fff;}
#croatia.sub .side_visual {margin:0 -1px 15px 0;}
#croatia.sub .side_visual img {width:100%;height:auto;}
#croatia.sub .side_nav {margin:0 20px 15px 20px;line-height:1.6; font-size:12px;}
#croatia.sub .side_nav dt {color:#f6625c;font-weight:bold; margin-bottom: 5px;}
#croatia.sub .side_nav dl {border-bottom:1px solid #969696; padding: 15px 0 12px; margin: 0; }
#croatia.sub .side_nav dd a {display:block; text-decoration:none; padding: 5px 0; color: #323232; position: relative;}
#croatia.sub .side_nav dd a:hover {text-decoration:none;
  filter: alpha(opacity=100);
  -moz-opacity:1;
  opacity:1;}

#croatia.sub .side_nav dd .active ,
#croatia.sub .side_nav dd a:hover  {background:#f5efd7;}

#croatia.sub .side_nav dd .active:after ,
#croatia.sub .side_nav dd a:hover:after {content:"";position:absolute;top:0;right:0;width:5px;height:100%;background:url(../img/side_menu_arr.png) center center no-repeat #FFFFFF;}
#croatia.sub .side_pagetop {overflow:hidden;margin:0 20px 15px;}
#croatia.sub .side_pagetop span {display:block;float:right;display:block;text-indent:-9999px;width:130px;height:30px;background:url(../img/side_pagetop.png) left top no-repeat;cursor:pointer;}

#croatia.sub .contents {float:right;width:891px;margin:0;padding:30px 50px 0 50px;border-left:1px solid #e6e6e6;background:#fff;}

#croatia.sub .contents h2 {margin-bottom:15px;}
#croatia.sub .contents h3 {margin-bottom:30px;}
#croatia.sub .contents h4 {margin-bottom:20px;}

#croatia.sub .contents p ,
#croatia.sub .contents li ,
#croatia.sub .contents dd {line-height:2; font-size:13px;}
#croatia.sub .bl_btn {width: 600px; margin: 0 auto;}

#croatia.sub .w_370 {width: 370px;}

#croatia.sub .dl_ty_01 {margin-bottom: 40px;}
#croatia.sub .dl_ty_01 dt {color: #1996e8; font-size: 17px; font-weight: bold; margin-bottom: 15px;}

#croatia.sub .ph {margin-bottom: 50px;}
#croatia.sub .ph p {margin-bottom: 30px;}

#croatia.sub .bord_01 {background: url(../img/bord_01_bg.png) repeat-y; width: 790px; padding: 0 30px 0 35px; position: relative;}
#croatia.sub .bord_01:before ,
#croatia.sub .bord_01:after {position: absolute; left: 0; width: 790px; height: 20px; display: block; }
#croatia.sub .bord_01:before {content:""; background: url(../img/bord_01_header.png);}
#croatia.sub .bord_01:after {content:""; background: url(../img/bord_01_footer.png);}

#croatia.sub .bord_01 .tit {margin-left:-20px; padding-top: 10px; z-index: 10; position: relative; margin-bottom: 10px;}

#croatia.sub .bord_01 .fr {width: 450px; padding-bottom: 60px;}
#croatia.sub .bord_01 .bl_btn {width:240px; position: absolute; bottom:10px; right: 40px;}
#croatia.sub .bord_01 .bl_btn a {font-size: 14px; height: 40px; border-radius: 20px; line-height: 40px;}

#croatia.sub .bord_02 {position: relative;}
#croatia.sub .bord_02 .inner {background: url(../img/bord_02_bg.png) repeat-y; width: 790px; padding: 15px 30px 0px 15px;}
#croatia.sub .bord_02:before ,
#croatia.sub .bord_02:after {position: absolute; left: 0; width: 790px; height: 20px; display: block; }
#croatia.sub .bord_02:before {content:""; background: url(../img/bord_02_header.png);}
#croatia.sub .bord_02:after {content:""; background: url(../img/bord_02_footer.png);}

#croatia.sub .bord_02 {}
#croatia.sub .bord_02 dl {z-index: 10; position: relative; margin: 0px;}
#croatia.sub .bord_02 dl dt {color: #f6625c; font-weight: bold; font-size: 15px; background: url(../img/icon_op.png) no-repeat top left; padding: 20px 0 0 195px; margin-bottom: 10px; min-height: 44px;}
#croatia.sub .bord_02 dl dd {margin-left: 30px;}

#croatia.sub .bl_info {width: 790px; height: 390px; background: url(../img/bl_info_bg.png) no-repeat; text-align: center; padding-top: 40px; margin-bottom: 50px;}
#croatia.sub .bl_info h3 {margin-bottom: 25px;}
#croatia.sub .bl_info .txt_01 {margin-bottom: 25px;}
#croatia.sub .bl_info .img_01 {margin-bottom: 20px;}
#croatia.sub .bl_info .clearfix {width: 690px; margin: 0 auto;}
#croatia.sub .bl_info .fl {width:360px;}
#croatia.sub .bl_info .fl p {text-align: left; margin-left: 50px;}
#croatia.sub .bl_info .fr {width:310px;}


#croatia.sub #bl_tour h3 {width: 790px; height: 76px; background: url(../img/tour_h_bg.png) no-repeat; font-size: 22px; font-weight: bold; padding-left: 60px; line-height: 76px;}
#croatia.sub #bl_tour a span {font-size: 18px;}