@charset "utf-8";
html {
    color: #000;
    scroll-behavior: smooth;
}
#wrap{
	-webkit-text-size-adjust: 100%;
/*	padding-top: 46px;*/
    overflow: hidden;
    background-color: inherit!important;
}

/*----------メインビジュアル---------*/

.top_ttl {
	padding-bottom: 1%;
}
.mainttl {
	margin: 20px 0 0;
	font-size: 0.5em;
	text-align: center;
	color: #fff;
}
.mainttl img{
	width: 100%;
}
.top_ttl::before {
    background: url("../img/mv_bg_sp.jpg") no-repeat center top;
    background-size: cover;
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100vh;
}


/*----------▼2022改修----------*/


/*----------▼ツアー販売期間----------*/
.announce {
    width: 80%;
    text-align: center;
    color: #fff;
    font-size: 5vw;
    font-weight: bold;  
    padding: 2vw 0 1.5vw;
    margin: 25px auto;
    background: #ed3a60;
    border: 3px solid #fff;
    border-radius: 80px;
    line-height: 1;
}
.announce p { font-weight: bold;}
.announce p:first-child {
    font-size: 4vw;
    margin-bottom: 1.2vw;
}

/*----------▼最新のお知らせ----------*/
#newsWrap {
    width: 90%;
    margin: 0 auto;
    background: #fff;
    box-shadow: 0 3px 7px 0 rgb(10 39 93 / 70%);
}
#newsWrap h2 {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 5px 0 3px;
    background-color: #0450b9;
    
}
#newsBox .newslist {
    padding: 5px 10px 10px;
    max-height: 300px;
    overflow-y: auto;
}
#newsBox .newslist li {
	display: flex;
	border-top: dotted 1px #ccc;
	padding: 8px 0;
    flex-direction: column;
}
#newsBox .newslist li:first-child {
	border-top: none;
}
#newsBox .newslist li:empty {
	display: none;
}
#newsBox .newslist .date {
    width: 170px;
    margin-right: 20px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
#newsBox .newslist .date time {
	font-size: 13px;
}
#newsBox .newslist .date p {
	width: 80px;
	font-size: 11px;
	text-align: center;
	color: #fff;
}
#newsBox .newslist .text {
	font-size: 12px;
	line-height: 1.5em;
}
#newsBox .newslist .text a {
	color: #000;
    text-decoration: none;
}
#newsBox .newslist .text a:hover {
    text-decoration: underline;
}
#newsBox .newslist .price {
	color: red;
}
#newsBox .newslist .red {
	color: red;
}

/*----------▼ハワイ最新情報まとめバナー----------*/
.bnr_top {
    position: relative;
	width: 90%;
    margin: 30px auto;
    border: 3px solid #fff;
    text-align: center;
    line-height: 0;
}
.bnr_top img {
    width: 100%;
}

/*----------▼各種リンク----------*/
#link-wrap {
    width: 90%;
    margin: 30px auto 50px;
}
#link-wrap ul {
    display: flex;
    flex-direction: column;
}
#link-wrap .link-box {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;    
    padding: 2vw;
    border: solid 3px #fff;
    margin-bottom: 8px;
    color: #000;
}
#link-wrap .link-box a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
#link-wrap .link-box:after {
    background: url("../../img/link_btn.png");
    content: "";
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    right: -1vw;
    width: 5.6vw;
    height: 5.6vw;
    background-size: cover;
}
#link-wrap .link-box .photo {
    width: 25%;
    margin-right: 4vw;
    display: flex;
    align-items: center;
    padding-bottom: 3px;    
}
#link-wrap .link-box .photo img {
    width: 100%;
}
#link-wrap .link-box .text {
    width: 65%;
}
#link-wrap .card01 {background: #ffc62e;}
#link-wrap .card02 {background: #bcd30d;}
#link-wrap .card03 {background: #f9bcdc;}
#link-wrap .card01 img {filter: drop-shadow(4px 4px 0px #e67b13);}
#link-wrap .card02 img {filter: drop-shadow(4px 4px 0px #789e12);}
#link-wrap .card03 img {filter: drop-shadow(4px 4px 0px #e165a6);}

