@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@800&display=swap');

.tx_serif{
	font-feature-settings: "palt";
	font-family: 'Shippori Mincho B1', serif;
	letter-spacing: -0.04em;
}
/* 基本設定 */
article {
	font-size: 14px;
	color: #090a0c !important;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: #d4e3c6;
}



/* Bootstrapのガター幅を調整するための汎用CSS */
.row-0{ margin-left:0px;  margin-right:0px}
.row-0 >div{ padding-right:0px;  padding-left:0px}
.row-10{ margin-left:-5px;  margin-right:-5px}
.row-10 >div{ padding-right:5px;  padding-left:5px}
.row-20{ margin-left:-10px;  margin-right:-10px}
.row-20 >div{ padding-right:10px;  padding-left:10px}
.row-30{ margin-left:-15px;  margin-right:-15px}
.row-30 >div{ padding-right:15px;  padding-left:15px}
.row-40{ margin-left:-20px;  margin-right:-20px}
.row-40 >div{ padding-right:20px;  padding-left:20px}
.row-50{ margin-left:-25px;  margin-right:-25px}
.row-50 >div{ padding-right:25px;  padding-left:25px}

#js-gallery a,#js-gallery2 a {
	position: static!important;
	left: 180px !important;
}


/* 共通 */

a{
	transition: 0.3s ease;
}
a:hover {
	text-decoration: none;
}
a img{
	filter: brightness(1);
	transition: 0.3s ease;
}
a:hover img{
	filter: brightness(1.05);
}
button:focus{
	outline: 0;
}


.btn.focus, .btn:focus, .btn:hover {
	color: #196d39;
	border: 1px solid #196d39;
}

#newsflash-campaign{
	display: none;
}

.sticky-top {
	z-index: 20!important;
}

/* トリミングしたいサイズで枠を作る */
.thumb {
	width: 35%;
	padding-top: 35%;
	position: relative;
	overflow: hidden;
	float: left;
}

/* 横幅に合わせてトリミング */
.thumb img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}

/* モーダル */

.modal-open {
	padding-right:0px !important;
}

.modal-header{
	background:#FAFAFA;
	border-radius:0;
	min-height:35px;
	padding:0;
	padding: 10px;
}

.modal-header .close{
	color:#333;
	font-size:30px;
	padding:0;
	opacity:1.0;
	position: absolute;
	top:23px;
	right:25px;
}


.modal-title{
	font-size:18px;
	font-weight:bold;
	text-align:center;
	width:100%;
	max-width: 95%;
}

.modal .loc-title-zone{
	margin-bottom:10px;
}

.modal .areaconts{
	width:100%;
}

.modal .main-single,
.modal .box-d3{
	margin-bottom:0;
}

.modal-footer{
	display:block;
	border-top:none;
	text-align:center !important;
	position: sticky;
	position: -webkit-sticky;
	bottom: 0;
	width: 99.5%;
	background: rgba(255,255,255,0.8);
	z-index:10;
}

.modal-footer button{
	width:100%;
	background:#333 !important;
	border:none;
}


.modal-footer button:hover,
.modal-footer button:focus,
.modal-footer button:active{
	text-decoration: none;
	filter: alpha(opacity=50);
	opacity: 0.5;
	transition: 0.3s linear;
}

.modal-content {
	border-radius: 0 !important;
}

.modal-footer .btn.focus, .modal-footer .btn:focus, .modal-footer .btn:hover {
	color: #fff;
}

/* メインビジュアル */
#main_visual{
	position: relative;
	z-index: 1;
	width: 100%;
	max-height: 990px;
	padding-top: 80px;
	padding-bottom: 64px;
	overflow: hidden;
}
.mv_bg{
	position: absolute;
	width: 100%;
	height: calc(100% - 294px);
	top: 0;
	left: 0;
	z-index: 1;
	background: url(/static/img/kitakinki/mv_top_bg1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.mv_bg:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(/static/img/kitakinki/mv_top_bg2.jpg) 50% 100% no-repeat;
	background-size: cover;
	z-index: 2;
	animation: mv_fade 14s infinite ease;
	opacity: 0;
}
@keyframes mv_fade {
	0%{
		opacity: 0;
	}
	45%{
		opacity: 0;
	}
	50%{
		opacity: 1;
	}
	95%{
		opacity: 1;
	}
	100%{
		opacity: 0;
	}
}
.main_title{
	width: 100%;
	max-width: 972px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.main_title:before{
	content: '';
	display: block;
	position: absolute;
	width: 100vw;
	height: 294px;
	background: #fff;
	bottom: -64px;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
}
.main_title img{
	width: 100%;
	height: auto;
}
.mv_text{
	width: 42%;
	max-width: 408px;
	position: absolute;
	left: 58%;
	bottom: 0px;
	z-index: 6;
	padding: 80px 0;
}
.mv_text span{
	padding: 0 0.8em 0;
	margin-bottom: 0.8em;
	display: inline-block;
	line-height: 1.6;
	letter-spacing: -0.08em;
	font-size: 22px;
	color: #196d39;
	background-image: linear-gradient(180deg,transparent 55%,#efeb4a 55%);
}
.mv_text dl div{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 8px;
	font-weight: bold;
}
.mv_text dl div dt{
	color: #fff;
	background: #196d39;
	padding: 2px 8px;
	width: 64px;
	text-align: center;
}
.mv_text dl div dd{
	padding: 2px 8px;
}
.mv_text p{
	font-weight: bold;
}

/* navi */
#navi{
	margin-bottom: 40px;
	background: #196d39;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
}
#navi nav{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
	border-right: 1px solid #ffffff;
}
#navi nav li{
	flex: auto;
	text-align: center;
	list-style-type: none;
	height: 80px;
	border-left: 1px solid #ffffff;
}
#navi nav li a{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	background: #196d39;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold;
}
#navi nav li.current a{
	background: #78ab4e;
	pointer-events: none;
}
#navi nav li a:hover{
	background: #78ab4e;
}
#navi nav li.unavailable{
	filter: brightness(0.7);
}
#navi nav li.unavailable a{
	pointer-events: none;
	cursor: not-allowed;
}

