@charset "utf-8";

h2 {
	border-left: none;
}
#wrap {
	line-height: 1.5;
}

/*パンクズ*/
#breadcrumbArea {
	a {
		text-decoration:underline;
		display:inline-block;
		line-height:2.5em;
	}
	.breadcrumbList {
		padding:.3em 5px;
		background-color:#FFF;
		white-space:nowrap;
		overflow:auto;
		font-size: 12px;
		> li {
			display:inline-block;
			& + li:before {
				content:"＞";
				margin:0 .3em;
			}
		}
	}
}

.mainvisual-wrap {
	.line-box-wrap {
		padding: 4% 3.5% 2% 4.5%;
		background-image: none;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap:wrap;
		flex-wrap: wrap;
		-webkit-align-content:center;
		align-content:center;
		-webkit-align-items: center;
		p.results-ttl{
			width: 100%;
			display: block;
			margin-bottom: 5px;
			font-weight: bold;
		}
	}
	.line-box-ttl {
		color: #023b95;
		margin-right: 10px;
		margin-bottom: 0;
		font-size: 100%;
	}
	.line-box-txt {
		font-size: 100%;
	}
}

span.results-ttl-mini {
	margin-right: 10px;
	color: #023b95;
}

#footer_mobile{
	background-color: #FFF;
}

.input-icon-box{
	position: relative;
	padding: 0;
	width: 96%;
	margin: 0 1.5% 0;
	input {
		width: 99%;
		padding: 10px;
		border: 2px solid #023b95;
		height: 41px;
	}
}
.input-icon{
	position: absolute;
	top: 5px;
	right: 12px;
}

.reserveArea{display: none;}

/* お問い合わせ
*****************************/
#contactWrap {
	&.section {
		padding: 0;
		margin:0 auto 0;
		background-color: #FFF;
	}
	.section-box {
		display: block;
		padding: 10px;
		background-color: #FFF;
		margin: 10px auto;
		border: 5px solid #F4BA23;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		width: 96%;
		float: none;
		&:hover {
			display: block;
			transition: all 0.2s ease;
			-webkit-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
			background-color: #FFF;
		}
	}
	.contact-ttl {
		width: 100%;
		font-size: 1.1em;
		padding: 5px 5px 15px 5px;
		margin-bottom: 0;
		color:#004098;
		display: block;
		img {
			width: 20px;
			vertical-align: middle;
			margin-right: 10px;
			display: inline-block;
		}
	}
}

.contact-box-wrap{
	width: 99%;
	box-sizing: border-box;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 10px;
	background-color: #FEF5DE;
	margin-bottom: 10px;
}
.contact-box{
	width: 100%;
	float: none;
	padding: 5px;
	box-sizing: border-box;
}
.contact-box-ttl{
	font-size: 0.9em;
	color: #000;
	font-weight: bold;
	line-height: 1.4em;
	span {
		font-size: 1.8em;
	}
}
.contact-box-subttl{
	font-size: 16px;
	color: #000; 
}

.contact-icon{
	background-color:#C00;
	width: 20px;
	float:left;
	vertical-align: middle;
	margin-right:15px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	img {
		width: 100%;
		display: block;
	}
}
.contact-tel{
	font-size: 1.6em;
	color: #CE0000;
	font-weight: bold;
	line-height: 1;
	float: right;
	margin-bottom: 10px;
}

.contact-tel-info{
	float: right;
}
.contact-hour{ 
	clear: both;
	display: block;
	font-size: 12px; 
	line-height:normal; 
	text-align:right;
}
.contact-che{
	color: #CE0000;
	font-size: 11px;
}

