@charset "utf-8";

:root {
	--page-main-font: #0C8254; /* タイトルなどの文字色 */
	--page-main-bg: #ECF7D2; /* 背景色 */
	--sub-color-1: #C8F756; /* 差し色 中間 */
	--sub-color-2: #ECF7D2; /* 差し色 薄い */
	--sub-color-3: #0c8254; /* 差し色 濃い */
	--bt-color: #0c8254; /* BT 文字色 */
	--keywordbt-color: #0c8254; /* キーワードBT 文字色 */
	--tab-month-1-font: #0c8254; /* タブ1つ目 文字色 */
	--tab-month-2-font: #782818; /* タブ2つ目 文字色 不要*/
	--tab-month-3-font: #782818; /* タブ3つ目 文字色 不要*/
	--tab-month-1-bg: #c8f756; /* タブ1つ目 背景色 */
	--tab-month-2-bg: #e1d3c0; /* タブ1つ目 背景色 不要*/
	--tab-month-3-bg: #fcd38e; /* タブ1つ目 背景色 不要*/
	--mv-font1: #0C8254; /*  MV 2文字目・MV ボタンライン・スライダーのボタン色 */
	--mv-font2:#85B70C; /* MV 3文字目 */
	--mv-font3: #F99223; /* MV 下文字*/
	--mv-font_gradient1: #039AB0; /* MV 1文字目グラデ */
	--mv-font_gradient2: #61C512; /* MV 1文字目グラデ */
	--mv-font_gradient3: #F1B22B; /* MV 1文字目グラデ */
	--pagenav_gradient1: #039AB0; /* PAGENAVグラデ */
	--pagenav_gradient2: #61C512; /* PAGENAVグラデ */
}

@media print, screen and (min-width: 960px) {
.recommendCoupon_block {background:var(--page-main-bg);}
.mvTtl_illust{width: 110px !important;}
}

/*タブ　調整*/
.monthly_tabpanel.month-1{margin-top:40px;}


/*MVアイコン位置　調整*/
.mvTtl_illust.-illust01{transform: translate(75%, -50%) !important;}
.mvTtl_illust.-illust02 {transform: translate(-20%, -40%) !important;}
.mvTtl_illust.-illust04{top: 60% !important;}
.mvTtl_illust.-illust05 {bottom: 20px !important; transform: translate(15%, 40%) !important;}
.mvTtl_illust.-illust06{transform: translate(-100%,40%) !important;}

/*ページナビ　調整*/
.pagenavList_item a.is-current {color: var(--bt-color); background: var(--page-main-bg) !important;}

/*海外ツアー料金カレンダー背景　調整*/
.priceCalendar {background-color: rgba(255, 255, 255, .5) !important;}


/*MV5連休追加*/
.mvTtl_illust.-illust07 {
    right: -60px;
    top: 0;
    transform: translate(-130%, -56%);
    color: #fff;
    /* color: var(--mv-font_gradient2); */
    font-size: 1.8em;
    width: 145px !important;
    background: var(--pagenav_gradient2);
    padding: 27px 0;
    border-radius: 200px;
    font-weight: 900;
    text-align: center;
    line-height: 1.3em;
}

@media screen and (max-width: 959px) {
.mvTtl_illust.-illust07 {
        transform: translate(-175%, -60%);
        font-size: 0.8em;
        width: 55px !important;
        padding: 8px;
        border-radius: 50px;
        line-height: 1.5em;
    }
.mvEn{padding: 7px 15px !important; white-space: nowrap;}
.mvTtl_illust.-illust06 {
		transform: translate(-40%, 30%) !important;
		width: 60px !important;
		}
.mvTtl_illust.-illust02 {transform: translate(-10%, -45%) !important;}		
}