#link-wrap .link-box p {
    font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", sans-serif;
    font-weight: bold;
}
.link-box .catch {
    font-size: 3.5vw;
}
.link-box .catch span {
    background: #fff;
    padding: 0.5vw 1vw 0.3vw;
    display: inline-block;
    line-height: 1.2em;
    margin: 2px 0;    
}
.link-box .ttl {
    font-size: 5.3vw;  
    line-height: 1.1em;
    margin-top: 3px;
}

/*----------▼HISの新しいサービス----------*/
#new-service {
    background: #f7f4ea;
    padding: 30px 0 50px;
    position: relative;
    background-color: #fff5d8;
    background-image: radial-gradient(#ffffff 26%, transparent 29%),radial-gradient(#ffffff 26%, transparent 29%);
    background-position: 0 0, 7px 7px;
    background-size    : 14px 14px;        
}
#new-service::after {
    content: "" !important;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent transparent;
    position: absolute;
    border-top-color: #fff;
    border-width: calc(40vw / 7.5) calc(65vw / 7.5) 0 calc(65vw / 7.5);
    bottom: calc(-32vw / 7.5);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
#new-service .inner {
    padding: 0 15px;
    margin: 0 auto;
}
#new-service h2 {
    width: 100%;
    margin: 0 auto 30px;
}
#new-service h2 img {
    width: 100%;
}
.service-wrap {
    display: flex;
    flex-direction: column;
}
.service-box {
    width: 100%;
    padding: 15px 15px 20px;
    border-radius: 10px;
    background: #fff;
    border: 2px solid #000;
    margin-bottom: 25px;
}
.service-box img {
    width: 100%;
}
.service-box .ttl {
    font-size: 18px;
    font-weight: bold;
    margin: 14px 0 12px; 
    padding: 5px 0 5px 12px;
    border-left: 6px solid #efdc05;
    color: #083d8c;
}
.service-box .catch {
    font-weight: bold;
    color: #083d8c;
    font-size: 15px;
}
.service-box .text {
    font-size: 13px;
}
.service02 img {
    border: 1px solid #bdbdbd;
}



/*----------▼おすすめツアー----------*/
#tourWrap {
	width: 100%;
	padding: 20px 0;
    background: #fff;
}
#tourWrap h2 {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 30px 0 10px;
    padding-left: 5%;
}
#tourWrap h2:before {
	background: url("../img/icon/navi-tour.svg") no-repeat;
	background-size: contain;
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 1% 1% 0;
	vertical-align: middle;    
}

/*タブ実装*/
.tab_box .btn_area {
    display: flex;
    width: 95%;
    margin: 0 auto;
    flex-wrap: wrap;
    list-style: none;
    font-size: 14px;
    padding: 10px 10px 5px;
    background-color: #e4edf9;
    justify-content: space-between;
}

.tab_box .tab_btn {
    position: relative;    
    text-align: center;
    height: auto;
    width: 49%;
    border: 1px solid #000;
    background:#fff;
    margin-bottom: 5px;    
}
.tab_box .tab_btn.active {
    background-color: #efdc05;
    position: relative;
}
.tab_btn .btn-text {
    height: 100%;
    padding: 10px 15px 10px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2em;
	color: #000;
}
.tab_btn .btn-text::after {
    content: "▼";
    display: block;
    position: absolute;
    right: 3px;
    margin: auto;
    font-size: 12px;
}
.tab_box .tab_panel {
    display:none;
}
.tab_box .tab_panel.active {
    display:block;
}
.tab_box .panel-inner {
    padding: 170px 10px 0;
    display: block;
    margin-top:-170px;	
}
#tab-finalstay a {
	padding-left: 8px;
}
.se-br{
		display: none;
	}