.store-box-wrap{
	width: 100%;
	padding: 0 20px;
	box-sizing: border-box;
}
.store-box{
	width: 49%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	border: 2px solid #E5F2FF;
	margin: 0.5%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.store-box-ttl{
	font-size:25px;
	font-weight:bold;
}
.store-box-hour{
	font-size: 12px;
}
.store-tel-icon{
	background-color:#C00;
	width:30px;
	float:left;
	margin-top:5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	img {
		width: 100%;
		display: block;
	}
}
.store-tel{
	padding-left:40px;
	font-size:30px;
	color:#C00;
	font-weight:bold;
}

.contact-btn{
	clear: both;
	text-align: center;
	margin: 20px auto;
	width: 80%;
	font-weight: bold;
	background-color: #333;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	font-size: 16px;
	a {
		display: block;
		padding: 10px;
		text-decoration: none;
		color: #004098;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #F4BA23;
		transition:all 0.4s ease;
		font-weight: normal;
		background-image: url(/kix/jcom/img/icon/icon_next.png);
		background-position: right 20px center;
		background-repeat: no-repeat;
		background-size: 15px;
		&:hover {
			transition:all 0.8s ease;
			filter:alpha(opacity=70); 
			opacity:0.7;
		}
	}
	img {
		width: 20px;
		vertical-align: middle;
		margin-left: 5px;
		display: inline-block;
		float: right;
	}
}

/* 角丸
========================= */
.main-form{
	font-size: 16px;
}

input, select {
	font-family: inherit;
	margin: 0.5%;
	color: #233b56;
	border: 1px solid #d7dfe6;
	padding: 8px 10px;
	padding-right: 25px;
	width: 99%;
	font-size: 0.8em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: #FFF;
	background-image: url(/search/kansai/sp/img/icon/icon_down01.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
	background-size: 18px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.sp-btn{
	font-size: 0.8em;
	display: block;
	background-color: #CCC;
	padding: 8px 10px;
	width: 60%;
	margin: 10px auto;
	text-align: center;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	a {
		text-decoration: none;
		color: #333;
	}
}

#set_send{
	height: auto !important;
	padding: 15px 25px 14px !important;
	top: 2px !important;
}

.result-btn{
	width: 80%;
	background-color: #ffd842;
	padding: 14px 10px;
	color: #333;
	font-weight: bold;
	font-size: 0.8em;
	margin-top: 0;
	background-position: right 12px center;
	background-size: 18px;
	background-repeat: no-repeat;
	text-decoration: none;
	background-image: url(/search/kansai/sp/img/icon/icon_plus01.png);
}

.sp-ttl{
	width: 100%;
	padding: 5px 5px;
	font-size: 0.6em;
	display: block;
}

.date-input{
	position: relative;
	input {
		background-position: 98% 6px;
		background-size: 20px;
		background-repeat: no-repeat;
		background-image: url(/search/kansai/sp/img/icon/icon_calendar01.png);
		&.time {
			background-image: url(/search/kansai/sp/img/icon/icon_schedule01.png);
		}
	}
}
.date-input-icon{
	position: absolute;
	right: 7px;
	top: 6px;
	img {
		width: 20px;
	}
}

.half-box-in{
	width: 100%;
}

/* 商品
========================= */

.result-box-sp{
	width: 100%;
	margin: 1% auto 4%;
	position: relative;
	background-color: #FFF;
	font-size:16px;
	border: 1px solid #DDD;
	border-bottom: 3px solid #DDD;
	overflow: hidden;
	border-radius: 1vw;
	-webkit-border-radius: 1vw;
	-moz-border-radius: 1vw;
	background-image: url(//www.his-j.com/kix/tour_top/img/icon/icon_corner.png);
	background-position: right 2px bottom 2px;
	background-size: 8px;
	background-repeat: no-repeat;
	box-shadow: 0 1px 1px rgba(0,0,0,.1);
	a {
		text-decoration: none;
	}
	.result-info-ttl {
		font-weight: bold;
		line-height: 1.4;
		color: #004BB0;
		margin-bottom: 0;
		padding: 1vw 1vw;
		box-sizing: border-box;
		width: 100%;
		font-size: 3.4vw;
	}
	.result-info {
		width: 100%;
		padding: 1vw;
		box-sizing: border-box;
	}
	.result-info-txt {
		font-size: 2.7vw;
		line-height: 1.5;
		color: #2074dc;
		margin-bottom: 5px;
	}
	.result-info-price {
		font-size: 4vw;
		font-weight: bold;
		line-height: 1.5;
		color: red;
		padding: 0;
		float: right;
	}
	.result-info-charge {
		clear: both;
		font-size: 2.2vw;
		font-weight: bold;
		line-height: 1.5;
		color: #888;
		text-align: right;
	}
	small {
		display: block;
		font-size:0.5em;
		line-height:1;
		padding:2px 5px;
		color: red;
		a {
			display:block;
			padding:2px 5px;
		}
	}
	.tel-icon {
		padding: 0;
		overflow: hidden;
		position: relative;
	}
	.info {
		padding: 1vw 2vw;
		li {
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
			-webkit-flex-wrap: nowrap;
			flex-wrap: nowrap;
		}
	}
	.result-box-wrap {
		clear: both;
		padding:0;
		background-color: #FFF;
		font-size: 0.8em;
		img {
			width:100%;
		}
	}
}

.result-box-pic{
	width: 100%;
	max-height: 200px;
	overflow: hidden;
	img {
		width: 100%;
		display: inline-block;
		vertical-align: top;
	}
}
.tourname-icon {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #ffd842;
	color: #FFF;
	font-weight: normal;
	padding: 3px 10px 5px;
	border-radius: 0 8px 8px 0;
	-webkit-border-radius: 0 0 8px 0;
	-moz-border-radius: 0 8px 8px 0;
}
.result-info-ttl-first {
	display: block;
}
.result-info-ttl-third{
	display: block;
	font-size: 2.7vw;
	line-height: 1.5;
	color: #444;
	font-weight: normal;
}
.result-info-total{
	font-size: 0.8em;
	line-height: 1.5;
	color: #FFF;
	background-color: #333;
	text-align: left;
	padding: 0.2em 1em;
	display: inline-block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

ul.info{
	display:block;
	li {
		overflow: hidden;
		margin: 0 0 2px;
		font-size: 2.5vw;
	}
	h4 {
		display: block;
		text-align: center;
		padding: 2px 7px;
		background-color: #B77F2C;
		color: #FFF;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		white-space: nowrap;
		height: 100%;
	}
	p {
		text-align: left;
		color: #20303B;
		padding: 1px 7px;
	}
}

.detail {
	width: 100%;
	padding: 2px 5px;
	display: none;
	p img {
		height: 14px!important;
	}
}

.result-info-days{
	font-size: 2.5vw;
	text-align: left;
	width: 100%;
	padding: 1vw 2vw;
	color: #666;
	background-color: #FFF;
	small {
		color: #900;
	}
}
.result-code{
	font-size: 2.5vw;
	text-align: left;
	width: 100%;
	padding: 1vw 2vw;
	color: #666;
}

.kaigai-box{
	border-bottom-color: #2074dc;
	background-color: #e9f2fd;
	position: relative;
	.box-label {
		border-color: transparent transparent #eec900 transparent;
	}
	.tourname-icon {
		background-color: #2074dc;color: #FFF;
	}
	ul.info {
		h4 {
			background-color: #B77F2C;
			color: #FFF;
		}
		p {
			color: #20303B;
		}
	}
}

.kokunai-box{
	border-bottom-color:#8AD495;
	background-color: #F8FFEB;
	position: relative;
	.box-label {
		border-color: transparent transparent #8AD495 transparent;
	}
	.tourname-icon {
		background-color: #416E1F;
	}
	ul.info {
		h4 {
			background-color: #FDF0A2;
			color: #333;
		}
		p {
			color: #20303B;
		}
	}
}

.fit-box{
	border-bottom-color: #0AAAE6;
	background-color: #EAF1F7;
	position: relative;
	.box-label {
		border-color: transparent transparent #0AAAE6 transparent;
	}
	.tourname-icon {
		background-color: #0AAAE6;
	}
	ul.info {
		h4 {
			background-color: #49A2CC;
			color: #FFF;
		}
		p {
			color: #20303B;
		}
	}
}

/* リスト表示
========================= */
.search_result-list {
	.result-box-sp{
		width: 100%;
		margin: 1% auto 2.5%;
		position: relative;
		font-size:16px;
		border-bottom-width: 2px;
		overflow: hidden;
		.result-info-ttl {
			width: 69%;
			float: right;
			font-size: 3.4vw;
		}
		.result-info-txt {
			font-size: 2.7vw;
			line-height: 1.4;
			color: #2074dc;
			margin-bottom: 2px;
		}
		.result-info-price {
			font-size: 3.7vw;
		}
		.result-info-charge {
			clear: both;
			font-size: 2.2vw;
			font-weight: bold;
			line-height: 1.5;
			color: #888;
			text-align: right;
		}
		ul.info {
			display: none;
		}
	}
	.result-box-pic {
		width: 30%;
		float: left;
		overflow: hidden;
	}
	.tourname-icon {
		position: absolute;
		left: 0;
		top: 0;
		font-weight: normal;
		font-size: 2.3vw;
		padding: 2px 5px 3px;
		border-radius: 0 8px 8px 0;
		-webkit-border-radius: 0 0 8px 0;
		-moz-border-radius: 0 8px 8px 0;
	}
	.result-info-days {
		display: none;
	}
	.result-code {
		display: none;
	}
}

/* フォームパーツ
========================= */
.menu-section{
	background-color: #eaf2fa;
	padding: 5px;
	width: 96%;
	margin: 0 2%;
	position: relative;
}
.set_trip_type,
.set_only_type,
.set_hotel_type,
.set_openjaw_type{
	padding: 0;
	font-size: 16px;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items: center;
	align-items: center;
	input {
		width: 10px;
		height: 20px;
		padding: 5px;
		background-color: #FFF;
		border: 5px solid #EEE;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	input[type=radio], input[type=checkbox] {
		display: inline-block;
		margin-right: 6px;
		& + label {
			position: relative;
			line-height: 22px;
		}
	}
}

@media (min-width: 1px) {
	.set_trip_type,
	.set_only_type,
	.set_hotel_type,
	.set_openjaw_type {
		input[type=radio],
		input[type=checkbox] {
			display: none;
			margin: 0;
			& + label {
				padding: 0 0 0 24px;
				&::before {
					content: "";
					position: absolute;
					top: 50%;
					left: 0;
					box-sizing: border-box;
					display: block;
					width: 18px;
					height: 18px;
					margin-top: -9px;
					background: #FFF;
					border-radius: 3px;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
				}
			}
		}
		input[type=radio] + label::before {
			border: 2px solid #ccc;
			border-radius: 30px;
		}
		input[type=checkbox] + label::before {
			border: 2px solid #ccc;
		}
		input[type=radio]:checked + label::after,
		input[type=checkbox]:checked + label::after {
			content: "";
			position: absolute;
			top: 50%;
			box-sizing: border-box;
			display: block;
		}
		input[type=radio]:checked + label::after {
			left: 5px;
			width: 8px;
			height: 8px;
			margin-top: -4px;
			background: #ff495c;
			border-radius: 8px;
		}
		input[type=checkbox]:checked + label::after {
			left: 3px;
			width: 16px;
			height: 8px;
			margin-top: -8px;
			border-left: 3px solid #ff495c;
			border-bottom: 3px solid #ff495c;
			transform: rotate(-45deg);
		}
	}
}
.set-trip-box,
.set-only-box,
.set-hotel-box,
.set-openjaw-box{
	width: 49%;
	margin: 0.5%;
	background-color: #ffffff;
	padding: 5px;
	font-size: 0.7em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #004BB0;
}
.set-display-type{
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	li {
		width: 49%;
		margin: 0.5%;
		background-color: #ffffff;
		padding: 10px 5px;
		font-size: 3vw;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		color: #004BB0;
		cursor: pointer;
		&.set-display-box {
			padding-left: 30px;
			background-image: url(/search/kansai/sp/img/icon/icon_mountain01.png);
			background-position: left 10px center;
			background-size: 16px;
			background-repeat: no-repeat;
			&#imageTypeBtn {
				background-image: url(/search/kansai/sp/img/icon/icon_mountain01.png);
				&.nav-active {
					background-image: url(/search/kansai/sp/img/icon/icon_mountain01_wh.png);
				}
			}
			&#listTypeBtn {
				background-image: url(/search/kansai/sp/img/icon/icon_news01.png);
				&.nav-active {
					background-image: url(/search/kansai/sp/img/icon/icon_news01_wh.png);
				}
			}
		}
		&.nav-active {
			background-color: #3d71ad;
			color: #FFF;
		}
	}
}

.half-box {
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
}

.result-nav-ul{
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	li {
		width: 24%;
		margin: 0.5% 0.5%;
		background-color: #fff;
		padding: 8px 5px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 3vw;
		color: #004BB0;
		text-align: center;
		&.nav-active {
			background-color: #3d71ad;
			color: #FFF;
		}
	}
}

.search-footer {
	padding: 5px 5px;
	.result-nav-ul li {
		width: 24%;
		margin: 0.5% 0.5%;
		background-color: #DDD;
		padding: 8px 5px 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 3vw;
		color: #004BB0;
		&.nav-active {
			background-color: #3d71ad;
			color: #FFF;
		}
	}
}

#searchWrap{
	margin: 2% 0 2%;
}
.search-nav-wrap {
	background-color: #fffced;
	padding: 0 0;
	width: 96%;
	margin: 0 2% 0;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	box-shadow: 0px 1px 6px #BBB;
	border-top: none;
	border-left: none;
}

.sb_bt{
	width: 96%;
	margin: 0 2%;
	padding: 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-content:center;
	align-content:center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
}

#set_reset_btn{
	font-size: 0.7em;
	color: #FFF;
	background-color: #EEE;
	padding: 10px 10px;
	padding-left: 30px;
	width: 75%;
	background-image: url(/search/kansai/sp/img/icon/icon_replay01.png);
	background-position: left 7px center;
	background-size: 20px;
	background-repeat: no-repeat;
}
.search-close-btn{
	background-color: #233b56;
	padding: 10px 10px;
	display: inline-block;
	color: #FFF;
	font-size: 0.7em;
	width: 25%;
	margin-left: auto;
	padding-left: 30px;
	background-image: url(/search/kansai/sp/img/icon/icon_close01_wh.png);
	background-position: left 5px center;
	background-size: 24px;
	background-repeat: no-repeat;
}