#smsc{
	padding-bottom: 40px;
}
#smsc a{
	color: #ffffff;
	background: #196d39;
	border: 2px solid #196d39;
	border-radius: 3px;
}
#smsc a:hover{
	background: #78ab4e;
}
#smsc a span{
	border-radius: 2px;
	display: block;
	width: 100%;
	height: 100%;
	font-size: 20px;
	font-weight: bold;
	border: 1px solid #fff;
	letter-spacing: 0.05em;
	padding: 16px 48px;
}
#smsc a span i{
	margin-left: 0.5em;
}

/* heading */
#heading{
	overflow: hidden;
}
.carousel{
	position: relative;
	width: 200vw;
	height: auto;
	animation: loop 50s linear infinite;
	margin-bottom: 40px;
}
@keyframes loop {
	0% {
		transform: translateX(0%);
	}
	to {
		transform: translateX(-50%);
	}
}
#heading .align_c{
	align-items: center;
	margin-bottom: 40px;
}
#heading .tx_serif h2{
	padding-left: 1em;
	margin-bottom: 1em;
}
#heading .tx_serif p{
	font-size: 20px;
	line-height: 2;
	margin-bottom: 1em;
}


/* 目的地からオプショナルツアーを探す */

.itembox-body h3 {
	text-align: left;
	font-size: 14px;
	margin: 5px 0;
}

.itembox-body h3 a{
	color: #333;
	font-size:18px;
	font-weight: bold;
	margin: 5px 0;
}

.itembox-body .example-txt {
	text-align: left;
}

#discover .itembox img {
	width: 100%;
}
#discover .itembox02 .itembox-book{
	padding:6px 0px 5px 0px;
}
#discover .itembox-book a.btn-main {
	background: #196d39;
	border-color: #196d39;
	font-weight: bold;
	color: #fff!important;
	border-radius: 4px;
	margin: 8px auto 16px auto;
	padding: 12px;
	width: 100%;
	display: block;
	font-size: 16px;
	transition: 0.24s ease;
}
#discover .itembox-book a.btn-main:hover{
	background: #78ab4e;
}
#discover .comingsoon .itembox-book a.btn-main {
	font-size:0;opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;pointer-events: none;
}
#discover .comingsoon .itembox-book a.btn-main:before {
	content: "Comingsoon";
	font-size: 14px;
}
#discover .comingsoon .itembox-book a.btn-main:after {
	margin-left: 0px;
}
#discover .comingsoon .itembox img,#discover .comingsoon .itembox h3 {
	font-size:0;opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;
}
#discover .comingsoon .itembox a,
#discover .comingsoon .itembox-body a{
	pointer-events: none;
}

#discover .soldout .itembox-book a.btn-main {
	font-size: 0;
	opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;pointer-events: none;}
#discover .soldout .itembox-book a.btn-main:before {
	content: "Soldout";
	font-size: 14px;
}
#discover .soldout .itembox-book a.btn-main:after {
	margin-left: 0px;
}
#discover .soldout .itembox img,
#discover .soldout .itembox h3 {
	font-size:0;opacity: 0.5;
	transition-property: all;
	transition: 0.3s linear;
}
#discover .soldout .itembox a{
	pointer-events: none;
}
#discover .soldout .itembox-body a {
	pointer-events: none;
}


#discover .itembox-book a.btn-main:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 15px;
	color: #fff!important;
}



#discover .title-wrap img{
	margin: 0 auto;
	width: auto;
}
#discover .title-wrap {
	margin:30px auto 30px auto;
	width: 100%;
}

/* プラン一覧 */
.ttl-box{
	padding:20px 0px 20px 0px;
	background:#fff;
	border-bottom:1px solid #E7E7E7;
	margin-bottom: 30px;
}
.ttl-box h1{
	font-size:14px;
	font-weight:bold;
	line-height: 1.4;
	display:inline-block;
	font-size: 22px;
	width: 100%;
}


#plan-wrap .itembox02 h3 {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 5px;
}
#plan-wrap .itembox02 h3 a{
	color: #000;
}
#plan-wrap .itembox02 h3 a:hover{
	color: #196d39;
}
#plan-wrap .itembox02{
	border:1px solid #79ac4f;
	margin-bottom:20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background:#fff;
	overflow:hidden;
	padding: 15px;
}
#plan-wrap .item {
	padding: 2px 5px;
	color: #333;
	background: #fff;
	border: 1px solid;
	font-weight: bold;
	border-radius: 2px;
	font-size: 10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}

#plan-wrap .itembox02 img{
	width: 100%;
	height: auto;
	margin-right: 0px;
	margin-bottom: 10px;
}
#plan-wrap .itembox02 .item-wrap {
	text-align: left;
}
#plan-wrap.set-plan .itembox02 .item-wrap {
	margin-left: 0%;
	text-align: left;
}
#plan-wrap .itembox02 .itembox-body{
	padding:6px 0px 5px 0px;
}
#plan-wrap.set-plan .itembox02 .itembox-body {
	margin-left: 0%;
	padding: 6px 0px 5px 0px;
}
#plan-wrap .itembox02 .itembox-book{

	padding:6px 0px 5px 0px;
}
#plan-wrap .itembox02 h3{
	font-size:14px;
	margin-top:0;
}
#plan-wrap .price-text{
	font-size:14px;
	margin-right: 5px;
}

