/*フォント*/
body{
	font-family:"メイリオ", Meiryo,"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333333;
}

/*パンくず*/
.area_paths {
	width: 960px;
	margin: 0 auto;
	font-size: 1.09em;
	line-height: 1.39;
	padding: 14px 0 14px 0;
	position: relative;
	z-index: 2;
}
.area_paths li {
	float: left;
}
.area_paths a {
	color: #3386c3;
	text-decoration: underline;
}

/*コンテンツ共通*/
.inner{
	width: 960px;
	margin: 0 auto;
}

/*メイン*/
#main{
	width: 100%;
	height: 580px;
	margin-bottom: 50px;
	background: url(../img/main_img01.webp) no-repeat center;
}
.main_ttl{
	padding-top: 60px;
	padding-bottom: 85px;
	font-size: 36px;
	font-weight: normal;
	text-align: center;
	color: #ffffff;
}
.main_ttl img{
	padding-bottom: 10px;
}
.main_box{
	width: 650px;
	margin: 0 auto;
	background: rgba(0,0,0,0.7);
}
.main_box p{
	padding: 10px 20px 10px 20px;
	font-size: 16px;
	line-height: 1.7;
	color: #ffffff;
}

/*バスク地方とは*/
#about{
	width: 100%;
	position: relative;
}
.about_bg01{
	width: 50%;
	height: 200px;
	top: 0;
	right: 0;
	background: url(../img/about_img02.webp) no-repeat left 360px top;
	position: absolute;
}
.about_bg02{
	width: 50%;
	height: 110px;
	top: 0;
	left: 0;
	background: url(../img/about_img04.webp) no-repeat right 345px top;
	position: absolute;
}
.about_bg03{
	width: 50%;
	height: 200px;
	top: 465px;
	left: 0;
	background: url(../img/about_img03.webp) no-repeat right 360px top;
	position: absolute;
}
.about_bg04{
	width: 50%;
	height: 175px;
	top: 480px;
	right: 0;
	background: url(../img/about_img05.webp) no-repeat left 220px top;
	position: absolute;
}
.about_box h3{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 40px;
	text-align: center;
}
.about_box h3 img{
	border-top: 2px solid #000000;
	border-bottom: 2px solid #000000;
}
.about_textarea{
	padding-right: 605px;
	padding-bottom: 250px;
	background: url(../img/about_img01.webp) no-repeat right top;
}
.about_textarea h4{
	margin-bottom: 15px;
	font-size: 46px;
}
.about_textarea p{
	line-height: 1.7;
	font-size: 16px;
}

/*バスク地方の見どころ*/
#highlights{
	width: 100%;
	height: 767px;
	padding-top: 40px;
	background: url(../img/highlights_bg01.webp) no-repeat center top;
}
#highlights .inner{
	position: relative;
}
#highlights h3{
	width: 100%;
	margin-bottom: 35px;
	padding-top: 35px;
	background: url(../img/highlights_ttl01.webp) no-repeat center top;
	text-align: center;
	font-size: 46px;
}
.highlights_list{
	width: 580px;
	position: relative;
	z-index: 100;
}
.highlights_list li{
	width: 200px;
	margin-bottom: 50px;
	padding-right: 20px;
	float: left;
}
.highlights_list li a{
	text-decoration: none;
	color: #333333;
	display: block;
}
.highlights_list li:nth-child(3n){
	width: 180px;
	padding-right: 0;
}
.highlights_list li .highlights_img{
	width: 180px;
	height: 180px;
	position: relative;
	display: block;
	background: #000;
}
.highlights_list li .highlights_img img{
	position: absolute;
	display: block;
}
.highlights_list li a:hover .highlights_img img{
	opacity: 0.7;
}
.highlights_list li .highlights_img span{
	width: 1.5em;
	background: #f29400;
	position: absolute;
	font-size: 20px;
	color: #ffffff;
	text-align: center;
	z-index: 10;
	bottom: 0;
	line-height: 1.5em;
}
.highlights_list li .highlights_text{
	margin-top: 8px;
	margin-bottom: 8px;
	font-size: 16px;
	text-align: center;
	display: block;
}
.highlights_list li .highlights_button{
	width: 125px;
	margin: 0 auto;
	padding: 4px 20px 3px 0;
	border: 1px solid #000000;
	background: url(../img/arrow01.png) no-repeat right 10px top 6px #ffffff;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 15px;
	color: #333333;
}
.highlights_list li a:hover .highlights_button{
	border: 1px solid #717171;
	background: url(../img/arrow01_on.png) no-repeat right 10px top 6px #717171;
	color: #ffffff;
}
.highlights_bg00{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_bg02.webp) no-repeat left 640px top 110px;
	position: absolute;
}
.highlights_bg01{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_pin01.webp) no-repeat left 490px top 470px;
	position: absolute;
}
.highlights_bg02{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_pin02.webp) no-repeat left 815px top 480px;
	position: absolute;
}
.highlights_bg03{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_pin03.webp) no-repeat left 880px top 450px;
	position: absolute;
}
.highlights_bg04{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_pin04.webp) no-repeat left 530px top 425px;
	position: absolute;
}
.highlights_bg05{
	width: 100%;
	height: 727px;
	background: url(../img/highlights_pin05.webp) no-repeat left 600px top 460px;
	position: absolute;
}