/* テレビ電話サービス
------------------------------*/
#webserviceWrap {
	* {
		box-sizing: border-box;
	}
	width: 100%;
	background-color: #F2F2F2;
	padding: 15px 10px;
	box-sizing: border-box;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.webservice {
	padding: 10px;
	background-color: #fff;
	box-sizing: border-box;
	h4 {
		font-size: 15px;
		line-height: 20px;
		font-weight: bold;
		background: url(//tour.his-j.com/ct/images/c4/img_reserve_tel_01.gif) no-repeat left center;
		background-size: 20px;
		padding-left: 23px;
		margin-bottom: 10px;
	}
	.infobox {
		border: 1px solid #0099CC;
		padding: 10px;
	}
	.title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.desc {
		font-size: 12px;
		line-height: 1.5em;
		margin-bottom: 5px;
	}
	.btn {
		width: 60%;
		margin: 0 auto 5px;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
		a {
			background-color: #47c9ff;
			border-radius: 4px;
			display: block;
			color: #fff;
			text-decoration: none;
			padding: 7px 0;
		}
	}
	.hours {
		text-align: center;
		font-size: 12px;
	}
}

/*------------------------------------------------
		スマホ横向き時の余白調整
--------------------------------------------------*/
.breadcrumb {
	width: 100%;
}

/*------------------------------------------------
	   ソート部分をメニューから分離
--------------------------------------------------*/
.sort-section{
	width: 100%;
	background-color: #fffaed;
	padding: 5px;
	width: 96%;
	margin: 0 2%;
	.sp-ttl {
		font-size: 3vw;
	}
}
.search-nav-wrap ul li.search-nav-btn {
	width: 33.33%!important;
}
#find_tourvacancy .set-trip-box, #find_guide .set-trip-box {
	width: 100%;
	background-color: #c8dff7;
	font-size: 0.8em;
	font-weight: bold;
	color: #333;
}
/*------------------------------------------------
		LINEお友達登録ボタン
--------------------------------------------------*/
.nosp {
	display: none;
}
.line-wrap-simple {
	padding: 5vw 0;/*ページによって調整*/
	.line-button {width: 90vw;}
}
.line-wrap-detail {
	padding: 5vw 0;/*ページによって調整*/
	background-color: #fff;
	.line-inner {
		background: #fcfff6;/*ページによって調整*/
		border: solid 1px #d3d3d3;
	}
	.line-button {width: 80vw;}
}
.line-inner {
	width: 94vw;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.1vw;
	line-height: 1.5;
	.fukidashi {
		font-size: 4.1vw;
		font-weight: bold;
		margin-bottom: 2vw;
	}
	.head {
		background-color: #15c618;
		padding: 2vw 0;
		color: #fff;
		font-size: 4.3vw;
		font-weight: bold;
	}
	.textarea {
		padding: 4vw 2vw 2vw;
	}
	.btnarea {
		padding: 2vw 2vw 5vw;
	}
	.text1 {
		font-size: 3.4vw;
		line-height: 1.5em;
		margin-bottom: 1vw;
		span {
			display: inline-block;
			font-weight: bold;
			color: #fb0b0b;
			background-color: #ffe1e1;
			padding: 0 0.5vw;
		}
	}
	.text2 {
		font-size: 4.1vw;
		font-weight: bold;
		background: linear-gradient(transparent 60%, #fff231 0%);
		line-height: 1.7em;
		display: inline-block;
	}
}
.line-button {
	margin: 0 auto;
	a {
		display: block;
		color: #fff;
		font-size: 3.5vw;
		font-weight: bold;
		border-radius: 8vw;
		box-shadow: 0px 3px 0px 0 rgba(0, 0, 0, .14);
		background: url(/kansai/images/icon/icon-linekansai.png) no-repeat;
		background-size: 12vw;
		background-position: 3vw;
		background-color: #15c618;
		padding: 2.4vw 4vw 1.8vw 16vw;
		position: relative;
		text-decoration: none;
		span.small {
			display: block;
			font-size: 2.8vw;
			font-weight: normal;
		}
		span.strong {
			display: block;
			&::after {
				font-family: "FontAwesome", "Font Awesome 5 Free";
				font-weight: 900;
				content: "\f138";
				font-size: 4vw;
				margin-left: 1.4vw;
			}
		}
		span.line-friend {
			font-size: 1.3em;
			color: #fff231;
			padding: 0 0.5vw;
		}
	}
}
/*------------------------------------------------
	20241129追記　おすすめリンク追加
--------------------------------------------------*/
#bnrarea-foot{
	padding: 10vw 0px 10vw;
	text-align: center;
	p {
		width:100%;
		margin-bottom:2vw;
		font-size:4.7vw;
		line-height:1.2em;
		font-weight:700;
		span.small {
			font-size: 3.5vw;
			display: block;
		}
		span.strong {
			font-size: 5vw;
			background: linear-gradient(transparent 60%, #fff231 0%);
			padding: 0 1vw;
			display: inline-block;
			margin-bottom: .5vw;
			line-height: 1.4em;
		}
	}
	ul {
		width: 90vw;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		li {
			margin-bottom: 2vw;
			img {
				width: 100%;
			}
		}
	}
	.fukidashi {
		display: none;
	}
}
#recommendarea{
	padding: 5vw 2vw;
	width: 90vw;
	margin: 0 auto;
	background: #f2f2f2;
	p {		
		font-size:5vw;
		line-height:1.3em;
		font-weight:700;
		margin: 0 0 3vw 0;
		text-align: center;
	}
	li {
		font-size: 3.2vw;
		border-radius: 50vw;
		background: #F54B00;
		margin: 1vw 0;
		display: inline-block;
		a {
			color: #fff;
			display: block;
			padding: 3vw;
			border-radius: 50vw;
			text-decoration: none;
		}
	}
}