#plan-wrap .num{
	font-size:18px;
	color: #e03e77;
}
#plan-wrap .tag {
	padding: 2px 5px;
	color: #333;
	background: #dedfe0;
	border: none;
	border-radius: 2px;
	font-size:10px;
	display: inline-block;
	margin-right: 5px;
	margin-bottom: 5px;
}
#plan-wrap .data-wrap {
	color: #333;
	display: inline-block;
	font-size: 12px;
}
#plan-wrap .data-wrap li{
	float: left;
	margin-right: 10px;
}
#plan-wrap .data-wrap li:last-child{
	margin-right: 0px;
}

#plan-wrap i {
	font-style:normal;
	font-size: 10px;
	margin-right: 5px;
	margin-bottom: 5px;
}
#plan-wrap a.btn-main {
	background: #f53d7e;
	border-color: #f53d7e;
	font-weight: bold;
	color: #fff!important;
	margin: 0 0 0 auto;
	padding: 10px 10px;
	width: 50%;
	display: block;
}
#plan-wrap a.btn-main:after {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin-left: 15px;
	color: #fff!important;
}
.btn {
	border: 1px solid #ccc;
	border-radius: 0;
	width: 175px;
}
.btn-single {
	float: left;
}
.itembox .example-txt {
	font-size: 14px;
	color: #000;
	margin-top: 10px;
}
.price-text {
	font-size: 14px;
	padding-right: 3px;
	color: #000;
}
.itembox .num {
	font-size: 18px;
	font-weight: bold;
	color: #ff0000;
	display: inline;
}
.itembox .yen{
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;
	display: inline;
	padding-right: 3px;
}
.price-text-b, .num-b, .yen-b {
	font-size: 12px;
	color: #000;
}
.num-b, .yen-b {
	font-weight: bold;
}
.price-text-b {
	padding-right: 3px;
}
.example-txt2 {
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
}
.price-line {
	text-align: left;
	font-weight: bold;
}
.item-wrap {
	text-align: left;
	margin-top: 0px;
}

.other_plan{
	padding: 24px 16px;
}
.other_plan a{
	float: right;
	font-size: 20px;
	font-weight: bold;
	color: #196d39;
	background: #fff;
	padding: 5px 20px 3px;
	border-radius: 20px;
	border: 2px solid #196d39;
}
.other_plan a i{
	font-size: inherit!important;
	margin-left: 8px;
}

#toursearchbox {
	margin-top: 40px;
	margin-bottom: 60px;
}
.tab-wrap{
	position: relative;
	z-index: 1;
	border-bottom: 3px solid #196d39;
}
.nav-tabs {
	border: none;
	border-bottom: 0;
	position: relative;
	z-index: 2;
	bottom: -3px;
}
.nav-tabs .nav-item {
	display: table-cell;
	vertical-align: middle;
	margin-bottom:0;
	line-height: 1.2;
	float: left;
	width: 44%;
	margin-bottom:0;
	margin: 0 3%;
}
.nav-tabs .nav-item .nav-link{
	display: table;
	width: 100%;
	border-radius: 8px 8px 0 0;
	margin:0;
	padding: 16px 1px;
	font-size: 20px;
	text-align: center;
	background: #196d39;
	border: 3px solid #196d39;
	border-bottom: none;
	color: #ffffff;
	font-weight: bold;
	position: relative;
}
.nav-tabs .nav-item .nav-link .itemname{
	display: table-cell;
	vertical-align: middle;
	height: 44px;
	line-height: 1.2;
}
.nav-tabs .nav-item .nav-link:hover{
	background:#78ab4e;
	color: #ffffff;
}
.nav-tabs .nav-link.active {
	display: table !important;
	width: 100%;
	background: #d4e3c6;
	color: #196d39;
	cursor: default;
}
.nav-tabs .nav-link.active:hover{
	pointer-events: none;
	background: #d4e3c6;
	color: #196d39;
}
.nav-tabs .nav-item .nav-link.unavailable{
	filter: brightness(0.7);
	cursor: auto;
	pointer-events: none;
}
.nav-tabs .nav-item .nav-link.unavailable:hover{
	background: #196d39;
}
.tab-content {
	width: 100%;
	background: #d4e3c6;
	padding: 64px 0 0;
	border-radius: 0px;
	clear: both;
}
.btn-search-wrap .btn-search  {
	width: 40%;
	display: block;
	background: #196d39;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	padding: 15px 16px;
	text-align: center;
	border: none;
	cursor: pointer;
	margin: 10px auto 0;
}

#searchform{
	background: #79ac4f;
	border-radius: 5px;
	padding: 40px 16px;
	margin: 32px auto 64px;
}
/* square button style */
#searchform .btn {
	padding: 6px 10px 6px 6px;
	margin: 0 -1px 5px 0;
}
#searchform .btn:before {
	padding-right: 4px;
	content: '\f00c';
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #FFF;
}
#searchform .btn,
#searchform .btn.focus,
#searchform .btn-default:hover{
	background: #FFF;
}
#searchform .btn.active,
#searchform .btn.active:focus,
#searchform .btn.active.btn-default:hover{
	background: #196d39!important;
	color: #FFF;
}
.btn-group, .btn-group-vertical {
	display: block;
}

