@charset "UTF-8";

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

File name:      common.css
Created:        2017-4-12
Style Info:     クロアチア特集 common　CSS
----------------------------------------------------------- */
#croatia {width:100%; color:#323232;}
#croatia a {padding:0; color:#283282; text-decoration:underline;}
#croatia a:active,
#croatia a:focus {outline:none;}

#croatia .btn_ty_01:hover ,
#croatia .btn_ty_02:hover ,
#croatia a:hover {text-decoration:none;
  filter: alpha(opacity=65);
  -moz-opacity:0.65;
  opacity:0.65;}
#croatia ul,
#croatia ol,
#croatia li {list-style:none;margin:0;padding:0;}
#croatia .container {/*width:1140px;*/ margin:0 auto;}
#croatia .contents p {color:#323232;font-size:14px;line-height:1.8;}
#croatia .page-top {height:0;width:0;overflow:hidden;}

#croatia h1 ,
#croatia h2 ,
#croatia h3 ,
#croatia h4 ,
#croatia h5 ,
#croatia h6 {margin:0;}

#croatia .fl {float:left; display:inline;}
#croatia .fr {float:right; display:inline;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}


#croatia .co_blue {color: #1996e8;}
#croatia .co_pink {color: #f6625c;}


#croatia .mb_10{margin-bottom: 10px;}
#croatia .mb_15{margin-bottom: 15px;}
#croatia .mb_20{margin-bottom: 20px;}
#croatia .mb_25{margin-bottom: 25px;}
#croatia .mb_30{margin-bottom: 30px;}
#croatia .mb_35{margin-bottom: 35px;}
#croatia .mb_40{margin-bottom: 40px;}
#croatia .mb_45{margin-bottom: 45px;}
#croatia .mb_50{margin-bottom: 50px;}
#croatia .mb_55{margin-bottom: 55px;}
#croatia .mb_60{margin-bottom: 60px;}
#croatia .mb_65{margin-bottom: 65px;}
#croatia .mb_70{margin-bottom: 70px;}



#croatia .btn_ty_01 {background:#f6625c; width:100%; height: 70px; border-radius:5px; }
#croatia .btn_ty_01.h_50 {height: 50px;}
#croatia .btn_ty_01.h_60 {height: 60px;}
#croatia .btn_ty_01.bg_pink {background:#f6625c;}
#croatia .btn_ty_01.bg_blue {background:#1996e8;}
#croatia .btn_ty_01 a {width:100%; height:100%; display:block; text-align:center; position:relative; text-decoration:none;}
#croatia .btn_ty_01 a span {color:#fff; font-size:18px; font-weight:bold; width:100%; position:absolute; top:50%; left:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }
#croatia .btn_ty_01 a span:after {content:""; background:url(../img/arr_down.png) no-repeat; background-size: 26px; display:block; width:26px; height:26px; position:absolute; top:50%; margin-top:-13px; right:20px;}
#croatia .btn_ty_01.arr_right a span:after {content:""; background:url(../img/arr_right.png) no-repeat; background-size: 26px; display:block; width:26px; height:26px; position:absolute; top:50%; margin-top:-13px; right:20px;}

#croatia .btn_ty_02 a {position:relative;display:block; ;color:#fff;font-size:12px;font-weight:bold;text-align:center; text-decoration:none; border-radius: 15px;	background:#1996e8;}
#croatia .btn_ty_02.bg_glay a {background: #969696;}
#croatia .btn_ty_02.bg_glay span {position:relative;display:block; ;color:#fff;font-size:12px;font-weight:bold;text-align:center; text-decoration:none; border-radius: 20px;	background:#969696; line-height: 40px;}
#croatia .btn_ty_02.bg_glay:hover {opacity: 1;}
#croatia .btn_ty_02 a:after {display:block;content:"";width:8px;height:10px;position:absolute;top:50%;right:10px;margin-top:-5px;background: url(../img/arrow_next_03.png) top center no-repeat; background-size:8px;}

#croatia .btn_ty_02.h_40 a {height: 40px; font-size: 15px; border-radius: 20px; line-height: 40px;}



/* tour list
----------------------------------------*/

#croatia #top_bl_tour         {background:#fff; padding-bottom:1px;}
#croatia.sub #bl_tour         {margin-bottom:50px;}
#croatia .contents .tour_sec { margin-bottom:30px;}
#croatia.main .contents .tour_sec {    margin-bottom: 20px;}

#croatia.main #top_bl_tour h2 {background:#c0272d; width:100%; text-align:center; margin-bottom:20px;}
#croatia.sub #bl_tour h2      {margin-bottom:10px;}




#croatia .contents .tourlist .panel {box-shadow:none;}
#croatia .contents .tourlist .panel .bl_btn { margin:20px auto 0; text-align:center;}
#croatia .contents .tourlist .panel .bl_btn span {font-size:16px;}
#croatia.main .contents .tourlist .panel .bl_btn {width:660px; height:70px;}
#croatia.main .contents .tourlist .panel .bl_btn span {font-size:18px;}