@media screen and (max-width:375px) {
	.se-br {
		display: block;
	}
}
.panel_area .catch {
    margin: 30px 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.panel_area .panel-inner h4 {
    text-align: center;
    font-size: 18px;
    line-height: 1.3em;
    font-weight: bold;
}
.panel_area .panel-inner .sub_ttl {
    text-align: center;
    font-size: 13px;
    margin-top: 15px;
    line-height: 1.2em;
}

/*---------------------------------------------
       おすすめツアー（商品設定）
---------------------------------------------*/
.tour-box > li {
	width: 100%;
	background-color: #fff;
	margin: 0 2vw 3vw 0;
	position: relative;
}

.tour-box > li:empty {
	display: none;
}
.tour-box > li a {
	display: block;
	border: 1px solid #ececec;
	height: 100%;
	color: #222;
	text-decoration: none;
    padding: 2vw;
}
.tour-box .top-wrapper {
    display: flex;
    justify-content: space-between;    
}
.tour-box .img-wrapper {
    width: 35%;
}
.tour-box .text-wrapper {
    width: 62%;
}
/*.tour-box::after{
    content: "　";
    margin-right: 1em;
    display: block;
}*/
.item_icon {
    position: absolute;
    left: 1px;
    top: -2px;
    color: #fff;
    z-index: 1;
}
.item_icon .item_icon01 {
    background-color: #875c0b;
    padding: 3px;
	font-size: 12px;
}
.item_icon .item_icon01:empty{
	display: none;
}

.tour-box .tour-img {
    padding-bottom: 2vw;
}
.tour-box .tour-img img {
	width: 100%;
}
.tour-box .icon-area {
    margin-bottom: .5vw;
}
.tour-box .icon-area ul {
	display: flex;
	flex-wrap: wrap;
}
.tour-box .icon-area ul li{
	display: inline-block;
    padding: 2px;
	margin: 0 3px 3px 0;
    color: #fff;
	font-size: 11px;
}
li.icon-myeong{background-color: #7532e0;}
li.icon-dlx{background-color: #e04b32;}
li.icon-ss{background-color: #6dac4f;}
li.icon-meal{background-color: #f79739;}
li.icon-tokuten{background-color: #d15796;}
li.icon-free{background-color: #4bc9cc;}

.tour-box .tour-title {
	font-size: 14px;
	line-height: 1.3em;
	font-weight: bold;
	color: #235BC0;
	margin-bottom: 5px;
}
.tour-box .tour-text {
	font-size: 12px;
	line-height: 1.3em;
	margin-bottom: 5px;
}
.tour-box .info-area ul {
	background-color: #f2f2f2;
	padding: 3px 2vw;
	/*font-weight: bold;*/
	font-size: 10.5px;
	line-height: 1.3em;
    margin-bottom: 10px;
}
.tour-box .info-area ul li {
	margin-bottom: 3px;
	padding-left: 16px;
}
.tour-box .info-area .hotel{
	background: url(/kaigai/kansai/common/img/icon/icon_hotel01.png) no-repeat left top;
    background-size: 12px;
}
.tour-box .info-area .lank{
	background: url(/kaigai/kansai/common/img/icon/icon_recom03.png) no-repeat left top;
    background-size: 12px;
}
.tour-box .info-area .airline{
	background: url(/kaigai/kansai/common/img/icon/icon_air04.png) no-repeat left top;
    background-size: 12px;
}
.tour-box .info-area .time{
	background: url(/kaigai/kansai/common/img/icon/icon_time01.png) no-repeat left top;
    background-size: 12px;
}
.tour-box .item-ship{
	background: url(/kaigai/kansai/common/img/icon/cruse.png) no-repeat left top;
    background-size: 12px;
}
.tour-box .tour-price{
    font-size: 13px;
	line-height: 1.5em;
    font-weight: bold;
    text-align: right;
    color: #FF3C3C;
}
.tour-box .tour-nenyu{
	font-size: 10px;
	color: #FF3C3C;
	text-align: right;
	margin-bottom: 3px;
	padding: 0 2vw;
}
.tour-box .tour-dep{
	text-align: right;
	font-size: 10px;
}
.tour-box .icon-area li:empty{
	display: none;
}
.tour-box > li:after {
    content: "";
    bottom: 0;
    right: 0;
    border-top: 0.5em solid transparent;
    border-right: 0.5em solid #fbd438;
    position: absolute;
}


/*商品空の時*/
.tour-box > li:empty {
    display: none;
}
/*----------おすすめ特集---------*/
#specialWrap {
	width: 100%;
	padding: 20px 0;
	background-color: #f7f5f0;
}
#specialWrap h2 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	margin-bottom: 20px;
	padding-left: 5%;
}
#specialWrap h2:before {
    background: url(../img/icon/navi-special.svg) no-repeat;
    background-size: contain;
}
#specialWrap h2:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-right: 1%;
	vertical-align: middle;
}
#specialWrap ul {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#specialWrap ul li {
	margin-bottom: 10px;
}
#specialWrap ul li {width: 48%;}
#specialWrap ul li a {
	display: block;
}
#specialWrap ul li img {
	width: 100%;
}