#searchform .form-group{
	margin-bottom:0;
}
#searchform dl{
	margin-bottom:15px;
}
#searchform dl:after{
	content: "";
	clear: both;
	height: 0;
	display: block;
}
#searchform dl dt{
	min-width:160px;
	display:table-cell;
	vertical-align:middle;
	color: #fff;
}
#searchform dl dd{
	display:table-cell;
	vertical-align:middle;
	width:100%;
}
#searchform .hotel-box .form-group,
#searchform .hotel-box dl{
	margin-bottom:0 ;
}
#searchform .hotel-box .btn-group{
	display:block;
}
#searchform .hotel-box .btn{
	width:269px !important;
	margin-right:5px;
}
#searchform input[type=checkbox], input[type=radio]{
	display:none;
}
#searchform select.form-control {
	display: inline-block;
	width: auto;
	min-width: 165px;
	cursor: pointer;
}
.card-header{
	border-bottom: none;
	background-color: rgba(0,0,0,0)!important;
}
.card-header button {
	padding: 12px 40px 12px 12px;
	display: block;
	width: 100%;
	background: #196d39;
	color: #ffffff;
	-webkit-appearance:
	font-weight: bold;
	border-radius: .25rem;
	-webkit-border-radius: .25rem;
	-moz-border-radius: .25rem;
	cursor: pointer;
	font-weight: bold;
}
.card-header button {
	position: relative;
}
#toursearchbox .card-header button.collapsed:after, #toursearchbox .card-header button:after{
	color: #ffffff;
}
.card-header button:after{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	content: "\f068";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	font-size: 22px;
	color: #ffffff;
}
.card-header button.collapsed:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 20px;
	content: "\f067";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 22px;
}
.btn-search-wrap {
	width: 100%;
	clear: both;
}

.departure-date-wrap .btn-select-design-arriv {
	margin-right: 4px;
	margin-bottom: 10px;
	float: left;
}
#searchform .departure-date-wrap dl dt {
	min-width: 65px;
}
a:hover {
	opacity: unset;
}


/*----------エリアページここから---------*/
.kk_area #navi{
	margin-bottom: 0;
}
#area_main_visual{
	position: relative;
	z-index: 1;
	width: 100%;
	padding-top: 0px;
	padding-bottom: 48px;
	overflow: hidden;
}
#area_main_visual .mv_bg{
	position: absolute;
	width: 100%;
	height: calc(100% - 344px);
	top: 0;
	left: 0;
	z-index: 1;
}
#area_main_visual .mv_bg:before{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	animation: mv_fade2 21s infinite ease;
	opacity: 0;
}
#area_main_visual .mv_bg:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3;
	animation: mv_fade3 21s infinite ease;
	opacity: 0;
}
@keyframes mv_fade2 {
	0%{
		opacity: 0;
	}
	33%{
		opacity: 0;
	}
	35%{
		opacity: 1;
	}
	68%{
		opacity: 1;
	}
	69%{
		opacity: 0;
	}
}
@keyframes mv_fade3 {
	0%{
		opacity: 0;
	}
	65%{
		opacity: 0;
	}
	67%{
		opacity: 1;
	}
	98%{
		opacity: 1
	}
	100%{
		opacity: 0;
	}
}
.area_main_title{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.area_main_title img{
	width: 100%;
	height: auto;
}
/*----------天橋立・伊根エリア-----------*/
.kk_amano .mv_bg{
	background: url(/static/img/kitakinki/amano/mv_amanohashidate_bg1.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.kk_amano .mv_bg:before{
	background: url(/static/img/kitakinki/amano/mv_amanohashidate_bg2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.kk_amano .mv_bg:after{
	background: url(/static/img/kitakinki/amano/mv_amanohashidate_bg3.jpg) 50% 50% no-repeat;
	background-size: cover;
}


.blog_box{
	position: absolute;
	overflow: hidden;
	width: 360px;
	height: 336px;
	padding: 24px 48px;
	bottom: 80px;
	left: 60%;
	z-index: 6;
	background: #ffffff;
	border-radius: 10px;
}
.blog_box .wc_slick{
	margin-bottom: 0;
}
.wc_slick li{
	opacity: 0;
	transition: opacity 0.3s linear 0.4s;
}
.wc_slick.slick-initialized li{
	opacity: 1;
}
.blog_box ul li{}
.blog_box ul li a{
	display: block;
	height: 100%;
	position: relative;
}
.blog_box ul li a:before{
	content: '';
	background: url('https://travel.willer.co.jp/willer-colle/wp-content/themes/willercolle/img/logo.png');
	background-size: contain;
	position: absolute;
	width: 120px;
	height: 40px;
	top: 16px;
	left: 16px;
	z-index: 100;
}
.blog_box ul li a img{
	width: 100%;
	height: 198px;
	object-fit: cover;
	margin-bottom: 16px;
}
.blog_box ul li a p{
	color: #1c1c1c;
	font-weight: bold;
	font-size: 14px;
}
.blog_box .slick-prev:before,
.blog_box .slick-next:before{
	opacity: 1;
	color: #196d39;
}
.blog_box .slick-prev:hover:before,
.blog_box .slick-next:hover:before{
	color: #78ab4e;
}
#area_heading .align_c{
	align-items: center;
	margin-bottom: 40px;
}
.kk_area .card-plan-01{
	background: #d4e3c6;
	box-shadow: none;
}
.kk_area .card-plan-01:hover{
	background: #d4e3c6;
}
.kk_area .card-plan-01 dd{
	padding-left: 0;
	padding-right: 0;
}
/*----------舞鶴・福知山エリア-----------*/
.kk_maizuru .mv_bg{
	background: url(/static/img/kitakinki/maizuru/mv_maizuru_bg1.jpg) 50% 80% no-repeat;
	background-size: cover;
}
.kk_maizuru .mv_bg:before{
	background: url(/static/img/kitakinki/maizuru/mv_maizuru_bg2.jpg) 50% 50% no-repeat;
	background-size: cover;
}
.kk_maizuru .mv_bg:after{
	background: url(/static/img/kitakinki/maizuru/mv_maizuru_bg3.jpg) 50% 70% no-repeat;
	background-size: cover;
}
/*----------城崎・出石エリア-----------*/
.kk_kinosaki .mv_bg{
	background: url(/static/img/kitakinki/kinosaki/bg.webp) 50% 80% no-repeat;
	background-size: cover;
}
.kk_kinosaki .mv_bg:before,
.kk_kinosaki .mv_bg:after{
	content: none!important;
}

@media (max-width: 1189px) {
	.carousel{
		width: 250vw;
	}
	#plan-wrap .price-text {
		font-size: 16px;
		width: 100%;
		display: block;
		text-align: left;
	}
}
@media screen and (max-width: 991px){
	.main_title:before{
		height: 0;
		padding-bottom: 31%;
	}
	.mv_bg{
		height: 69%;
	}
	.mv_text{
		width: 38%;
		left: 62%;
		padding: 40px 0;
		margin-bottom: 2%;
	}
	.mv_text span{
		font-size: 16px;
		padding: 0 0.4em;
	}
	#heading .tx_serif h2{
		font-size: 20px;
	}
	#heading .tx_serif p{
		font-size: 16px;
	}
	#discover h2 {
		font-size: 18px;
	}
	.nav-tabs .nav-item .nav-link{
		font-size: 18px;
	}
	#searchform dl dd{
		display:unset;
	}
	.blog_box{
		width: 292px;
		height: 292px;
		left: auto;
		right: 2%;
		bottom: 120px;
	}
	.blog_box ul li a:before{
		width: 90px;
		height: 30px;
		top: 8px;
		left: 8px;
	}
	.blog_box ul li a img{
		height: 144px;
	}
}

