@charset "utf-8";

/*@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/

#wrap div:after,main div:after {
	content: "";
	clear: both;
	display: block;
}
#wrap{background-color: #FFF;}
#breadcrumb { color: #E5001F;}

/****************************************
		# 共通ヘッダーフッター修正設定
*****************************************/
#footer{ margin-top:0;}
#footer .footer01 .body:first-child {width:960px;margin:0 auto 10px;padding: 18px 35px;}
#footer .footer02{padding: 0 0 35px;background:#ffffff repeat;}
#footer .footer02 .body,
#footer .footer02 .body02{
	width:960px;
	margin:0 auto 0;
	padding: 27px 0 18px;
	text-align:left;
	background:#ffffff repeat;
}
#footer h2, #footer .footer01 .body .tourNav h2 {
	font-size: 14px;
	text-align: left;
}

/****************************************
		# ヘッダー設定
*****************************************/

#headerLocal{
	padding: 0;
}
.header-wrap{
	width: 1100px;
	margin: 0 auto;
	display: table;
	line-height: 1;
}
.header-wrap li{
	display: table-cell;
	/* vertical-align: middle; */
}
.header-logo{
	width: 70px;
	vertical-align: middle;
}
.header-logo img{
	width: 100%;
	vertical-align: middle;
}
.header-txt{
	width: 75px;
	vertical-align: middle;
	font-weight: bold;
	color: #023B95;
	font-size: 1.4em;
	padding-left: 5px;
}

/****************************************
		タイトル設定
*****************************************/
#titleArea {
	background:url(../img/common/title_pc.png) no-repeat center top;
	border-top:#003F8C solid 5px;
	border-bottom:#003F8C solid 5px;}

#titleArea .inner {
	width:100%;
	height:450px;
	max-width:2000px;
	margin:0 auto;
	position:relative;
}

/****************************************
		# ナビゲーション設定
*****************************************/

#navi ul{
    display: flex;
    justify-content: center;}

.navi-tittle {
	background:#00408D;
	color:#FFF;
	text-align:center;
	/*font-weight:bold;*/
	font-size:150%;
	padding:8px 0 5px 0;
}

#navigationWrap{
	background:#00408D;
}
.navi-box{
	display: table;
	width: 1080px;
	margin: 0 auto;
}


