@charset "utf-8";
/* CSS Document たびらい会員登録予約キャンペーン*/
body { font-family:YuGothic, '游ゴシック', "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	color:#333;}

/* header
-------------------------------------------------- */
#header { position:relative; width:1000px; height:82px; margin:0 auto;}
#header h1 { float:left; padding:20px 0 0;}

#header .social_btn { float:right; width:310px; height:65px; padding-top:10px;}

.socialbuttons .btn_area {
    height: 65px;
    overflow: hidden;
    padding: 10px 0px;
}
.socialbuttons .btn_area div {
    float: right;
}

.socialbuttons .btn_area div.fb {
    margin-right: 10px;
}

.socialbuttons .btn_area div.fb a {
	display: flex;
	background: #3b579d;
	border-radius: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 77px;
	text-align: center;
	position: relative;
	justify-content: center;
	align-items: center;
}

.socialbuttons .btn_area div.fb a::before {
    display: inline-block;
    /* position:absolute; */
    content:"";
    top: 1px;
    /* transform: translateY(-50%); */
    left: 5px;
    width: 14px;
    height: 16px;
    background: url(/tour/common/images/sns/ico_faceshare.png) no-repeat;
    background-size: 14px auto;
    margin-right: 2px;
}

.socialbuttons .btn_area div.fb a:hover {
	text-decoration: none;
	opacity: .9;
}

/* main
-------------------------------------------------- */
#main {}

/* section / wrapper / common parts
-------------------------------------------------- */
section { clear:both;}
.wrapper { position:relative; width:1000px; margin:0 auto;}
.wrapper h2 { margin-bottom:40px; padding-bottom:35px; font-size:34px; font-weight:bold; color:#003894; background:url(../images/bg_nami_01.png) center bottom no-repeat; text-align:center;}
.wrapper h2 img { vertical-align:baseline;}

/* mv
-------------------------------------------------- */
.mv { padding:0 0 112px; background:#53b8eb url(../images/mv_top_01.jpg) center top no-repeat;}
.mv p { position:absolute; top:-20px; left:330px; text-align:center;}
.mv h1 { padding:69px 0 0; text-align:center;}
.mv h1 img {width: auto;padding-right: 86px;}

/* top_lead
-------------------------------------------------- */
.top_lead { width:1000px; margin:-75px auto 30px; background:#fff; 
	box-shadow:rgba(97, 97, 97, 0.1) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(97, 97, 97, 0.1) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(97, 97, 97, 0.1) 0px 0px 6px 3px;
}
.top_lead .clearfix { padding:20px 25px 20px 20px;}
/* .top_lead .fl_l { display:inline; width:515px; padding-bottom:30px;} */
.top_lead .fl_l {
    float: none;
    display: flex;
    width: 100%;
    padding-bottom: 1em;
    /* text-align: center; */
    justify-content: center;
}

.prize {
	/* display: flex; */
	margin-bottom: 1em;
	justify-content: space-between;
	width: 250px;
	margin-right: 50px;
}

.prize .photo {
	/* width: 49%; */
	margin-bottom: 1em;
}

.prize .txtbox {
	/* width: 49%; */
	line-height: 1.5;
}

.txt_end {
	width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 29px;
    line-height: 34px;
    color: #9e4856;
}


.prize_number {
	text-align: right;
	line-height: 1.5;
}

.prize_title {
	margin: 0;
    padding: 0.5em 0;
    font-size: 18px;
    font-weight: bold;
    color: #003894;
    line-height: 1.5;
    text-align: left;
}
.top_lead .fl_l + .txt {
	margin-left: 110px;
}

/* .top_lead .fl_r { display:inline; width:420px; padding-top:11px;} */
.top_lead .fl_r { display:inline; width:100%; padding-top:30px; text-align: center;}
.top_lead .fl_r p { margin:0 0 12px 6px; line-height:1.5;}
.top_lead .fl_r p span { display:block; color:#666; font-size:14px;}
.top_lead .fl_r div.login { font-size:14px;}
.top_lead .fl_r div.login a { color: #f08300; text-decoration: underline;}

/* pagenav
-------------------------------------------------- */
.top_pagenav {}
.top_pagenav ul { margin-bottom:100px;}
.top_pagenav ul li { float:left; width:20%; text-align:center;}
.top_pagenav ul li:hover { cursor:pointer;}
.top_pagenav .logo { margin-bottom:55px; text-align:center;}
.top_pagenav .txt { margin-bottom:95px; text-align:center; font-size:24px; line-height:50px;}

/* feature
-------------------------------------------------- */
.feature { padding:110px 0 80px; background:#efefef url(../images/bg_ya_white_01.png) center top no-repeat;}
.feature ul {}
.feature ul li { float:left; width:233px; margin:0 20px 20px 0; border:1px solid #e6e6e6; border-top:2px solid #003894; background:#fff;
	box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
	-webkit-box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
	-moz-box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
}
.feature ul .li_04 { margin-right:0;}
.feature ul li .icn { float:left; margin:0 15px 13px 0; padding:5px 5px 14px; background:url(../images/bg_ribbon_01.png) left top no-repeat;}
.feature ul li .ttl { border-bottom:1px solid #e6e6e6;}
.feature ul li .ttl h3 { padding:11px 0 0; font-size:18px; font-weight:bold; color:#003894; line-height:1.1;}
.feature ul li .ttl .sub { padding-bottom:6px; font-size:12px;}
.feature ul li .cont { clear:both; padding:0 13px 10px; font-size:14px; line-height:1.5;}

.feature ul .li_05 { clear:both; width:1000px; border-top:none;}
.feature ul .li_05 .ttl { width:235px; float:left; border-top:2px solid #003894; border-right:1px solid #e6e6e6;}
.feature ul .li_05 .icn { padding:0; background:none;}
.feature ul .li_05 .cont { clear:none; float:left; width:736px; border-top:1px solid #e6e6e6;}
.feature ul .li_05 .cont p { padding-top:16px;}

/* merit
-------------------------------------------------- */
.merit { padding-bottom:100px;}
.merit h1 { margin-top:-20px; text-align:center;}
.merit ul {}
.merit ul li { clear:both; padding:20px 0 0; border-bottom:1px solid #fff; background:#e5ecf6;}
.merit ul li h3 { height:70px; padding-left:150px; margin-bottom:30px; line-height:70px; font-size:28px; font-weight:bold; color:#003894;}
	.merit ul .li_01 h3 { background:url(../images/icn_top_merit_01.png) left top no-repeat;}
	.merit ul .li_02 h3 { background:url(../images/icn_top_merit_02.png) left top no-repeat;}
	.merit ul .li_03 h3 { background:url(../images/icn_top_merit_03.png) left top no-repeat;}
	.merit ul .li_04 h3 { background:url(../images/icn_top_merit_04.png) left top no-repeat;}
.merit ul li .fl_l { width:490px; margin-left:30px;}
.merit ul li .fl_l p { font-size:18px; line-height:2;}
.merit ul li .fl_r { margin-right:30px;}

/* present
-------------------------------------------------- */
.present { background:url(../images/mv_top_02.jpg) center top no-repeat;}
.present_mv { margin-bottom:100px;}
.present_mv p { padding:324px 0 33px; text-align:center;} 
.present_mv span.login { font-size: 14px; color: #ffffff;}
.present_mv span.login a { color: #ffffff; text-decoration: underline;}

.present .wrapper { width:940px;}
.present .lead { margin:0 70px 60px; font-size:16px; line-height:1.67; text-align:center;}
.present h3 { margin-bottom:30px;}
.present h4 { margin-bottom:38px; font-size:16px; line-height:1.67; text-align:center;}

.present ul {}
.present ul li { float:left; margin:0 0 35px 50px;}
.present ul li:first-child { margin-left:0;}
.present ul li .photo { margin-bottom:12px;}
.present ul li .hotel_name { margin-bottom:10px; font-weight:bold;}
.present ul li .read_more { text-align:right; font-size:14px;}
.present ul li .read_more a { color:#f08300; text-decoration:underline;}
.present_a .sub { clear:both; margin-bottom:75px; font-size:14px; color:#666;}

.present_b .fl_l { width:580px;}
.present_b .fl_l img { margin-bottom:100px;}
.present_b .fl_r { width:340px;}

/* method
-------------------------------------------------- */
.method { padding:57px 0 40px; background:#efefef;}
.method h3 { margin:0 110px 40px; text-align:center;}
.method h3 span { display:block; color:#666; font-size:14px;}
.method ul { background:url(../images/bg_method_ul_01.png) center center no-repeat;}
.method ul li { float:left; width:298px; margin:0 50px 20px 0; border:1px solid #e6e6e6; border-top:2px solid #003894; background:#fff;
	box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
	-webkit-box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
	-moz-box-shadow:rgb(191, 191, 191) 0px 1px 0px 0px;
}
.method ul .li_03 { margin-right:0;}
.method ul li .icn { float:left; margin:0 15px 13px 0; padding:5px 5px 14px; background:url(../images/bg_ribbon_01.png) left top no-repeat;}
.method ul li .ttl { border-bottom:1px solid #e6e6e6;}
.method ul li .ttl h3 { margin:0; padding:20px 0 20px; font-size:18px; font-weight:bold; color:#003894; line-height:1.1; text-align:left;}
	/* .method ul .li_02 .ttl h3 { padding:11px 0 10px;} */
.method ul li .ttl .sub { padding-bottom:6px; font-size:12px;}
.method ul li .cont { clear:both; padding:0 13px 10px; font-size:14px; line-height:1.5;}
.method ul li .cont .txt { margin-bottom:15px;}
.method ul li .sub_area { background:#e5ecf6; text-align:center;}
.method ul li .sub_area .sub_ttl { padding:8px 0 ; color:#003894; font-size:14px; font-weight:bold; border-bottom:1px solid #003894;}
.method ul li .sub_area .txt { padding:8px ; text-align:left; font-size:14px; line-height:1.5;}
.method ul li .sub_area .txt img {width: 100%;}

/* outline
-------------------------------------------------- */
.outline { padding:100px 0 100px;}
.outline .wrapper { width:800px;}
.outline h3 { margin:0; text-align:center;}
.outline h4 { margin:55px 0 25px; padding-bottom:15px; color:#003894; font-size:20px; font-weight:bold; text-align:center; background:url(../images/bg_h3_01.png) left bottom repeat-x;}

.outline .dl_01 {}
.outline .dl_01 dt { float:left; width:145px; font-weight:bold;}
.outline .dl_01 dd {}

.outline .dl_02 { line-height: 1.9; }
.outline .dl_02 dt { margin-top: 10px; width: 800px; font-size: 90%; font-weight:bold;}
.outline .dl_02 dd { width: 800px; font-size: 90%; font-weight: normal;}

.outline p a { color:#f08300; text-decoration:underline;}

.outline p, .outline dl { line-height:1.7;}

.outline .btn { margin:100px 0 135px; text-align:center;}
.outline .btn span.login { font-size: 14px;}

/* lower
---------------------------------------------------------------------------------------------- */
.low { border-top:4px solid #003399;}
.lower_header { position:relative; height:670px;}
.lower_header h1 { padding:130px 0 298px;}
.lower_header .btn_01 { position:absolute; right:10px; bottom:8px;}
.lower_header .btn_01:hover { cursor:pointer;}

.lower_lead { clear:both; padding:0 0 50px;}
.lower_lead p { padding:20px 0 15px; text-align:center;}
.lower_lead ul { margin: 0 auto; height: 86px; background: url(../images/img_arrow_01.png) 490px 40px no-repeat; width: 1000px; text-align: center;}
.lower_lead ul li { float:left; margin: 0 30px 0px 60px;}
.lower_lead ul li div.login {margin-top:5px; text-align:center; font-size:14px;}
.lower_lead ul li div.login a {color: #f08300; text-decoration: underline;}

.lower_lead2 { margin:0 auto; padding:0 0 50px; width: 1000px;}
.lower_lead2 p { padding:20px 0 15px; text-align:center;}
.lower_lead2 ul { margin: 0 auto; height: 86px; background: url(../images/img_arrow_01.png) 490px 40px no-repeat; width: 1000px; text-align: center;}
.lower_lead2 ul li { float:left; margin: 0 30px 0px 60px;}
.lower_lead2 ul li div.login {margin-top:5px; text-align:center; font-size:14px;}
.lower_lead2 ul li div.login a {color: #f08300; text-decoration: underline;}

/* lower_pagenav
-------------------------------------------------- */
.lower_pagenav { padding:55px 0 0; border-top:1px solid #efefef;}
.lower_pagenav ul { margin-bottom:100px;}
.lower_pagenav ul li { float:left; width:25%; text-align:center;}
.lower_pagenav ul li:hover { cursor:pointer;}

/* lower_01
-------------------------------------------------- */
.lower_01 { border-bottom:1px solid #efefef;}

/* 
-------------------------------------------------- */
.ul_01 { padding-left:30px;}
.ul_01 li { float:left !important;}

.ul_twin li { position:relative; width:440px; margin:0 50px 60px 0; padding-bottom:28px;}
.ul_twin .even { margin-right:0;}
.ul_twin .read_more { position:absolute; right:0; bottom:2px;}

.ul_three li { width:280px; margin:0 50px 100px 0;}
.ul_three .li_03 { margin-right:0;}

.ul_01 li .ttl { display:table;}
.ul_01 li .icn { display:table-cell; padding:0 10px 10px 0;}
.ul_01 li .ttl h3 { display:table-cell; margin:0; font-size:17px; font-weight:bold; /*color:#003894;*/ line-height:1.1; text-align:left; vertical-align:middle;}

.ul_01 li .cont { clear:both; padding:0 0 10px; font-size:14px; line-height:1.5;}
.ul_01 li .photo { margin-bottom:10px;}
.ul_01 li .cont .txt { margin-bottom:15px;}

.ul_01 li .hotel_name { margin-bottom:7px; font-size:18px; font-weight:bold;}

.ul_01 .read_more { text-align:right; font-size:14px;}
.ul_01 .read_more a { color:#f08300; text-decoration:underline;}

/* lower_tie_up
-------------------------------------------------- */
.lower_tie_up { padding:100px 0 40px;}

/* lower_present
-------------------------------------------------- */
.lower_present { background:none; padding-top:100px;}

/* car
-------------------------------------------------- */
.car_mv { background:url(../images/car_02.jpg) center top no-repeat;}
.hotel_mv { background:url(../images/hotel.jpg) center top no-repeat;}
.ac-oki_mv { background:url(../images/ac-oki.jpg) center top no-repeat;}
.ac-hok_mv { background:url(../images/ac-hok.jpg) center top no-repeat;}
.tour_mv { background:url(../images/tour.jpg) center top no-repeat;}

/*banner
--------------------------------------------------- */
.banner {
	text-align: center;
	display: block;
	width: 980px;
	margin: 0 auto 30px
}

.banner a {
	display: block;
	border: 1px solid #ccc;
}

.banner a:hover {
	opacity: .8;
}
/* clearfix 
-------------------------------------------------- */
.clearfix { min-height: 0px;}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}