@media screen and (max-width: 767px) {
	#searchform select.form-control {
		font-size: 11px;
		float: left;
	}
	.form-control {
		padding: 0.2rem .35rem;
	}
	#main_visual{
		max-height: none;
		padding-top: 64px;
		padding-bottom: 0;
	}
	.main_title{
		padding: 0 8px;
	}
	.main_title:before{
		padding-bottom: 60%;
	}
	.mv_text{
		width: 100%;
		left: 0%;
		max-width: none;
		position: relative;
		margin-bottom: 0;
		background: #fff;
		padding: 16px 24px;
	}
	.mv_text span{
		font-size: 24px;
	}
	.mv_text dl div{
		font-size: 18px;
	}
	.mv_text dl div dt{
		width: 88px;
	}
	.mv_text p{
		font-size: 20px;
	}
	.mv_bg{
		height: 52%;
	}
	#navi{
		position: relative;
	}
	#navi:before{
		content: '';
		position: absolute;
		width: 100%;
		height: 1px;
		background: #ffffff;
		top: 50%;
		left: 0;
		z-index: 5;
	}
	#navi nav{
		flex-wrap: wrap;
		justify-content: center;
		border-right:none;
	}
	#navi nav li{
		flex: none;
		width: 33.3%;
	}
	#navi nav li:nth-child(3),
	#navi nav li:last-child{
		border-right: 1px solid #ffffff;
	}
	.carousel {
		width: 300vw;
	}
	#heading .tx_serif h2{
		padding-left: 0;
	}



	.itembox-body h3 a{
		font-size:14px;
	}
	.itembox-body .example-txt {
		font-size:12px;
	}
	#discover .itembox-book a.btn-main {
		width: 78%;
	}
	#discover h2 {
		font-size: 24px;
	}
	.ttl-box h1 {
		font-size: 16px;
	}
	#plan-wrap a.btn-main {
		width: 100%;
	}
	#searchform .btn-default:hover{
		width: 49%;
	}
	.card-header button:after, .card-header button.collapsed:after {
		font-size: 16px;
	}
	.tab-content {
		padding: 10px 0;
	}
	.itemname {
		font-size: 12px;
		padding: 5px;
	}
	.other_plan a{
		float: none;
		display: table;
		margin: 0 auto;
	}
	span.tab-ico {
		font-size: 12px;
		margin-right: 0px;
		display: block;
	}
	#searchform dl dt {
		display: inline-block;
	}
	.btn {
		width: 49%;
		font-size: 12px;
	}
	span.tab-ico i {
		font-size: 12px;
	}
	#searchform select.form-control {
		font-size: 12px;
		min-width: auto;
	}
	.card-header button {
		padding: 10px 20px 10px 10px;
	}
	#searchform dl {
		margin-bottom: 5px;
	}
	#area_main_visual .mv_bg{
		height: 31%;
	}
	.blog_box{
		position: static;
		width: calc(100% - 32px);
		height: auto;
		margin: 16px auto 0;
		left: auto;
		right: auto;
		bottom: auto;
	}
	.blog_box ul li a:before{
		width: 90px;
		height: 30px;
		top: 8px;
		left: 8px;
	}

	.blog_box ul li a img{
		height: 50vw;
	}
	#area_heading h2{
		font-size: 20px;
	}
}

@media screen and (max-width: 479px){
	.mv_text{
		padding: 16px;
		text-align: center;
	}
	.mv_text span {
		font-size: 20px;
		margin-bottom: 1em;
	}
	.mv_text dl div {
		font-size: 14px;
		text-align: left;
		margin-bottom: 1em;
	}
	.mv_text p{
		font-size: 16px;
	}
	#navi nav li{
		height: 64px;
	}
	#navi nav li a{
		font-size: 15px;
	}
	#smsc a span{
		font-size: 15px;
	}
	#heading .tx_serif{
		text-align: center;
	}
	#heading .tx_serif h2{
		font-size: 16px;
		display: inline-block;
		text-align: left;
	}
	#heading .tx_serif p{
		font-size: 13px;
		display: inline-block;
		text-align: left;
	}
	.other_plan a{
		font-size: 18px;
		width: 100%;
		text-align: center;
	}
	#discover h2 {
		font-size: 13px;
	}
	#searchform{
		padding: 24px 0;
	}
}
@media screen and (max-width: 350px){
	.mv_text span {
		font-size: 17px;
	}
	.mv_text dl div,
	.mv_text p{
		font-size: 12px;
	}
	#navi nav li a,
	#smsc a span{
		font-size: 13px;
	}
	#heading .tx_serif h2,
	.other_plan a {
		font-size: 14px;
	}
	#area_heading h2{
		font-size: 18px;
	}
	#toursearchbox #searchform .col-lg-6.btn-single,
	#discover #searchform .col-lg-6.btn-single{
		-ms-flex: 0 0 41.666667%;
		flex: 0 0 41.666667%;
		max-width: 41.666667%;
	}
}