/*----------▼航空券+ホテル、航空券----------*/
#airahWrap {
	width: 100%;
	padding: 30px 0 40px;
    background: #fff;    
}
#airahWrap h2 {
	font-size: 18px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
	padding-left: 5%;
}
#airahWrap h2:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 1% 1% 0;
	vertical-align: middle;
}
.airhotel-box, .air-box {
    padding: 0 15px;
    margin: 0 auto;
}
.airhotel-box > li, .air-box > li  {
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    border: 1px solid #b5b5b5;
}
#airahWrap .product__list--inner {
    background: #fff;
    color: inherit;
    text-decoration: none;
    display: flex;
    position: relative;
    padding: 2%;    
}
#airahWrap .airah-img {
    width: 36%;
    margin-right: 1.5%;
}
#airahWrap .airah-img img {
    width: 100%;
}
#airahWrap .product__list--text-wrapper {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    width: 62.5%;
    font-size: 14px;
}
#airahWrap .product__list--title {
    padding: 1%;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.35;
    color: #175bb7;
}
#airahWrap .subTxt {
	font-size: 11px;
    line-height: 1.3em;
}
#airahWrap .product__list--more {
    display: flex;
    align-items: baseline;
    margin-top: 1%;
}
#airahWrap .product__list--more--title {
    display: inline-block;
    line-height: 1.2;
    background: #7d7d7d;
    color: #fff;
    text-align: center;
    width: 30%;
    margin-right: 1%;
    padding: 1%;
}
#airahWrap .product__list--more--text {
    width: 68%;
}
#airahWrap .priceText {
    font-size: 14px;
    font-weight: bold;
    color: #f00;
    text-align: right;
}

#airahWrap .product__list--price {
    display: flex;
    flex-direction: column;
    text-align: right;
    margin-top: 10px;
}
#airahWrap .fuel {
    color: #f00;
    font-size: 11px;
}
/*----------▼航空券+ホテル----------*/
#airhotelWrap {
    padding: 30px 0;
}
#airhotelWrap h2:before {
	background: url("../img/icon/navi-airhotel.svg") no-repeat;
	background-size: contain;
}
/*----------▼航空券----------*/
#airWrap {
    padding: 30px 0;
}

#airWrap h2:before {
	background: url("../img/icon/navi-air.svg") no-repeat;
	background-size: contain;
}

/*もっと見るボタン*/
#tourWrap .btn-more,
#airhotelWrap .btn-more,
#airWrap .btn-more,
#specialWrap .btn-more{
	background-color: #0450b9;
}
#tourWrap .btn-more,
#airhotelWrap .btn-more,
#airWrap .btn-more,
#specialWrap .btn-more{
	width: 80vw;
	height: 40px;
	margin: 5vw auto;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}