/*各都市*/
.contents{
	position: relative;
	padding-top: 40px;
	padding-bottom: 40px;
	background: url(../img/bg01.webp) no-repeat center bottom;
}
.contents:first-child{
	padding-top: 0;
}
#contents05{
	background: none;
	padding-bottom: 0;
}
.contents_bg01{
	width: 50%;
	top: 40px;
	right: 0;
	position: absolute;
}
.contents_bg02{
	width: 50%;
	top: 150px;
	left: 0;
	position: absolute;
}
.contents_bg03{
	width: 50%;
	height: 1000px;
	top: 695px;
	left: 0;
	position: absolute;
}
.contents01_bg01{
	height: 200px;
	background: url(../img/contents01_bg01.webp) no-repeat left 360px top;
}
.contents01_bg02{
	height: 200px;
	background: url(../img/contents01_bg02.webp) no-repeat right 360px top;
}
.contents01_bg03{
	height: 250px;
	background: url(../img/contents01_bg03.webp) no-repeat right 410px top;
}
.contents01_bg04{
	background: url(../img/contents01_bg04.webp) no-repeat left 130px top 0;
}
.contents01_bg05{
	background: url(../img/contents01_bg05.webp) no-repeat right 20px bottom 20px;
}
.contents01_bg06{
	background: url(../img/contents01_bg06.webp) no-repeat right top;
}
.contents02_bg01{
	height: 200px;
	background: url(../img/contents02_bg01.webp) no-repeat left 360px top;
}
.contents02_bg02{
	height: 200px;
	background: url(../img/contents02_bg02.webp) no-repeat right 360px top;
}
.contents02_bg03{
	height: 250px;
	background: url(../img/contents02_bg03.webp) no-repeat right 410px top;
}
.contents02_bg04{
	background: url(../img/contents02_bg04.webp) no-repeat left 130px top 0;
}
.contents02_bg05{
	background: url(../img/contents02_bg05.webp) no-repeat right 20px bottom 20px;
}
.contents02_bg06{
	background: url(../img/contents02_bg06.webp) no-repeat right top;
}
.contents03_bg01{
	height: 200px;
	background: url(../img/contents03_bg01.webp) no-repeat left 360px top;
}
.contents03_bg02{
	height: 200px;
	background: url(../img/contents03_bg02.webp) no-repeat right 360px top;
}
.contents03_bg03{
	height: 250px;
	background: url(../img/contents03_bg03.webp) no-repeat right 410px top;
}
.contents03_bg04{
	background: url(../img/contents03_bg04.webp) no-repeat left 100px top 0;
}
.contents03_bg05{
	background: url(../img/contents03_bg05.webp) no-repeat right 20px bottom 20px;
}
.contents03_bg06{
	background: url(../img/contents03_bg06.webp) no-repeat right top;
}
.contents04_bg01{
	height: 200px;
	background: url(../img/contents04_bg01.webp) no-repeat left 360px top;
}
.contents04_bg02{
	height: 200px;
	background: url(../img/contents04_bg02.webp) no-repeat right 360px top;
}
.contents04_bg03{
	height: 250px;
	background: url(../img/contents04_bg03.webp) no-repeat right 410px top;
}
.contents04_bg06{
	background: url(../img/contents04_bg06.webp) no-repeat right top;
}
.contents05_bg01{
	height: 200px;
	background: url(../img/contents05_bg01.webp) no-repeat left 360px top;
}
.contents05_bg02{
	height: 200px;
	background: url(../img/contents05_bg02.webp) no-repeat right 360px top;
}
.contents05_bg03{
	height: 360px;
	background: url(../img/contents05_bg03.webp) no-repeat right 480px top;
}
.contents05_bg04{
	background: url(../img/contents05_bg04.webp) no-repeat left 130px top 0;
}
.contents05_bg05{
	background: url(../img/contents05_bg05.webp) no-repeat right 20px bottom 20px;
}
.contents05_bg06{
	background: url(../img/contents05_bg06.webp) no-repeat right top;
}
.contents_box h3{
	width: 100%;
	padding-top: 40px;
	padding-bottom: 30px;
	text-align: center;
	font-size: 42px;
	position: relative;
	/*line-height: 1.7;*/
}
.contents_box h3 span{
	color: #f29400;
	font-size: 25px;
}
.contents_box h3 img{
	top: -10px;
	right: 140px;
	position: absolute;
}
.contents_box p{
	min-height: 200px;
	padding: 0 160px 25px 160px;
	line-height: 1.7;
	font-size: 16px;
}
.contents_slide{
	width: 920px;
	min-height: 340px;
	margin: 0 auto 60px auto;
	background: #ffffff;
}
.contents_button_bg{
	width: 100%;
	padding-bottom: 40px;
}
.contents_button{
	width: 422px;
	margin: 0 auto;
	padding-top: 40px;
}
.contents_button a{
	border: 1px solid #000000;
	text-decoration: none;
	display: block;
	color: #333333;
}
.contents_button a.contents_button01{
	width: 422px;
	margin-bottom: 10px;
	padding: 6px 20px 4px 0;
	background: url(../img/arrow02.png) no-repeat right 80px top 6px #ffffff;
	text-align: center;
	font-size: 20px;
}
.contents_button a.contents_button02,.contents_button a.contents_button03{
	width: 122px;
	margin-right: 8px;
	padding: 6px 10px 4px 10px;
	background: url(../img/arrow03.png) no-repeat right 8px top 6px #ffffff;
	font-size: 14px;
	float: left;
}
.contents_button a.contents_button04{
	width: 162px;
	padding: 6px 10px 4px 10px;
	background: url(../img/arrow03.png) no-repeat right 8px top 6px #ffffff;
	font-size: 14px;
	float: left;
}
.contents_button a.contents_button05{
	width: 422px;
	margin-bottom: 10px;
	padding: 6px 20px 4px 0;
	background: url(../img/arrow02.png) no-repeat right 20px top 6px #ffffff;
	text-align: center;
	font-size: 16px;
}
.contents_button a.contents_button01:hover{
	border: 1px solid #717171;
	background: url(../img/arrow02_on.png) no-repeat right 80px top 6px #717171;
	color: #ffffff;
}
.contents_button a.contents_button02:hover,.contents_button a.contents_button03:hover,.contents_button a.contents_button04:hover{
	border: 1px solid #717171;
	background: url(../img/arrow03_on.png) no-repeat right 10px top 6px #717171;
	color: #ffffff;
}
.contents_button a.contents_button05:hover{
	border: 1px solid #717171;
	background: url(../img/arrow02_on.png) no-repeat right 20px top 6px #717171;
	color: #ffffff;
}