@media (min-width: 768px) {
	#plan-wrap .itembox02 img {
		width: 100%;
	}
	#plan-wrap .itembox02 .item-wrap {
		margin-left: 0;
		text-align: left;
	}
	#plan-wrap .itembox02 .itembox-body {
		margin-left: 0;
	}
	#plan-wrap .itembox02 .itembox-book {
		margin-left: 0;
	}
	#plan-wrap a.btn-main {
		margin: 0 auto;
	}
	#plan-wrap a.btn-main {
		width: 100%;
	}
	#plan-wrap .itembox02 img {
		margin-bottom: 10px;
	}
}


/*-------/search/用--------------*/
.kk_search_results{
	background: #ffffff;
}
.kk_search_results #searchform{
	background: #F989B1;
}
.kk_search_results .tab-content{
	background: #F989B1;
	border-top: none;
	padding-top: 0;
}
.kk_search_results .card-header button{
	background: #fdd7e5;
	color: #f53d7e;
}
.kk_search_results #toursearchbox .card-header button.collapsed:after,
.kk_search_results #toursearchbox .card-header button:after{
	color: #f53d7e;
}
.kk_search_results #searchform .btn.active,
.kk_search_results #searchform .btn.active:focus,
.kk_search_results #searchform .btn.active.btn-default:hover,
.kk_search_results .btn-search-wrap .btn-search{
	background: #F53D7E!important;
	border-color: #ffffff!important;
}
.kk_search_results h2.search-conditions-title {
	text-align: left;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 15px 15px 15px;
	background: #f4f4f4;
	overflow: hidden;
	line-height: 1.8;
}
.kk_search_results #plan-wrap .itembox02 {
	border: 1px solid #ccc;
}
/*------/activity/css/plan_list.cssより転記--------*/
.pagination ul.flex {
	display: flex;
	justify-content: center;
}
.pagination {
	display: block;
	margin: 5px 0;
	width: 100%;
	color:#666;
}
.pagination .pagemae {
	text-align: center;
	margin-top: 10px;
}
.pagination ul {
	text-align: center;
}
.pagination li {
	float: left;
	display: inline-block;
	margin: 5px;
}
.pagination li.pagemae {
	margin-top: 11px;
}
.pagination li a {
	color: #333;
	padding: 10px 16px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 50%;
}
.pagination li span {
	padding: 10px 16px;
	display: block;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.pagination li a:hover,.pagination li.current  {
	color: #fff;
	background-color: #ccc;
	border-radius: 50%;
	opacity: unset;
	transition-property: unset;
	transition: unset;
}
#plan-notfound .plan-notfound-wrap {
	padding: 30px;
	text-align: left;
	border: 5px solid #f4f4f4;
	margin: 20px 0 100px 0;
}
#plan-notfound i {
	font-style: normal;
	font-size: 16px;
	position: absolute;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	color: #f53d7e;
}
#plan-notfound p {
	font-size: 16px;
	padding-left: 25px;
}
@media (max-width: 991px){
	#plan-notfound .plan-notfound-wrap {
		font-size: 14px;
		margin: 20px 0 50px;
		padding: 20px;
	}
	#plan-notfound p {
		font-size: 14px;
		padding-left: 25px;
	}
}

/*
relation-link
****************************/

#relation-link .title02{
	background:none;
}

#relation-link .title02:before{
	display:none;
}


#relation-link a:hover{
	color:#fff;
	background:#196d39;
}


/*---------20220602新トップデザイン ---------*/
.page_header{
	padding: 32px 0;
	background: url(/static/img/kitakinki/ph_bg_sp.webp) 50% 50% no-repeat;
	background-size: cover;
}
.header_text{
	font-size: 14px;
	font-weight: bold;
	padding: 8px 16px;
	margin: 0 0 8px;
}

.new_ver #navi{
	margin-bottom: 0px;
}
.header_pickup{
	font-weight: bold;
	justify-content: flex-start;
	align-items: flex-start;
	position: relative;
}
.header_pickup .d-flex div p{
	font-size: 14px;
}
.header_text a{
	margin: 16px 0 0;
}
.header_pickup .pickup_icon{
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #F4D739;
	width: 80px;
	height: 80px;
	border-radius: 100%;
	bottom: -56px;
	left: 50%;
	transform: translateX(-48vw) rotate(-5deg);
}
.header_pickup .pickup_icon i{
	font-size: 16px;
	letter-spacing: -0.08em;
	transform: skewX(-5deg);
}

#new_main_visual img{
	width: 100%;
}