#tourWrap .btn-more a,
#airhotelWrap .btn-more a,
#airWrap .btn-more a,
#specialWrap .btn-more a{
	color: #fff;
	display: block;
	text-decoration: none;
	border-radius: 20px;
}

/*----------▼バナー----------*/
.bnr {
    margin: 0 auto;
    padding: 15px;
}
.bnr img {
    width: 100%;
}

/*footer*/
#footer {
    padding-top: 1px;
    background: #fff;
}

/*----------やっぱりハワイキャンペーン----------*/
#campaign {
    width: 100%;
    background-image: url("../../img/campaign/bg-flower.png"),url("../../img/campaign/bg-flower.png"),url("../../img/campaign/bg.png");
	background-repeat: no-repeat,no-repeat,repeat;
	background-size: 180%,180%,100px;
	background-position: top -6vw center,bottom -6vw center,top left;
    color: #222;
    padding: 10vw 0 15vw;
}
#campaign .inner {
    width: 94vw;
    margin: 0 auto;
}
#campaign .f-mini {
	font-size: 0.75em;
}
#campaign h2 {
    text-align: center;
    margin-bottom: 3vw;
}
#campaign h2 img {
	width: 100%;
}
#campaign .detail {
	width: 100%;
	margin-bottom: 5vw;
	background-color: #fff;
	padding: 2vw 1vw;
	display: flex;
	flex-wrap: wrap;
	font-size: 3.5vw;
	line-height: 1.6em;
}
#campaign .detail li span:first-child {
	font-weight: bold;
}
#campaign .plan-list {
	width: 100%;
}
#campaign .plan-list li {
	width: 100%;
	background-color: #fff;
	border: solid 0.4vw #333;
	margin-bottom: 2vw;
}
#campaign .ttl-box {
	display: flex;
	width: 100%;
}
#campaign .plan1 .ttl-box {background-color: #fff0f1;}
#campaign .plan2 .ttl-box {background-color: #d6f9ff;}
#campaign .plan3 .ttl-box {background-color: #fff3dd;}

#campaign .ttl-box .num {
	width: 18%;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 2vw;
}
#campaign .plan1 .ttl-box .num {background-color: #f7959c;}
#campaign .plan2 .ttl-box .num {background-color: #74ccdc;}
#campaign .plan3 .ttl-box .num {background-color: #f0be6e;}
#campaign .ttl-box .num span {
	display: block;
}
#campaign .ttl-box .num span:nth-child(1) {
	font-weight: normal;
	letter-spacing: 0.2em;
}
#campaign .ttl-box .num span:nth-child(2) {
	font-size: 7.0vw;
	line-height: 1.0em;
}
#campaign .ttl-box .text {
	width: 82%;
	font-size: 3.8vw;
	line-height: 1.3em;
	font-weight: bold;
	padding: 1vw 2vw;
}
#campaign .conts-box {
	width: 100%;
	padding: 2vw;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#campaign .conts-box .text {
	width: 48%;
	font-size: 3.6vw;
	line-height: 1.5em;
}
#campaign .conts-box .text .f-red {
	font-weight: bold;
	color: #ec3544;
}
#campaign .conts-box .ph {
	width: 48%;
}
#campaign .conts-box .ph img {
	width: 100%;
	margin-bottom: 1vw;
}
#campaign .conts-box .ph span {
	display: block;
	font-size: 2.8vw;
	line-height: 1.1em;
}
#campaign .conts-box .info {
	margin-top: 2vw;
	width: 100%;
	background-color: #f5f5f5;
	font-size: 3.2vw;
	line-height: 1.5em;
	padding: 1vw;
}
#campaign .plan2 .conts-box .info {color: #056e82;}
#campaign .plan3 .conts-box .info {color: #eb5d1e;}
#campaign .note {
	border-top: dashed 1px #333;
	padding: 2vw;
	font-size: 3.0vw;
	line-height: 1.4em;
	margin-top: auto;
}
#campaign .btn-more {
    width: 80vw;
    height: 10vw;
    margin: 5vw auto 0;
    background-color: #f13c4b;
    font-size: 3.6vw;
    line-height: 10vw;
    text-align: center;
    border-radius: 5vw;
}
#campaign .btn-more a {
    color: #fff;
    display: block;
    text-decoration: none;
    border-radius: 5vw;
}

