@charset "utf-8";

body.bannerfixed { padding-bottom: 79px; }

/*  common.css 修正*/
.sp { display: none;}
/* ----------------------------------------------------
		ヘッダー
---------------------------------------------------- */

#head_freeword_search {
	float: left;
	margin: 8px 10px 0 0;
}

#head_freeword_search input[type="text"] {
	width: 160px;
	border: none;
	background: #e9e9e9 url(/img/common/new/search_i001.png) no-repeat right 10px center;
	border-radius: 10px;
	margin-right: 0;
}

/***** グローバルナビゲーション *****/
#navi {
	margin: 15px 0 7px;
	float: none;
}

#navi li {
	border-left: 1px solid #ccc;
	width: 109px;
	height: auto;
	padding: 0;
	font-size: 14px;
}

#navi li a {
	padding: 40px 0 5px;
}
#navi li a:hover {
	opacity: 1;
}
#navi li:nth-child(1) a { background: url(/img/common/new/gnav_i001.png) no-repeat center top; color: #54acbc; }
#navi li:nth-child(2) a { background: url(/img/common/new/gnav_i002.png) no-repeat center top; color: #96aa40; }
#navi li:nth-child(3) a { background: url(/img/common/new/gnav_i003.png) no-repeat center top; color: #ca6d76; }
#navi li:nth-child(4) a { background: url(/img/common/new/gnav_i004.png) no-repeat center top; color: #b98db4; }
#navi li:nth-child(5) a { background: url(/img/common/new/gnav_i005.png) no-repeat center top; color: #dd9f1f; }
#navi li:nth-child(6) a { background: url(/img/common/new/gnav_i006.png) no-repeat center top; color: #3352a1; }
#navi li:nth-child(7) a { background: url(/img/common/new/gnav_i007.png) no-repeat center top; color: #e192a7; }
#navi li:nth-child(8) a { background: url(/img/common/new/gnav_i008.png) no-repeat center top; color: #d3bd2c; }

#navi li:nth-child(1) li a { background: none; }
#navi li:nth-child(2) li a { background: none; }
#navi li:nth-child(3) li a { background: none; }
#navi li:nth-child(4) li a { background: none; }
#navi li:nth-child(5) li a { background: none; }
#navi li:nth-child(6) li a { background: none; }
#navi li:nth-child(7) li a { background: none; }
#navi li:nth-child(8) li a { background: none; }
/*
#navi li:nth-child(1) li a:hover {
	background: none !important;
}

#navi li:nth-child(3) li a:hover {
	background: none !important;
}

#navi li:hover .mod-box {
	display: block;
}
*/
#navi li .mod-box {
	position: absolute;
	left: 0;
	top: 60px;
	z-index: 9999;
	width: 905px;
	display: none;
	padding: 25px 0 0 !important;

}

#navi li ul {
	position: static;
	z-index: 9999;
  padding: 30px 10px 10px 25px;
  background: #f8f8f6;
  text-align: left;
  display: inline-block;
}
#navi li li {
	float: none;
	width: auto !important;
	height: auto;
	line-height: normal;
	border: none;
	border-top : none;
	font-size: 100% !important;
	text-align: left !important;
	padding: 0;
	margin: 0px !important;
	display: inline-block;
	vertical-align: top;
}

#navi li li a {
	display: block;
	padding: 0;
	width: 100%;
	box-sizing: border-box;
	color: #000 !important;
	text-align: left !important;
	background: none !important;
}
#navi li li a:hover {
	opacity: 0.7;
}
#navi li li figure { margin: 0; }
#navi li li figcaption { margin-top: 10px; text-align: center; }

#navi li #nav03second { width: 827px; }
#navi li #nav03second ul { padding: 30px 34px 10px; }
#navi li #nav03second ul ul { padding: 0 2em; }
#navi li #nav03second ul ul li:last-child a { margin-right: 0; }
#navi li #nav03second ul h2 { padding: 1em 0; text-align: center; }
#navi li #nav03second .bg_g { background-color: #badee4; }
#navi li #nav03second .bg_r { background-color: #ffcfd3; }