.kitakinki_new_style{
	position: relative;
	background: #fff;
}
.kitakinki_new_style .container{
	padding-bottom: 40px;
}
.title_whats h2{
	position: relative;
	padding: 10px 24px 10px;
	margin-bottom: 20px;
	/*background: url(/static/img/kitakinki/frame.png) 0% 100% no-repeat;
	background-size: contain;*/
	text-align: center;
	border-bottom: 2px solid #333;
}
.title_whats h2 img{
	position: absolute;
	width: 74px;
	height: 52px;
	top: 32px;
	left: 50%;
	transform: translateX(-50%);
}
.title_whats h2 span{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.618;
	display: inline-block;
}
.title_whats p{
	font-size: 14px;
}
.reco_route{
	margin-top: 24px;
}
.reco_route h2{
	align-items: flex-start;
	margin-bottom: 8px;
}
.reco_route h2 img{
	position: relative;
	top: -2px;
}
.reco_route h2 span{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.414;
	padding-left: 8px;
	color: #664d18;
}
.kome{
	display: inline-block;
	position: relative;
	padding-left: 1em;
}
.kome:before{
	content: '※';
	position: absolute;
	left: 0;
}
.reco_route h2 + .kome{
	margin-left: 52px;
	font-size: 13px;
}
.route_box{
	background: #F7F5E8;
	border: 4px solid #1C1C1C;
	padding: 16px;
	margin-top: 24px;
}
.route_box dl div{
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
}
.route_box dl div:last-of-type{
	margin-bottom: 0;
}
.route_box dl dt{
	font-size: 14px;
	background: #F4D739;
	padding: 3px 8px;
	margin-bottom: 8px;
}
.route_box dl dd{
	font-size: 16px;
	padding: 0 8px;
}
.route_box dl dd button{
	padding: 0;
	background: initial;
	text-decoration: underline;
}
.route_box dl dd button:hover{
	color: #FF6D6D;
}
.route_box dl dd li{
	position: relative;
	padding-left: 1em;
}
.route_box dl dd li:before{
	content: '・';
	position: absolute;
	left: 0;
}
.route_box dl dd li .kome{
	font-size: 0.8em;
}
.reco_modal h3{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-shadow: 1px 0px 0px #fff;
}
.reco_modal .modal-footer button{
	background: #F5F5F5!important;
	padding: 12px;
}
.reco_modal .modal-header{
	background: #d4e3c6;
}
.hotel_list li{
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	margin-bottom: 16px;
	padding-bottom: 16px;
	border-bottom: 1px solid #ccc;
}
.hotel_list img{
	width: 40%;
}
.hotel_data{
	width: 60%;
	padding: 0 8px;
}
.hotel_data p{
	font-size: 14px;
}
.hotel_data address{
	font-size: 12px;
}

.schedule_box {
	padding: 0 0 40px;
}
.tab_base{
	border-bottom: 4px solid #1c1c1c;
}
.tab_base .container{
	padding-bottom: 0;
}
.tab_base .nav-tabs{
	bottom: 0;
	max-width: 690px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.tab_base .nav-tabs .nav-item {
	margin: 0;
	width: calc(50% - 8px);
}
.tab_base .nav-tabs .nav-item .nav-link{
	border-radius: 0;
	border: 4px solid #1c1c1c;
	border-bottom: none;
	background: #EBEBEB;
	color: #1c1c1c;
	padding: 24px 1px;
}
.tab_base .nav-tabs .nav-item .nav-link.active{
	background: #F4D739;
}
.schedule_box .tab-content{
	background: #fff;
	padding: 0;
}
.day_schedule{
	padding: 32px 16px;
}
.flag{
	display: table;
	background: #1c1c1c;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 8px 16px;
}
.schedule_list{
	margin-left: 16px;
	border-left: 4px solid #1c1c1c;
}
.schedule_list li{
	padding: 16px 0;
}
.schedule_list li:last-of-type{
	margin-bottom: 0;
}
.schedule_list li h2{
	display: table;
	background: #FF6D6D;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	padding: 6px 16px;
}
.schedule_list li .d-flex{
	padding-left: 16px;
	flex-direction: column;
}
.schedule_list li .d-flex div{
	padding: 40px 0 0;
	position: relative;
}
.schedule_list li .d-flex div:before{
	content: '';
	display: block;
	position: absolute;
	width: 64px;
	height: 64px;
	top: 16px;
	left: -3px;
}
.schedule_list li .d-flex .sight:before{
	background: url(/static/img/kitakinki/icon_sight.svg) 50% 50% no-repeat;
	background-size: contain;
}
.schedule_list li .d-flex .food:before{
	background: url(/static/img/kitakinki/icon_food.svg) 50% 50% no-repeat;
	background-size: contain;
}
.schedule_list li .d-flex .history:before{
	background: url(/static/img/kitakinki/icon_history.svg) 50% 50% no-repeat;
	background-size: contain;
}
.schedule_list li .d-flex .illust{
	display: none;
}
.schedule_list li .discount_info{
	padding-left: 16px;
	color: #FF6D6D;
	font-size: 14px;
	font-weight: bold;
	margin: 16px 0 0;
}
.schedule_list li .discount_info span{
	font-size: 0.8em;
}

.schedule_list li .reco_text{
	margin: 16px 0 0;
	padding-left: 16px;
	position: relative;
}
.schedule_list li .reco_text:before{
	content: '';
	display: block;
	width: calc(100% - 16px);
	height: 3px;
	background: #1c1c1c;
	position: absolute;
	right: 0;
	top: 25px;
	z-index: 1;
	border-radius: 2px;
}
.schedule_list li .reco_text img{
	position: relative;
	z-index: 2;
	margin-bottom: 8px;
}
.schedule_list li .reco_text h3{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 4px;
}
.schedule_list li .reco_text p{
	font-size: 14px;
}
.schedule_list li .reco_text p + h3{
	margin-top: 24px;
}
.next_prev_day{
	padding: 0px 16px 24px;
	text-align: center;
}
.next_prev_day a{
	font-size: 16px;
	font-weight: bold;
	color: #1c1c1c;
	border: 2px solid;
	display: block;
	padding: 24px;
}

/*----------予約ボタン周り---------*/

.reserve_sticky{
	position: -webkit-sticky;
	position: sticky;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	z-index: 100;
	box-shadow: 0px -4px 8px -8px rgba(0,0,0,0.4);
}
.reserve_sticky a{
	padding: 16px 0;
	background: #f4d739;
	display: block;
	text-align: center;
	line-height: 1.2;
	color: #1c1c1c;
	transition: 0.24s ease;
}
.reserve_sticky a:hover{
	filter: brightness(1.05);
}
/*
.reserve_sticky a:before,
.reserve_sticky a:after{
	content: '';
	display: block;
	position: absolute;
	width: 15px;
	height: 100%;
	top: 0;
	background: #f4d739;
}
.reserve_sticky a:before{
	left: -15px;
}
.reserve_sticky a:after{
	right: -15px;
}
*/
.reserve_sticky a span{
	font-weight: bold;
	font-size: 14px;
}

#reserve{
	margin-top: -37px;
	padding-top: 37px;
	position: relative;
}
/*#reserve:after{
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	height: 74px;
	top: -37px;
	left: 0;
	z-index: 101;
	background: #fff;
}*/
.bg_yellow{
	background: #F4D739;
	padding: 24px 0;
}
.reserve_box h3{
	font-weight: bold;
	font-size: 20px;
}
.reserve_box ul{
	padding: 24px 24px 0;
	display: flex;
	flex-direction: column;
}
.reserve_box ul li{
	margin-bottom: 12px;
}
.reserve_box ul li:last-child{
	margin-bottom: 0;
}
.reserve_box ul li a{
	padding: 16px;
	color: #1c1c1c;
	border: 2px solid #1c1c1c;
	background: #fff;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: 0.24s ease;
}
.reserve_box ul li a:hover{
	box-shadow: 6px 6px 0px #3f3f3f;
}
.reserve_box ul li .dep_name{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 12px;
}
.reserve_box ul li .price{
	font-size: 16px;
	font-weight: bold;
}
.reserve_box ul li .price .num{
	color: #FF6D6D;
	font-size: 22px;
	padding: 0 2px;
}



