@charset "utf-8";
/*----------------------------------------
ヘッダー＆フッター
----------------------------------------*/
* {
	-webkit-box-sizing: border-box;
}
#change-area,
.calendar-popup,
.modal-popup,
#adArea {
	display: none;
}
#footer .footer01 .body {
	width: 960px;
}
/*----------------------------------------
 印刷用
----------------------------------------*/
@media print{
	#wrap #header_nav,
	#wrap #footer_nav,
	#wrap #t-header,
	#wrap #all-footer,
	#wrap .smp-area,
	#adArea {
		display: none;
	}
}
/*----------------------------------------
 基本設定
----------------------------------------*/
body {
	font-size:14px;	
	min-width: 100%;
	margin: 0;
}
#contents ul,#contents ol,
#main ul,#main ol{
	list-style-type:none;
}
.contents img {max-width: 100%;}
.contents a {max-width: 100%;}
.contents {
	background: #fff;
	color: #333;
	font: 14px/1.6 -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	text-align: left;
	position: relative;
	margin: 0 auto;
	z-index: 1;
}

/* リンク設定
--------------------*/
a:link {
	color: #1E51C6;
	text-decoration: none;
}
a:visited {
	color: #1E51C6;
	text-decoration: none;
}
a:hover {
	color: #00A8EC;
	text-decoration: underline;
}
a:active {
	color: #00A8EC;
	text-decoration: none;
}

/*----------------------------------------
 ナビゲーション
----------------------------------------*/
.contents nav{
	clear: both;
}
/* パンくず
--------------------*/
#pankuzu{
		margin: 5px auto;
		font-size:14px;
		width: 960px;
}
#pankuzu a{
	color:#000;
	text-decoration: none;
}

/*	pan-navi////////////////*/
.l_pan_list {
	display: flex;
	width: 100%;
	padding: 7px 0 10px;
	background-color: #FFF;
	border-bottom: 1px solid #EEE;
	border-top: 1px solid #EEE;
}
.pan_box {
	display: flex;
	width: 960px;
	height: 20px;
	margin: 0 auto;
}
.pan {
	display: flex;
	width: 70%;
	height: 20px;
	margin: 0;
	padding-left: 10px;
}
.l_pan_list .pan li {
	padding: 2px 5px 2px 0;
	line-height: 20px;
	list-style: none;
	color: #004BB0;
	font-size: 13px;
	align-items: center;
}
.pan_box li + li:before {
	content: '\f105';
	font-family: fontawesome;
	margin: 0 6px;
	font-size: 13px;
}
.pan li.current {
	font-weight: bold;
}
.pan li a {
	text-decoration: underline;
	color: #004BB0;
}
.pan_sns {
	display: flex;
	width: 30%;
	height: 20px;
	top: -14px;
	position: relative;
}
.pan_twitter {
	width: 80px;
	height: 20px;
	margin: 0 5px 0 10px;
	order: 2;
}
.pan_facebook {
	width: 100px;
	height: 20px;
	margin: 0 0;
	order: 1;
}
li.pan_facebook::before {
	content: none;
	display: none;
}
/*ヘッダー用*/
#header .pc,.pc{
	display:block;
}
#header .sp,.sp{
	display:none;
}
/* PageTopに戻る
--------------------*/
#pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 1000;
}
#pagetop a {
	background: #000;
	border-radius: 50%;
	color: #fff;
	display: block;
	line-height: 1.1;
	padding: 10px 15px;
	text-align: center;
	text-decoration: none;
	opacity: 0.8;
}
#pagetop a i:before {
	margin: 0 0 3px;
}
#pagetop a:hover {
	background: #999;
	text-decoration: none;
}
/*----------------------------------------
 汎用セレクタ・クラス
----------------------------------------*/
.contents h1,.contents h2,.contents h3 {
	font-weight: bold;
	line-height: 1.2;
}
.contents section {
	clear: both;
	text-align: left;
}
.contents small {
	font-size: .85em;
}
.clear {
	clear: both;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left;
}

/* clearfix
--------------------*/
div:not(.cl)::after,
ul::after,
ol::after,
dl::after,
.cf::after {
	display: block;
	clear: both;
	content: "";
}

/* SNS
--------------------*/
.sns_link {
	float: right;
	margin: 5px;
}
.sns_link li {
	border-radius: 15px;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	padding: 5px 0;
	vertical-align: middle;
	width: 30px;
	margin-left: 10px;
}
.sns_link a {
	color: #fff;
}
.sns_link a:hover {
	opacity: 0.8;
}
.sns_facebook {
	background: #3765A3;
}
.sns_twitter {
	background: #2CA7E0;
}
.sns_line {
	background: #5cd95c;
	padding: 0;
}
.sns_line img {
	width: 74%;
	padding: 0 4px;
}