/*----------初夢2023　第1弾----------*/
#hatsuyume {
    width: 100%;
    background-color: #f2e5bf;
    padding: 0 0 5vw 0;
}
#hatsuyume .head {
    width: 100%;
    height: 30vw;
    background: url("../../img/hatsuyume/bg-head.jpg") repeat-x;
    background-size: auto 100%;
    margin-bottom: 3vw;
}
#hatsuyume .head h2 {
    padding-top: 2vw;
}
#hatsuyume .head h2 img {
    width: 100%;
}
#hatsuyume .inner {
    width: 94vw;
    margin: 0 auto;
}
#hatsuyume .cpn-tokuten {
    width: 100%;
    background-color: #fff;
    background-image: url("../../img/hatsuyume/bg-tokuten-top.png"),url("../../img/hatsuyume/bg-tokuten-bottom.png");
    background-position: top right,bottom left;
    background-repeat: no-repeat,no-repeat;
    background-size: 30vw,30vw;
    padding: 5vw 0;
}
#hatsuyume .cpn-tokuten > li {
    position: relative;
    border-bottom: dashed 1px #ca2d92;
    padding: 4vw 5vw;
}
#hatsuyume .cpn-tokuten > li:last-child {
    border-bottom: none;
}
#hatsuyume .cpn-tokuten li img.ph1 {
    position: absolute;
    top: 16vw;
    right: 3vw;
    width: 28vw;
}
#hatsuyume .cpn-tokuten li img.ph2 {
    position: absolute;
    top: 12vw;
    right: 3vw;
    width: 28vw;
}
#hatsuyume .cpn-tokuten h3 {
    font-size: 5.0vw;
    line-height: 1.0em;
    font-weight: bold;
    color: #ca2d92;
    vertical-align: middle;
    margin-bottom: 3vw;
}
#hatsuyume .cpn-tokuten h3:before {
    content: "";
    width: 10vw;
    height: 10vw;
    display: inline-block;
    background: url("../../img/hatsuyume/hibiscus.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 2vw;
}
#hatsuyume .cpn-tokuten .text {
    font-size: 3.6vw;
    line-height: 1.4em;
    margin-bottom: 2vw;
}
#hatsuyume .cpn-tokuten .text .red {
    color: #d40011;
}
#hatsuyume .cpn-tokuten .text .big {
    font-size: 1.1em;
    font-weight: bold;
}
#hatsuyume .cpn-tokuten .naiyo {
    background-color: #feeef8;
    border-radius: 10px;
    padding: 3vw;
    margin-bottom: 3vw;
}
#hatsuyume .cpn-tokuten .naiyo a {
    color: #1C35C8;
    text-decoration: underline;
}
#hatsuyume .cpn-tokuten .naiyo ul:nth-child(1) {
    font-size: 3.6vw;
    color: #333;
    font-weight: bold;
    margin-bottom: 1vw;
} 
#hatsuyume .cpn-tokuten .naiyo ul:nth-child(2) {
    font-size: 3.4vw;
} 

#hatsuyume .cpn-tokuten .note {
    font-size: 3.0vw;
}
#hatsuyume .btn-search {
	width: 80vw;
	height: 40px;
	margin: 5vw auto;
    background-color: #ca2d92;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}