#heading{
	padding: 64px 8px 0;
}
#heading h2{
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 16px;
}

/*---------mobile sm---------*/
@media (max-width:767px) {
	.new_ver #navi:before{
		content: none;
	}
	.new_ver #navi nav{
		align-content: stretch;
	}
	.new_ver #navi nav li{
		width: 25%;
		height: 64px;
	}
	.new_ver #navi nav li:nth-child(3){
		border-right: none;
	}
	.new_ver #navi nav li a{
		font-size: 15px;
	}
}

/*---------tablet md---------*/
@media (min-width:768px) {
	.page_header{
		background: url(/static/img/kitakinki/ph_bg_pc.webp) 50% 65% no-repeat;
		background-size: cover;
		padding: 48px 0;
	}

	.new_ver #navi{
		margin-bottom: 8px;
	}
	.header_pickup .pickup_icon{
		transform: translateX(-30vw) rotate(-10deg);
	}
	.introduction{
		overflow: hidden;
	}
	.title_whats{
		position: relative;
	}
	.title_whats h2{
		padding: 20px 0 10px;
	}
	.title_whats h2 img{
		width: 92px;
		height: 65px;
		top: 24px;
	}
	.title_whats h2 span:first-of-type{
		padding-right: 0;
	}
	.title_whats h2 span:nth-of-type(2){
		padding-left: 0;
	}
	.reco_route{
		position: relative;
	}
	.route_box dl div{
		flex-direction: row;
		align-items: baseline;
		margin-bottom: 0;
	}
	.route_box dl div dt{
		width: 80px;
		margin-right: 88px;
		text-align: center;
		position: relative;
	}
	.route_box dl div dt:after{
		content: '';
		position: absolute;
		width: 72px;
		height: 0px;
		border-bottom: 2px dashed #1c1c1c;
		top: 50%;
		right: -80px;
		margin-top: -1px;
	}
	.schedule_list li .d-flex{
		flex-direction: row;
		justify-content: space-between;
	}
	.schedule_list li .d-flex div{
		width: 49%;
	}
	.schedule_list li .d-flex div:before{
		width: 80px;
		height: 80px;
	}
	.schedule_list li .d-flex .illust{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.schedule_list li .discount_info{
		text-align: right;
	}
	.reserve_box ul{
		flex-direction: row;
		justify-content: space-between;
	}
	.reserve_box ul li{
		width: calc(50% - 16px);
		margin-bottom: 0;
	}
	.reserve_box ul li a{
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		padding: 24px;
	}
	.reserve_box ul li .dep_name{
		margin-bottom: 0;
	}
}
/*---------laptop lg---------*/
@media (min-width:992px) {

	.header_pickup .pickup_icon{
		transform: translateX(-29vw) rotate(-10deg);
	}
	.schedule_box{
		padding-bottom: 56px;
	}
	/*.title_whats:before{
		content: '';
		display: block;
		position: absolute;
		width: 63px;
		height: 156px;
		background: url(/static/img/kitakinki/people_01.png) 50% 50% no-repeat;
		background-size: contain;
		top: 160px;
		left: -120px;
	}*/
	.title_whats h2 span{
		font-size: 20px;
	}
	.title_whats h2 img{
		top: 16px;
	}
	.title_whats p{
		font-size: 14px;
	}
	/*.reco_route:before{
		content: '';
		display: block;
		position: absolute;
		width: 46px;
		height: 164px;
		background: url(/static/img/kitakinki/people_02.png) 50% 50% no-repeat;
		background-size: contain;
		bottom: -40px;
		right: -104px;
	}*/
	.reco_route h2{
		justify-content: center;
	}
	.reco_route h2 + .kome{
		display: table;
		margin: 0 auto;
	}
	.schedule_list li .reco_text{
		z-index: 1;
	}
	.schedule_list li .discount_info{
		margin-bottom: -32px;
		z-index: 2;
		position: relative;
	}

	#reserve{
		margin-top: -30px;
	}
}


.alert-info{
	background: #F7F5E8;
	border-color: #e4e1d0;
	color: #605c3e;
}