/*LINE@*/
.lineinfo {
	background: #50c900;
	color: #fff;
	text-align: center;
	margin-bottom: 2em;
}

/* ボタン 標準（共通）
--------------------*/
.contents a.btn {
	display: inline-block;
	vertical-align: middle;
	border-radius: .2em;
	font-weight: 600;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	margin: .5em 0;
	padding: .5em 2em .5em 1em;
}
.contents a.btn:link,
.contents a.btn:visited {
	background : linear-gradient(to bottom, #ffffff, #e9e9e9);
	border: 1px solid #bbb;
	color: #555;
}
.contents a.btn:hover,
.contents a.btn:active {
	border:1px solid #bbb;
	background: #e9e9e9;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #aaa;
}
.contents a.btn:after {
	content: '\f054';
	font-family: "fontawesome";
	margin-left: .3em;
}
/* ボタン 紺 */
.contents a.btn_navy:link,
.contents a.btn_navy:visited {
	background : linear-gradient(to bottom, #004098, #013377);
	border: 1px solid #0664E6;
	color: #fff;
}
.contents a.btn_navy:hover,
.contents a.btn_navy:active {
	border:1px solid #0664E6;
	background: #013377;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #ddd;
}
/* ボタン 赤 */
.contents a.btn_red:link,
.contents a.btn_red:visited {
	background : linear-gradient(to bottom, #E94E37, #D6371F);
	border: 1px solid #FF6B55;
	color: #fff;
}
.contents a.btn_red:hover,
.contents a.btn_red:active {
	border:1px solid #FF6B55;
	background: #D6371F;
	box-shadow: inset 1px 1px 3px rgba(0,0,0,.6);
	color: #eee;
}
/* ボタン 幅いっぱい */
.contents a.btn_block {
	display: block;
}
/* ボタン 大 */
.contents a.btn_large {
	font-size: 1.7em;
}
/* ボタン 中 */
.contents a.btn_middle {
	font-size: 1.3em;
}

/* フィルタ
--------------------*/
p.filter_tit {
	text-align: center;
	margin-bottom: 1em;
}
#filter {
	text-align: center;
}
#filter li {
	display: inline-block;
	cursor: pointer;
	background: #FF939B;
	border-radius: 20px;
	color: #fff;
	padding: 8px 20px;
	margin: 5px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	transition: .2s;
}
#filter li.active,
#filter li:hover {
	background: #d00;
	color: #fff;
	transform: scale(1.2);
}
#fairTour .filterlist div{
	width:960px;
	margin:1em auto;
	background:#CCC;
}