.navi-box li{
	text-align: center;
/*display: table-cell;*/
	font-weight: bold;
/*padding:7px 3px;*/
	margin:0 1% 1% 1%;
	width:23%;
	float:left;
}
.navi-box li a{
	padding:10px;
	background:#FFF;
	color: #222;
	text-decoration: none;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.navi-box li a:hover{
	background:#B4BCE2;
	transition:all 0.3s ease;
}
@media screen and (max-width: 1024px) {
	.navi-box{
	display: table;
	width: 100%;
	margin: 0;
	}
}

/****************************************
		# メイン設定
*****************************************/
#mainWrap h2{
    width: 100%;
    text-align: center;
    font-size: 1.6em;
    padding: 20px 0;
    /*background: #28337D;*/
    color: #FFFFFF;
    border-radius: 15px 15px 0 0;
    margin: 25px 0 0px;
	font-weight:bold;
}
.flo_title{background:#65A0DB;}
.cali_title{background:#F29B33;}
.hon_title{background:#F281A7;}
.sha_title{background:#EC7F00;}
.par_title{background:#663399;}

/****************************************
		　　　INDEXページ
*****************************************/
.section-wrap{
	width: 100%;
	padding:30px 0;
	background:url(../img/common/index_bg.png);
}
.section-box{
	width: 1120px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

}

@media screen and (max-width: 1024px) {
	.section-box{
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
}

#map {background:url(../img/common/index_map.png) top center #FFF no-repeat; width:1200px; height:720px;
position:relative; clear:both; margin:15px auto 0;}

#navi_flo {position:absolute; top:440px; right:148px; display: block; width: 245px; height: 230px;
	background: url(../img/common/map_flo.png) no-repeat;}
#navi_cali {position:absolute; top:85px; right:238px; display: block; width: 268px; height: 210px;
	background: url(../img/common/map_cali.png) no-repeat;}
#navi_hon {position:absolute; top:436px; left:173px; display: block; width: 245px; height: 210px;
	background: url(../img/common/map_hong.png) no-repeat;}
#navi_sha {position:absolute; top:417px; left:548px; display: block; width: 245px; height: 220px;
	background: url(../img/common/map_sha.png) no-repeat;}

.city_navi a {position:absolute; top:0; left:0; width:100%; height:200px;}
/*
#navi_flo:hover {opacity: 0.7;  transition: all 0.2s ease;}
#navi_cali:hover {opacity: 0.7;  transition: all 0.2s ease;}
#navi_hon:hover {opacity: 0.7;  transition: all 0.2s ease;}
#navi_sha:hover {opacity: 0.7;  transition: all 0.2s ease;}*/



.common_box {width:960px; height:375px; margin:30px auto; border-radius:15px; background:#FFF; text-align: center; padding: 0px 10px}
.common_photo{float:left; width:50%; padding:25px 10px;}
.common_photo_r{float:left; width:50%; padding:25px 0;}
.common_text_l{float:left; width:460px; margin:10px 0 10px 10px;}
.common_text_r{float:left; width:460px; margin:10px 0 10px 10px;}
.common_text_l p{ padding:0 15px; font-size:14px; line-height:1.6em;}
.common_text_r p{ padding:0 15px 10px; font-size:14px; line-height:1.6em;}
.common_text_l img{top: -13px; margin: 0 auto; position: relative;}
.common_text_r img{top: -13px; margin: 0 auto; position: relative;}
.section_txt { text-align:left;}

.button2 { display:block; padding:5px; border-radius:5px;
	width:360px!important; margin:0 auto; text-align:center; color:#FFF;}
.flo_bn {background:#65A0DB;}
.cali_bn {background:#F29B33;}
.hon_bn {background:#F281A7;}
.sha_bn {background:#EB5F50;}
.button2 a {text-decoration:none; color:#FFF; font-size:19px;}



/****************************************
		# ボトムメニュー設定
****************************************
.a_menu ul{ width:960px; margin:0 auto;}
.a_menu li { margin:10px 0px;  float:left; }
.a_menu li a {display:block; height:500px;}


#a_menu01 a{ width:215px; background:url(../img/common/map_index.png) no-repeat; }
#a_menu02 a{ width:215px; background:url(../img/common/map_flo.png) no-repeat; }
#a_menu03 a{ width:215px; background:url(../img/common/map_cali.png) no-repeat; }
#a_menu04 a{ width:215px; background:url(../img/common/map_hong.png) no-repeat; }
#a_menu05 a{ width:215px; background:url(../img/common/map_sha.png) no-repeat; }

.a_menu li a:hover {opacity:0.8;}*/


/****************************************
		# 商品設定
*****************************************/
.item-wrap {
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    border-radius: 0 0 15px 15px;
	margin-bottom:20px;
}

.item-box{
    float: left;
    width: 24%;
    background-color: #FFF;
    border: 5px solid transparent;
    transition: all 0.2s ease;
    position: relative;
    padding: 5px;
    margin: 5px;
    background-image: url(../img/icon/icon_corner.png);
    background-position: right 1px bottom 1px;
    background-size: 8px;
    background-repeat: no-repeat;
}
.item-box a{
	text-decoration: none;
	color: #222;
}
.item-box:hover{
	border: 5px solid #FFC300;
	transition:all 0.4s ease;
}
.item-box-head{
	width:100%;
	/*background-color:#E41205;*/
	padding:2px 10px;
	font-size:14px;
	color:#FFF;
	text-align: center;
}
.domestic--box .item-box-head{
	width:100%;
	background-color:#6cb100;
	padding:2px 10px;
	font-size:14px;
	color:#FFF;
	text-align: center;
}
.item-box-pic{
	width: 100%;
	height: 151px;
	overflow:hidden;
	position:relative;
}
.item-box-pic img{
	width: 100%;
	display: block;
}

.item-box-pic .tag{	
	font-size: 92%;
	position:absolute;
	left:0px;
	top:5px;
	background:#F36;
	color:#FFF;
	padding:2px 8px;
	box-shadow:0 3px 1px 0 rgba(0, 0, 0, 0.2);	
	}

.item-box-ttl{
	font-size: 16px;
	color:#004098;
	font-weight: bold;
	padding: 5px 0;
}
.item-box-txt{
    font-size: 13px;
    padding: 7px 10px 7px 30px;
    background-color: #F4F4F4;
    margin: 4px auto;
    background-image: url(../img/icon/icon_hotel01.png);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: left 10px top 8px;
}
.item-box-icon{
	font-size: 0.7em;
	background-color: #E3005A;
	color: #FFF;
	padding: 2px 5px;
	display: inline-block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	display: none;
}
.item-box-price{
    font-size: 18px;
    font-weight: bold;
    color: red;
    display: block;
    text-align: right;
    padding: 5px 10px 10px;
}

.item-box-badge{
    /* width: 80px; */
    /* height: 80px; */
    /* background-color: red; */
    border-radius: 40px;
    text-align: center;
    color: #FFF;
    line-height: 1.1;
    display: table;
    position: absolute;
    top: -8px;
    left: -8px;
}
.item-box-badge img{
    width:80px;
}
.item-box-badge span{
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
/*     transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg); */
}

.item-wrap-btn{
	width: 90%;
	margin: 20px auto 0;
}
.item-wrap-btn a{
	color: #FFF;
	font-size: 1.6em;
	display: block;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background-image: url(./img/icon/icon_next03.png);
	background-size: 22px;
	background-position: top 28px right 25px;
	background-repeat: no-repeat;
}
.item-wrap-btn a:hover{
	opacity: 0.7;
	transition:all 0.4s ease;
}


/**/
.other-item .other-item-wrap{
	width: 95%;
    margin: 10px auto;
}

.other-item .other-item-box{
	/*min-width: 1000px;*/
    padding: 10px 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #FAFAFA;
    border: 1.5px solid #00408D;
    border-radius: 5px;
}

.other-item .other-item-box p{
    color: #00408D;
    font-size: 16px;
    float: left;
    padding-right: 10px;
    display: block;
    font-weight: bold;
    margin-top: 7px;
}

.other-item .other-item-box li{
    float: left;
    font-size: 15px;
    font-weight: bold;
    background-color: #00408D;
    color: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.other-item .other-item-box li a{
	color: #FFF;
	display: block;
	padding: 9px 30px 9px 15px;
	transition:all 0.4s ease;
	text-decoration: none;
	background-image: url(../img/icon/icon_next.png);
	background-size: 13px;
	background-position: right 10px center;
	background-repeat: no-repeat;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.other-item .other-item-box li a:hover{
	/*background: #E5001F;*/
	transition:all 0.5s ease;
}
.flo_li a:hover{background:#65A0DB;}
.cali_li a:hover{background:#F29B33;}
.hon_li a:hover{background:#F281A7;}
.sha_li a:hover{background:#EC7F00;}
.par_li a:hover{background:#663399;}

/****************************************
		# リンクボタン設定
*****************************************/
.vtm_link{
	text-align:center;
}
.vtm_link img{
	padding:15px 30px;
}
.vtm_link a:hover{
	filter:alpha(opacity=70);
	opacity:0.8;
}




/*ページトップ*/
.pagetop {
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop span {display:block; text-align:center; font-size:10px; color:#FFF;}
.pagetop a {
    display: block;
    background: #00408D;
    text-align: center;
    color: #fff;
    /* font-size: 1.3em; */
    text-decoration: none;
    padding: 5px 8px;
    border-radius: 5px;
    box-shadow: 3px 3px 5px #999;
    -webkit-box-shadow: 3px 3px 5px #999;
    -moz-box-shadow: 3px 3px 5px #999;
}

/*下のエリアボタン*/
.wd_bn{box-sizing:border-box; width:100%;}
.wdbn_line{ width:100%; height:4px; background:url(../img/common/wdbn_line.png) repeat-x;}

.wd_navi {padding:5px; color:#FFFFFF; text-align:center; margin:0 auto; width:1030px; max-width: 100%;  height:80px; }
.wd_navi li { float:left; padding: 10px; margin: 9px 5px 9px 0; border-radius: 5px; }
.wd_navi li a{display: block; }
.wd_navi a{ color:#FFF;　border-radius:5px; text-decoration:none; font-size:12.5px;}
.wd_navi li span{ display:block;}
.wd_navi li:hover{filter:alpha(opacity=70); 
	opacity:0.7; transition:all 0.4s ease; }

.wd_index {background:#1157C1;}
.wd_flo {background:#3E85D2;}
.wd_cali {background:#EC7F00;}
.wd_hon {background:#F281A7;}
.wd_sha {background:#EB5F50;}
.wd_paris {background:#306;}




/*フッター*/
#footer_mobile{display:none;}

#area_wrap a:hover{ text-decoration: none;}