#navi li #nav04second ul { padding: 30px 25px 10px 25px }

.mod-event ul li a { width: 140px !important; margin: 0 32px 20px 0 !important; }
.mod-event ul li:nth-child(5n) a { margin: 0px !important; }
.mod-event .ico-sankaku:after { left: 55px;}

.mod-features .mod-box{ left: -110px !important; }
/*
.mod-features ul li a { width: 240px !important; margin: 0 53px 20px 0; }
.mod-features ul li:last-child a { margin: 0px !important; }
*/
.mod-features ul li a { width: 175px !important; margin: 0 32px 20px 0 !important; }
.mod-features ul li:nth-child(4n) a { margin: 0px !important; }
.mod-features .ico-sankaku:after { left: 165px;}
.mod-spots .mod-box{ left: -219px !important; }
.mod-spots ul li a { width: 100px !important; margin: 0 46px 20px 0; }
.mod-spots ul li:nth-child(6n) a { margin: 0 0 20px 0; }
.mod-spots .ico-sankaku:after { left: 275px;}

.mod-course .mod-box{ left: -246px !important; }
.mod-course ul li a { width: 100px !important; margin: 0 53px 20px 0; }
.mod-course ul li:last-child a { margin: 0px !important; }
.mod-course .ico-sankaku:after { left: 300px;}

.mod-foods .mod-box{ left: -437px !important; }
.mod-foods ul li a { width: 240px !important; margin: 0 53px 20px 0; }
.mod-foods ul li:last-child a { margin: 0px !important; }
.mod-foods .ico-sankaku:after { left: 495px;}
.mod-accommodations .mod-box{ left: -546px !important; }
.mod-accommodations ul li a { width: 140px !important; margin: 0 32px 20px 0 !important; }
.mod-accommodations ul li:nth-child(5n) a { margin: 0px !important; }
.mod-accommodations .ico-sankaku:after { left: 600px;}
.mod-info .mod-box{ left: -764px !important; }
.mod-info ul li a { width: 100px !important; margin: 0 46px 20px 0; }
.mod-info ul li:nth-child(6n) a { margin: 0 0 20px 0; }
.mod-info .ico-sankaku:after { left: 820px;}