/* flexbox */
.flexbox {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

/* safari7以下用 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, .flexbox {
				display: block;
	}
	::i-block-chrome, .flex-item {
		display: inline-block;
		vertical-align: top;
	}
}

/*----------------------------------------
特集用　▼ここから記述
----------------------------------------*/
.fair_head {
	clear: both;
}
/* 新着（使わない場合はhtml共に削除） */
.news {
	background: #fff;
	border: 2px solid #ccc;
	border-radius: 15px;
	line-height: 1.4;
	padding: 5px;
}
.news:before {
	background: #333;
	border-radius: 15px;
	color: #fff;
	content: '新着情報';
	display: block;
	float: left;
	padding: 0 10px;
	margin-right: 10px;
}

/* ドロップダウンメニュー（使わない場合はhtml共に削除）
------------------------------*/
.fair_nav {
	background: #8a9b0f;
	margin-bottom: 2em;
}
.fair_nav:before, .fair_nav:after{
	content: "";
	display: table;
}
.fair_nav:after {
	clear: both;
}
.fair_nav li {
	position: relative;
	width: 25%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
.fair_nav li a {
	display: block;
	margin: 0;
	padding: 15px 0 11px;
	background: #8a9b0f;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-decoration: none;
}
.fair_nav li ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
}
.fair_nav li ul li{
	width: 100%;
}
.fair_nav li ul li a {
	padding: 13px 15px;
	border-top: 1px solid #7c8c0e;
	background: #6e7c0c;
	text-align: left;
}
.fair_nav li:hover > a {
	background: #6e7c0c;
}
.fair_nav li a:hover {
	background: #616d0b;
}
/* アニメーション変化 */
.fair_nav li ul li {
	overflow: hidden;
	height: 0;
	transition: .2s;
}
.fair_nav li:hover ul li {
	overflow: visible;
	height: 38px;
}
.fair_nav.widearea {
	margin-bottom: 2.5em;
}
/* スクロールで出るメニュー（使わない場合はhtml共に削除）
------------------------------*/
.fair_nav_fix {
	background: #111;
	color: #fff;
	position: fixed;
	top: 150px;
	right: 0;
	z-index: 1000;
	opacity: 0.8;
}
.fair_nav_fix a {
	display: block;
	color: #fff;
	line-height: 1.1;
	text-decoration: none;
	padding: 8px 20px;
}
.fair_nav_fix a:hover,
.nav_selectcity:hover {
	background: #1E51C6;
}
.nav_selectcity {
	cursor: pointer;
	position: relative;
	padding: 8px 20px;
}
.selectcity {
	display: none;
	position: absolute;
	top: 0;
	right: 100%;
}
.selectcity.active {
	display: block;
}
.selectcity li {
	display: block;
	width: 200px;
	text-align: center;
	margin: 5px 10px;
}
.selectcity li a {
	background: #FF939B;
	border-radius: 20px;
	color: #fff;
	display: block;
	padding: 8px 20px;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
	transition: .2s;
}
.selectcity li a:hover {
	background: #d00;
	color: #fff;
	transform: scale(1.2);
}

/* 目玉商品
------------------------------*/
#recommend {}

/* 商品リスト
------------------------------*/
.fair_list {
	margin-bottom: 4em;
}
.fair_list h2 {
	font-size: 2em;
}
.fair_list h3 {
	font-size: 1.5em;
}
.fair_list h4 {}

/* 商品枠
------------------------------*/
.recommend_tour,
.fit {
	width: 960px;
	margin: 0 auto;
	padding: 20px 0 40px;
	text-align: center;
}
.recommend_tour h3,
.fit h3 {
	margin: 10px 0;
}

.recommend_tour .items {
	display: flex;
}
.recommend_tour .items li {
	width: 24%;
	margin: 0 .5%;
}
.recommend_tour .items li a {
	display: block;
	color: #000;
	transition: opacity .25s ease;
}
.recommend_tour .items li a:hover {
	opacity: .7;
}
.recommend_tour .item_catch {
	margin: 0;
	padding: 6px 10px;
	font-size: 14px;
	color: #fff;
	background-color: #1D2973;
}
.recommend_tour .item_content {
	padding: 8px 14px 14px;
	text-align: left;
	background-color: #fff;
}
.recommend_tour .item_content img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.recommend_tour .item_title {
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
}
.recommend_tour .item_body {
	margin: 0 0 10px;
	font-size: 13px;
}
.recommend_tour .item_price {
	margin: 0;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	color: red;
}
.recommend_tour .item_dep {
	margin: 0;
	font-size: 11px;
	text-align: right;
}
.recommend_tour .item_fuel {
	margin: 0;
	font-size: 11px;
	text-align: right;
}
/*.btn_search_wrap/////*/
.btn_search_wrap {
	text-align: center;
}
a.btn_search {
	display: inline-block;
	width: 440px;
	margin: 20px 0;
	padding: 12px 10px 8px 30px;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	background-color: #F8A421;
	transition: opacity .25s ease;
}
.btn_search:hover {
	opacity: .7;
	text-decoration: none;
}
.btn_search span {
	position: relative;
}
.btn_search span::after {
	content: "\f138";
	font-family: 'FontAwesome';
	position: relative;
	margin: 0 0 0 40px;
	right: 10px;
	font-size: 20px;
	color: #fff;
}
/*--------------------------
	電話番号表示設定
---------------------------*/
#tell {
    width: 960px;
    margin: 2em auto;
}
#contact-box{
	width:960px;
	background:#FFF;
	border: 4px solid #CCBC7A;
	padding:18px;
	margin:16px auto;
	border-radius:6px;
}
.contact-name{
	color:#806702;
	font-size:23px;
	text-align:center;
	border-bottom:1px solid #CCBC7A;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom:20px;
}
#contact-box .box01{
    width: 100%;
    display: inline-flex;
    justify-content: space-around; 
    position: relative;
    margin: 10px 0;
}
.contact-area{
    width: 48%;
    font-size: 1.2em;
    line-height: 1.2;
    padding-left: 2em;
    padding-top: 1%;
}
.contact-tel{ 
	width:60%;
	font-size:13px;
	line-height: 1.2; 
	display: inline-flex;
	align-items: baseline;
	position:relative;
}
.titletxt{
	font-size: 1.4em;
	color: #000;
	font-weight: bold;
}
.titlesubtxt{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	margin-left:15px;
}
.contact-tel ul{
	width: 80%;
    position: absolute;
    top: -5px;
    left: 0;
    text-align: left;
}
.ic-tel{
    width: 11%;
    background: #CE0000;
    border-radius: 5px;
    margin-left: 5em;
    padding: 0;
}
.ic-tel img{
	vertical-align:bottom;
	width:50px;
	height:50px;
}
.contact-tel ul li{
	display:block;
	vertical-align:top;
}
.contact-tel .titletel{
	font-size: 2.4em;
	font-weight: 900;
	color: #CE0000;
	line-height: 120%; 
	text-align:right;
}
.contact-tel .titleeigyo{
	font-size: 12px;
	line-height:normal;
	text-align:right;
}
.search-btn{ border: 4px solid #E4D29A; background:#BB993A; width:70%; margin: 0 auto;text-align: center;}
.search-btn a{ padding:8px 10px; display: block;}
.is-box-sizing{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}


/* 下部特集一覧&お問い合わせ
------------------------------*/
#feature {
	width:960px;
	margin:0 auto;
}
#feature .theme-ttl{
	text-align: center;
    font-size: 1.125rem;
    font-weight: 900;
    padding: 10px;
    background: #266ece;
    color: #FFF;

}
#feature #slider{
	margin:0;
}
#feature .slick-slider{
    padding:0 45px;
}
ul#slider li{
	font-size:.8em;
	margin: .5rem;
    text-align: center;
    box-shadow: 1px 1px 1px #999;
}
#feature ul.moreRecommend {
	margin:1em  0;
	width:100%;
	display:flex;
	justify-content: space-between; 
}
#feature ul.moreRecommend li{
	width: 48%;
    margin: 0;
    text-decoration: none;
}
#feature .moreRecommend a {
	width: 100%;
	display: block;
	text-align: center;
	padding: 4% 0;
	color: #004098;
	border-radius: 3px;
	font-size:1.2em;
	border:solid 1px #DEDEDE;
	text-decoration: none;
}
#feature .moreRecommend a.kaigai{
	background-color:#030987;
	color:#FFF;
}
#feature .moreRecommend a.dome{
	background-color:#02a231;
	color:#FFF;
}
#feature .moreRecommend a:after{
	content:'＞';
	color:#FFF;
}