#hatsuyume .btn-search a {
	color: #fff;
	display: block;
	text-decoration: none;
	border-radius: 20px;
}
#hatsuyume .tour {
    margin-top: 5vw;
}
#hatsuyume .tour-box .icon-area ul li {
    background-color: #ca2d92;
}
#hatsuyume .tour-box::after {
    display: none;
}
/*----------スーパーサマーセール2023----------*/
#sss {
    width: 100%;
    background-color: #f2e5bf;
    padding: 0 0 5vw 0;
    background: url("../../img/sss/bg-tile.jpg");
}
#sss .head {
    width: 100%;
    /*height: 30vw;*/
    background: url("../../img/sss/bg-head.jpg") repeat-x;
    background-size: auto 100%;
    margin-bottom: 3vw;
}
#sss .head h2 {
    padding: 2vw 10vw;
}
#sss .head h2 img {
    width: 100%;
}
#sss .inner {
    width: 94vw;
    margin: 0 auto;
}
#sss .cpn-tokuten {
    width: 100%;
    background-color: #fff;
    background-image: url("../../img/sss/bg-tokuten-top.png"),url("../../img/sss/bg-tokuten-bottom.png");
    background-position: top right,bottom left;
    background-repeat: no-repeat,no-repeat;
    background-size: 30vw,30vw;
    padding: 7vw 0;
}
#sss .cpn-tokuten > li {
    position: relative;
    border-bottom: dashed 1px #ca2d92;
    padding: 4vw 5vw;
}
#sss .cpn-tokuten > li:last-child {
    border-bottom: none;
}
#sss .cpn-tokuten li img.ph1 {
    /*position: absolute;
    top: 16vw;
    right: 3vw*/;
    width: 28vw;
    object-fit: contain;
    object-position: top;
}
#sss .cpn-tokuten li img.ph2 {
    position: absolute;
    top: 12vw;
    right: 3vw;
    width: 28vw;
}
#sss .cpn-tokuten h3 {
    font-size: 5.0vw;
    /*line-height: 1.0em;*/
    font-weight: bold;
    color: #ca2d92;
    vertical-align: middle;
    margin-bottom: 3vw;
    background: url("../../img/sss/hibiscus.png") no-repeat;
    background-size: 10vw 10vw;
    padding-left: 12vw;
    padding-right: 5vw;
    min-height: 10vw;
    line-height: 6vw;
}
/*#sss .cpn-tokuten h3:before {
    content: "";
    width: 10vw;
    height: 10vw;
    display: inline-block;
    background: url("../../img/sss/hibiscus.png") no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 2vw;
}*/
#sss .cpn-tokuten .text {
    font-size: 3.6vw;
    line-height: 1.4em;
    margin-bottom: 2vw;
    padding-right: 2vw;
}
#sss .cpn-tokuten .text .red {
    color: #d40011;
}
#sss .cpn-tokuten .text .big {
    font-size: 1.1em;
    font-weight: bold;
}
#sss .cpn-tokuten .midashi {
    display: flex;
    margin-bottom: 3vw;
}
#sss .cpn-tokuten .naiyo {
    background-color: #feeef8;
    border-radius: 10px;
    padding: 3vw;
    margin-bottom: 3vw;
}
#sss .cpn-tokuten .naiyo a {
    color: #1C35C8;
    text-decoration: underline;
}
#sss .cpn-tokuten .naiyo ul:nth-child(1) {
    font-size: 3.6vw;
    color: #333;
    font-weight: bold;
    margin-bottom: 1vw;
} 
#sss .cpn-tokuten .naiyo ul:nth-child(2) {
    font-size: 3.4vw;
} 

#sss .cpn-tokuten .note {
    font-size: 3.0vw;
}
#sss .btn-search {
	width: 80vw;
	height: 40px;
	margin: 5vw auto;
    background-color: #ca2d92;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
}
#sss .btn-search a {
	color: #fff;
	display: block;
	text-decoration: none;
	border-radius: 20px;
}
#sss .tour {
    margin-top: 5vw;
}
#sss .tour-box .icon-area ul li {
    background-color: #ca2d92;
}
#sss .tour-box::after {
    display: none;
}

/*メインビジュアルの背景影響回避*/
#tell {
	background: #fff;
	padding: 3vw 0;
}
#searchArea {
	background: #fff;
}