#croatia .contents .tourlist_img {position:absolute;top:20px;left:50px;width:224px;padding-top:174px;background:url(../img/top/sec3_txt_01.png) center top no-repeat;}
#croatia .contents .tourlist_img img {width:100%;height:auto;}
#croatia .contents .tourlist_txt {overflow:hidden;margin-bottom:30px;}
#croatia .contents .tourlist_txt p {padding-left:300px;line-height:2;}
#croatia .contents .tourlist_txt p b {color:#b51d2e;font-weight:bold;}
#croatia .contents .tour_sec .map {float:left;width:270px;height:280px;padding:4px;border:1px solid #ecc3a4;background:#fff;line-height:1;font-size:0;}
#croatia .contents .tour_sec .map img {width:100%;height:auto;}
#croatia .tourcnt {position:relative;overflow:hidden;border:5px solid #f0f0f0;padding: 15px 15px 30px 15px;margin-top:10px;}
#croatia .tourcnt .tour_title {font-size:16px;font-weight:bold;line-height:1.4;margin:0 0 10px 0; border-bottom: solid 1px #aaaaaa;}
#croatia .tourcnt .tour_title a {color:#1996e8; text-decoration: none;}
#croatia .tourcnt .tour_title a:hover {text-decoration:underline;}
#croatia .tourcnt_left {float:left;width:168px;}
#croatia .tourcnt_left .box {padding:10px;background:#f0f0f0;margin-bottom:5px;}
#croatia .tourcnt_left .img a {display:block;}
#croatia .tourcnt_left .img img {width:100%;}
#croatia .tourcnt_left .tour_days {overflow:hidden;margin-bottom:5px;}
#croatia .tourcnt_left .tour_days span {display:block;}
#croatia .tourcnt_left .tour_days .txt1 {clear:left;float:left;background:#1996e8;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-right:5px;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;}
#croatia .tourcnt_left .tour_days .txt2 {float:left;font-size:19px;line-height:20px;font-weight:bold;overflow:hidden;}
#croatia .tourcnt_left .tour_days .txt2_1 {clear:left;float:left;background:#f6625c;color:#fff;font-size:11px;font-weight:bold;height:20px;padding:0 8px;line-height:20px;margin-right:5px;}
#croatia .tourcnt_left .tour_code {font-size:11px;margin-top:5px;}
#croatia .tourcnt_right {padding:0 0 0px 188px;}
#croatia .tourcnt_right .tour_info {overflow:hidden;}
#croatia .tourcnt_right dl {float:left;width:300px;overflow:hidden;margin:0;}
#croatia .tourcnt_right dt {clear:left;float:left;background:#f6625c;color:#fff;font-size:11px;font-weight:bold;width:60px;height:20px;padding:0 8px;line-height:20px;margin-top:5px;}
#croatia .tourcnt_right dd {font-size:13px;line-height:1.4;padding:3px 0 0 70px;margin-top:5px;}
#croatia .tourcnt_right dt:first-of-type,
#croatia .tourcnt_right dd:first-of-type {margin-top:0;}
#croatia .tourcnt_right .tour_price {float: right;
    width: 250px;
    position: absolute;
    top: 95px;
    right: 15px;}
#croatia .tourcnt_right .tour_price_head {height:20px;color:#fff;font-size:11px;line-height:20px;padding:0 10px;font-weight:bold;background:#f6625c;}
#croatia .tourcnt_right .tour_price_cnt {padding:3px 10px;background:#f0f0f0;}
#croatia .tourcnt_right .tour_price .price {color:#ff0000;font-weight:bold;margin:0;line-height:1.4;overflow:hidden;}
#croatia .tourcnt_right .tour_price .price span {display:inline-block;}
#croatia .tourcnt_right .tour_price .price_max {font-size:20px;}
#croatia .tourcnt_right .tour_price .price_min {font-size:12px;margin:8px 0 0 5px;}
#croatia .tourcnt_right .tour_price .txt {font-size:10px;}
#croatia .tourcnt_right .tour_link {position: absolute;
    top: 180px;
    right: 20px;
    width: 190px;}
#croatia .tourcnt_right .tour_link a {position:relative;display:block;height:40px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:40px; text-decoration:none;
  border-radius: 20px;
	background:#1996e8; 
		}
#croatia .tourcnt_right .tour_link a:after {display:block;content:"";width:8px;height:10px;position:absolute;top:50%;right:10px;margin-top:-5px;background: url(../img/arrow_next_03.png) top center no-repeat; background-size:8px;}

#croatia .tourcnt_right .tour_link span {position:relative;display:block;height:40px;color:#fff;font-size:12px;font-weight:bold;text-align:center;line-height:40px; text-decoration:none;
  border-radius: 20px;
	background:#969696; 
		}