/* 必ずお読みください
------------------------------*/
#notice {
	background: #fff;
	border: 1px solid #ccc;
	margin-bottom: 2em;
}
#notice h4 {
	background: #eee;
}
#notice ul {
	margin: .5em 20px 1.5em;
}
#notice li {
	list-style-type: disc;
	margin-left: 1.5em;
}
#notice p {
	margin: .5em 20px 1.5em;
}

/*---------------------

----------------------------*/
code {
    background-color: #eee;
    border-radius: 3px;
    font-family: courier, monospace;
    padding: 0 3px;
}

#header #header_Right #accountMenu03{
	top: 0;
}
/*
	タブレットのみ
*/
@media screen and (min-width: 480px) and (max-width: 767px) { 
	html {
		font-size: 12pt;
	}
}
@media screen and (max-width: 1024px) and (orientation: landscape){
	#imgHeadLogo {
		background-size: auto;
		height: 38px;
	}
	#header img#iconBtnNational{
		vertical-align: top;
	}
	#footer .footer01 {
		background: #fafafa repeat;
	}
	#footer .footer01 .body, #footer .footer01 .body:first-child, #footer .footer01 .bodyNobg {
		width: 960px;
		margin: 0 auto 32px;
		background: #fafafa repeat;
	}
	#footer .tourNav dt a {
		color: #333;
	}
	#footer .tourNav dd ul li a {
		color: #6a6a6a;
	}
	#footer .bodyNobg h2 {
		font-size: 20px;
		color: #004097;
	}
}

/*--------------------
	スマホ設定
-----------------------*/
@media screen and (max-width: 479px) {
	#header div.sp,.sp{
		display:block;
	}
	#header div.pc,.pc{
		display:none;
	}
	html, body {
		min-width: 320px;
	}
}
/*--------------------
	iphoneXの横
-----------------------*/
@media screen and (max-width: 896px) and (orientation:landscape){
	.pc{
		display:none;
	}
	/*スマホ版表示*/
	.sp{
		display:block;
	}
	#imgHeadLogo {
		background-size: 500px 60px;
	}
}