/*商品*/
#item_area{
	margin-top: 60px;
	padding: 35px 0 30px 0;
	background: url(../img/bg02.png) repeat center top;
}
#item_area h3{
	width:100%;
	padding-top: 35px;
	background: url(../img/item_ttl01.png) no-repeat center top;
	font-size: 38px;
	text-align: center;	
}
#item_area .feature{
	float: left;
	width: 306px;
	height: 215px;
	margin: 21px 21px 0 0;
	overflow: hidden;
	position: relative;
}
#item_area .feature:nth-child(3n){
	margin-right: 0;
}
#item_area .feature .texts{
	height: 105px;
	background: #ffffff;
	border-bottom: solid 10px #45B034;
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}
#item_area .feature .texts .title{
	font-size: 1.09em;
	line-height: 1.4;
	font-weight: bold;
	padding: 14px 16px 0;
	letter-spacing: -1px;
	color: #000;
}
#item_area .feature .texts .price{
	color: #ed1c24;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1;
	padding: 3px 16px 0;
}

/*商品*/
.area_socials{
	padding: 10px 0 30px 0;
}

/*トップに戻る*/
.button_gotop {
	z-index: 500;
}

/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.cf {
    *zoom: 1;
}
#fancybox-wrap {
	box-sizing: content-box;
}