.ico-sankaku { position: relative; display: inline-block;	width: 100%; z-index: 0; }
.ico-sankaku:after { content: "";	position: absolute;	top: -15px; margin-left: -10px;	display: block;	width: 0px;	height: 0px; border-style: solid; border-width: 0 10px 15px 10px;	border-color: transparent transparent #f8f8f6 transparent; }

.bg-navi { position: absolute; width: 100%; height: 100px; background-color: rgba(0,0,0,0.5); z-index: 1000; }

.mod-event a.over { background-color: #f4fdff !important; }
.mod-features a.over { background-color: #fcffee !important; }
.mod-spots a.over { background-color: #fff8f9 !important; }
.mod-course a.over { background-color: #fff6fe !important; }
.mod-foods a.over { background-color: #fffbf4 !important; }
.mod-accommodations a.over { background-color: #f5f8ff !important; }
.mod-about a.over { background-color: #fff7f9 !important; }
.mod-info a.over { background-color: #fffdf2 !important; }



/*  top.css 修正*/

/* ----------------------------------------------------
		ヘッダー 
---------------------------------------------------- */

#side_tab {
	top: 5px !important;
}

#side_tab li {
	margin: 0 0 7px;
}


/*  追加作成*/
.contents {width: 1200px; margin: 0 auto; }
.contents * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

/* ----------------------------------------------------
		ヘッダー 
---------------------------------------------------- */
header  { width: 100%; padding: 5px 0 0; background: #fff url(/img/common/new/header_bg001.gif) repeat-x; }
header * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
header .contents { position: relative; }
header .box { float: right; width: 890px; }
header .box .dc_link { float: left; width: 400px; }
header .box .dc_link a { display: block; padding: 10px 15px; background: #014099 url(/img/common/new/link_i001.png) no-repeat right 10px center; color: #fff; font-size: 87%; font-weight: bold; }
header .box .fontsize { float: left;	margin: 10px 9px 0 0; }
header .box select { margin: 12px 0 0; }
header .logo { position: absolute; top: 0; left: 0;	width: 310px; padding: 22px 0 0; background: #fff; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; box-shadow: 0 4px 8px #dedede; }
header .logo p{ width: 285px; margin: 0 auto; }

header .box .link-list { margin: 12px 9px 0 ; font-size: 80%; }
header .box .link-list li { float: left; margin-right: 20px; }
header .box .link-list li:first-child { margin-left: 20px; }
header .box .link-list li:last-child { margin-right: 0; }
header .box .link-list li i { margin-right: 5px; }
header .box .link-list li a { vertical-align: sub; display: inline; }

#container { padding-top: 0; }

header .logo .dc_banner {
    position: absolute;
    top: 108px;
    left: 0;
    width: 310px;
    padding: 5px 10px 10px;
    background: #fff;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    box-shadow: 0 4px 8px #dedede;
    border-top: 1px solid #ccc;
}


/* ----------------------------------------------------
		パンくずリスト
---------------------------------------------------- */
#topic_path {
	background-color: #404040;
	color: #ffffff;
	font-size: 87% !important;
	line-height: 1.5;
	padding: 14px 0 10px 0 !important;
	margin-top: 0;
}

#topic_path a {
	color: #ffffff;
}

#topic_path ul, #topic_path li{
	display: inline;
}

#topic_path li:before {
	display: inline-block;
	content: "＞";
	margin: 0 12px 0 7px;
}

#topic_path li:first-child:before{
	content: "";
	margin: 0;
}
#topic_path li:first-child{
	/* margin: 0 0 0 230px; */
}


/* ----------------------------------------------------
  バナー
---------------------------------------------------- */
.banner-area { width: 100%; padding: 8px 0; }
.banner-area-fixed { z-index: 9999; position: fixed; bottom: 0; left:0; background: url(/img/ja/new/home/pr_bg001.gif); }
.banner-area-static { background-color: #e3e9f2; }

.banner-area h1 { font-size: 100%;  font-weight: normal; margin-bottom: 10px; color: #212121; }
.banner-area h1 span { margin-left: 10px; font-size: 76%; }
.banner-area .close_btn { cursor: pointer; position: absolute; bottom: 0; right: 0; padding-left: 25px; padding-top: 5px; background: url(/img/ja/new/home/release_i001.png) no-repeat left top 0.2em; font-size: 80%; height: 20px; }
.banner-area .contents { position: relative; }


/* ----------------------------------------------------
  広告
---------------------------------------------------- */
#ad_list ul li { float: left; margin-right: 12px; }
#ad_list ul li:nth-child(6n) { margin-right: 0; }


/* ----------------------------------------------------
		愛知デスティネーションキャンペーン
---------------------------------------------------- */
#dc .contents { padding: 80px 0 260px; }
#dc .title { font-weight: bold; text-align: center; }
#dc .title dt{ margin: 0 0 15px; font-size: 300%; font-family:"honoka", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#dc .title dd{ color: #014099; font-size: 150%; }
#dc .main_top { position: relative; margin: 0 0 65px; }
#dc .main_top .lead { position: absolute; top: 75px; right: 33px; width: 567px; color: #fff; }
#dc .main_top .lead dt { margin: 0 0 30px; }
#dc .main_top .lead dd { font-size: 112%; line-height: 1.6; }
#dc .main_top .date { position: absolute; bottom: 25px; left: 18px; width: 1160px; padding: 10px 7px; background: #fff; }
#dc .main_top .date dt{ float: left; width: 144px; }
#dc .main_top .date dt img{ vertical-align: middle; }
#dc .main_top .date dd{ float: right; width: 995px; padding: 10px 0 0; }
#dc .main_top .date li{ float: left; padding: 0 20px; border-right: 1px solid #014099; font-size: 112%; font-weight: bold; }
#dc .main_top .date li span{ color: #ff3000; }
#dc .main_top .date li:first-child{ padding: 0 20px 0 10px; }
#dc .main_top .date li:last-child{ padding: 0 0 0 20px; border: none; }
#dc .concept { margin: 0 0 90px; }
#dc .concept .title { margin: 0 0 40px; }
#dc .concept .lead { float: left; width: 610px; padding: 25px 0 0 50px; line-height: 1.8; }
#dc .concept .box { float: right; width: 470px; padding: 25px 0 30px; border:1px solid #bababa; }
#dc .concept .box dl { margin: 0 0 25px; }
#dc .concept .box dt { width: 196px; margin: 0 auto 10px; }
#dc .concept .box dd { text-align: center; line-height: 1.6; }
#dc .concept .box p { text-align: center; }
#dc .concept .link { padding: 0 0 0 15px; background: url(../img/dc/arrow_i001.png) no-repeat left center; }
#dc .concept .link-02 { padding: 0 30px 0 0; background: url(../img/dc/link_i001.png) no-repeat right center; }
#dc .news { margin: 0 0 85px; }
#dc .news .title { margin: 0 0 5px; }
#dc .news p { margin: 0 0 20px; text-align: right; }
#dc .news p a { padding: 0 0 0 15px; background: url(../img/dc/arrow_i001.png) no-repeat left center; }
#dc .news .list { border-top: 3px solid #014099; }
#dc .news .list li { border-bottom: 1px solid #ccc; }
#dc .news .list li a { display: block; padding: 25px 0; }
#dc .news .list li dt { display: inline-block; width: 140px; padding: 0 5px; }
#dc .news .list li dd { display: inline-block; width: 1040px; }
#dc .banner { position: relative; }
#dc .banner .lead { position: absolute; top: 80px; left: 215px; color: #fff; font-size: 225%; font-weight: bold; }


/* ----------------------------------------------------
		忍者修行
---------------------------------------------------- */
#ninja .font-mincho{ font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; }
#ninja .mainImg { position: relative; }
#ninja .mainImg .ttl-main img { width: 100%; height: auto; }
#ninja .mainImg p { position: absolute; top: 20px; right: 0; }
#ninja .info { padding: 95px 0; background: url(/img/ja/new/ninja/info_bg001.gif) repeat-x center top; }
#ninja .info p { text-align: center; }
#ninja .info .txt-info { margin-bottom: 35px; }
#ninja .mission { background: url(/img/ja/new/ninja/misshon_bg001.gif); }
#ninja .mission .inner-ninja { width: 100%; margin: 0 auto; }
#ninja .mission .box-lead { width: 50%; color: #fff; }
#ninja .mission .box-lead-inner { padding: 3% 0 2% 5%; }
#ninja .mission .box-lead dl { margin-bottom: 3%; }
#ninja .mission .box-lead dt { margin-bottom: 3%; position: relative; }
#ninja .mission .img-box { max-width: 50%; }
#ninja .mission .img-box img { width: 100%; }
/* #ninja .mission .box-01 { background: url(/img/ja/new/ninja/misshon_ph001.jpg) no-repeat right top; } */
/* #ninja .mission .box-02 { background: url(/img/ja/new/ninja/misshon_ph002.jpg) no-repeat left top; } */
#ninja .mission .box-lead-01 .box-lead-inner { float: left; width: 90%;}
#ninja .mission .box-lead-02 { float: right; }
#ninja .mission .img-box-01 { float: right; }
#ninja .mission .img-box-02 { float: left; }
#ninja .profile { padding: 100px 0 150px; background: #000; color:#fff; }
#ninja .profile .ttl-profile { margin-bottom: 72px; text-align: center; }
#ninja .profile ul { margin-bottom: 60px; }
#ninja .profile ul li { float: left; width: 580px; }
#ninja .profile ul li:last-child { float: right; }
#ninja .profile ul li p { margin-bottom: 30px; }
#ninja .profile ul li dt { margin-bottom: 20px; }
#ninja .profile ul li dd { line-height: 2; text-align: center; }
#ninja .profile .btn-profile { text-align: center; }
#ninja #container { overflow: hidden; width: 100%; }
#ninja .his_col_no {
    position:absolute;
    top: 1%;
    left: 7%;
    font-size: 268%;
}