/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */

article,
aside,
details, /* 1 */
figcaption,
figure,
footer,
header,
main, /* 2 */
menu,
nav,
section,
summary { /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */

audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */

template, /* 1 */
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
}

/**
 * Add the correct background and color in IE 9-.
 */

mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */

svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
pre,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */

figure {
  margin: 0;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* Forms
   ========================================================================== */

/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
select,
textarea {
  font: inherit; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */

optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type="button"], /* 1 */
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
li {
  list-style: none;
}


/*こだわりから探す*/

/*航空券お役立ちコンテンツ*/

.usefulContents {

}

.usefulContents-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 0;
}

.usefulContents-item .post:nth-child(3),
.usefulContents-item .post:nth-child(8) {
    margin-right: 0;
}

.usefulContents .post-intro {
  display: none;
}
/*//航空券お役立ちコンテンツ*/

/*都市航空券ガイド*/



/*//都市航空券ガイド*/

/*エアライン・航空情報*/

.magazine-area {
    border-bottom: none;
    margin-bottom: 0;
}

.abMagazine-newItem {
    font-size: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    float: left;
    width: 100%;
}

.magazine-area .post-intro {
    margin-bottom: 30px;
}

.magazine-area i {
    color: #fff;
    font-size: 12px;
    font-style: normal;
    padding: 2px 10px;
}
#magazine-guide i {
    background: #63a69f;
}
#magazine-knowledge i {
    background: #f2594b;
}
#magazine-girl i {
    background: #c22e93;
}

/*//エアライン・航空情報*/

.search-area {
    margin-top: 0px;
}

/*地図*/

.areaName {
    font-size: 12px;
    text-align: center;
    color: #2a2a2a;
    margin-bottom: 5px;
}

/*//地図*/

.areaRanking-list-wrapper {
    float: left;
    width: 24.5%;
    margin-bottom: 20px;
}
.areaRanking-list .areaRanking-list-wrapper:not(:nth-child(4n)) {
    margin-right: 5px;
}

/*2017.12.12 ADD END*/
/*	pupup
============================================*/
.calendar-box table td{ height:2em; }

.popup-calendar{ width:537px; }
#popup-calendar3{ position:absolute; top:-40px; left:-100px; cursor: default;}

/*============================================
  popup
============================================*/
.popup-frame{ padding:10px; background:#F6F4EE; border:#7F8991 1px solid; }
.popup-frame p.pre-btn, .facebox-frame p.pre-btn{  width:50px;clear:both; float:left; padding:0 0 0 10px; }
.popup-frame p.pre-btn a, .facebox-frame p.pre-btn a{ padding:0 0 0 11px; background:transparent url(/jdr/img/common_icon.png) no-repeat 0 -12px; }
.popup-frame p.next-btn, .facebox-frame p.next-btn{ width:50px; float:right; padding:0 5px 0 0; }
.popup-frame p.next-btn a, .facebox-frame p.next-btn a{ padding:0 16px 0 0; background:url(/jdr/img/common_icon.png) no-repeat right 3px; }
.popup-frame div.popup-close-btn-up{ width:100%; }
.popup-frame div.popup-close-btn-up a{ width:11px; height:11px; float:right;  background:url(/jdr/img/common_icon.png) no-repeat right -42px; text-indent:-9999px; font-size:1px; line-height:1px; }
.popup-frame div.popup-close-btn-ud{ clear:both; text-align:center; }
.popup-frame div.popup-close-btn-ud a{ clear:both; padding:0 0 0 18px; background:url(/jdr/img/common_icon.png) no-repeat 0 -40px; font-weight:bold; }

.popup-calendar{ width:572px; height:270px; font-weight:bold; }
.calendar-box{ float:left; display:inline; margin:0 0 10px 10px; height: 225px; position: relative;}
.sub-calendar .calendar-box{ float:left; display:inline; margin:0 0 10px 10px; height:auto; position: relative;}
.calendar-box table{ background:#FFFFFF; border:#B0B0AC 1px solid; }
.calendar-box table th{ padding:3px 0; text-align:center; border-right:#B0B0AC 1px solid; border-bottom:#B0B0AC 1px solid; }
.calendar-box table td{ padding:3px 0; text-align:center; border-right:#B0B0AC 1px dotted; border-bottom:#B0B0AC 1px dotted; font-size:0.83em; }
.calendar-box table td a{ display:block; }
.calendar-box table td a:link{ text-decoration:none; }
.calendar-box table td a:visited{ text-decoration:none; }
.calendar-box table td a:hover{ text-decoration:underline; }

.calendar-box table .pink{ background:#FFD8EF; }
.calendar-box table .blue{ background:#E8F4F9; border-right:none; }
.popup-calendar div.calendar-box{ width:169px; }
.popup-calendar div.calendar-box table{ width:169px; }
.popup-calendar div.calendar-box table th{ width:24px; }
.popup-calendar div.calendar-box table td{ width:24px; }
.popup-calendar div.calendar-box table td{ padding:3px 0px 0px 0px; }
.calendar-box table td.gray{ background:#FBFBFB; }
.calendar-box table td.gray:hover{ background:#FBFBFB !important; }
.calendar-box table td.border-r-no{ border-right:none; }
.calendar-box table td.border-b-no{ border-bottom:none; }
.popup-calendar div.calendar-box p.ym{ text-align:center; font-weight:bold; }
.calendar-box table td.pink{ background:#FFD8EF; }
.calendar-box table td.blue{ background:#E8F4F9; border-right:none; }
.popup-calendar div.calendar-box table td.overday{ background:#FFE4CE; cursor:pointer;}
.popup-calendar div.calendar-mask, div.calendar-move {position:absolute;overflow:hidden;}

/* sub-container */


.sub-container .sp1 {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
    word-wrap: break-word;
}
.sub-container .sp2 {
    display: block;
    word-wrap: break-word;
}
/*2020.04.27 ADD START*/
.min-price-month {
    color: rgb(255, 255, 255);
    font-size: 11px;
    font-weight: normal;
    background-color: rgb(213, 213, 213);
    padding: 1px 8px;
    margin-right: 5px;
    width: 56px;
    display: inline-block;
    text-align: center;
}
.areaRanking-list-inner a {
    padding: 8px 10px 10px 40px!important;
}
/*2020.04.27 ADD END*/
/*2020.11.27 ADD START*/
/*---------- TOP --------------*/
/* areaRanking */
.areaRanking-list-inner dt {
	border-right: solid 1px #d5d5d5;
	border-left: solid 1px #d5d5d5;
    border-bottom: solid 1px #d5d5d5;
    position: relative;
    height: 38px;
}
.areaRanking-list-inner a {
	display:block;
    padding: 8px 12px 10px 40px!important;
}

.areaRanking-list-inner dt a:hover,
.areaRanking-list-inner dt a:active,
.areaRanking-list-inner dt.open {
    opacity: 0.7;
}

.areaRanking-list-inner dt:first-of-type {
    border-top: solid 1px #d5d5d5;
}

.areaRanking-list-inner dt:nth-of-type(odd) {
    background: #fcfcfc;
}

.areaRanking-list-inner dt:nth-of-type(even) {
    background: #fff;
}

.areaRanking-list-inner dt:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -7px;
    font-family: arial;
    color: #2a2a2a;
    counter-increment: count-number;
    content: counters(count-number,".") " ";
}
.areaRanking-list-inner dt:after {
   /* content: '';
    display: block;
    position: absolute;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    border-bottom: 5px solid #d5d5d5;
    transform: rotate(180deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;*/
	content: '';
	width: 6px;
    height: 6px;
    border-top: solid 2px #7c7c7c;
    border-right: solid 2px #7c7c7c;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
	transition: all 0.2s ease-in-out;
    margin-top: -4px;
}
.areaRanking-list-inner dt.link-arrow:after {
	content: '';
	width: 6px;
    height: 6px;
    border-top: solid 2px #7c7c7c;
    border-right: solid 2px #7c7c7c;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    right: 10px;
	transition: all 0.2s ease-in-out;
    margin-top: -4px;
}
.areaRanking-list-inner dt.open:after {
	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* 2020-04-20 ADD START */
.areaRanking-list-inner dt {
    height: 37px!important;
}
/* 2020-04-20 ADD END */

/* 2018-03-01 ADD START */
.areaRanking-list-inner dt:before {
    left: 10px;
/* 2020-04-20 ADD START */
    top: 0!important;
    margin-top: 12px!important;
/* 2020-04-20 ADD END */
}

.areaRanking-list-inner dd {
	display: none;
	border-left: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5;
	background-color: #fff;
	color: #2a2a2a;
}
.areaRanking-list-inner dd ul li {
	height: 35px!important;
	background-color: #fff!important;
	font-size: 11px;
}
.areaRanking-list-inner dd ul li:hover {
	background-color: #a6a6a6!important;
}
.areaRanking-list-inner dd ul li a:hover {
	color: #fff!important;
}
.general-top .areaRanking-list-inner dd ul li a {
	padding: 10px 10px 10px 20px;
}

/* 調整 */
.areaRanking-list-inner dd ul li:before {
	counter-increment: none;
	content: none;
}
.areaRanking-list-inner dd ul li:first-of-type {
	border-top: none;
}
.areaRanking-list-inner li a:after {
    content: '';
    display: block;
    position: absolute;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #d5d5d5;
    transform: rotate(90deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;
}
.areaRanking-list-inner li a:hover:after {
	border-bottom: 4px solid #fff;
}

/* particular-theme-wrapper */
.particular-theme-link-inner > ul > li {
	position: relative;
	width: 100%;
}
.particular-theme-link-inner > ul > li:after {
    content: '';
    display: block;
    position: absolute;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #d5d5d5;
    transform: rotate(90deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;
}
.particular-theme-link-inner > ul > li:hover:after {
	border-bottom: 4px solid #fff;
}
.particular-theme-link-inner > ul > li > .particular-theme-link-a-outer > a {
	padding: 7px 20px 6.5px 5px;
	color: #2a2a2a;
	/*display: block;*/
}
.particular-theme-link-inner > ul > li:hover .particular-theme-link-a-outer > a,
.particular-theme-link-inner > ul > li > .particular-theme-link-a-outer > a:hover,
.particular-theme-link-inner > ul > li > .particular-theme-link-a-outer > a:active {
	background-color: #a6a6a6!important;
	color: #fff;
}
.min-price-month2 {
    padding: 1px 6px;
    height: 50%;
}
.min-price-afterword-2 {
	flex: 1;
}
.min-price-afterword2:hover {
	text-decoration: none;
}
.particular-theme-link-inner ul li ul {
	display: none;
	position: absolute;
	top: 0;
 	left: 100%;
	width: 100%;
	border-top: solid 1px #d5d5d5;
	border-left: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5;
	background-color: #fff;
	color: #2a2a2a;
	z-index: 10;
}
.particular-theme-link-inner ul li:hover > ul {
	display: block;
}
.particular-theme-link-inner ul li:hover > ul > li {
  visibility: visible;
  height: 30px;
}
.particular-theme-link-inner ul li ul li {
	overflow: hidden;
	position: relative;
    padding: 2px 0;
	width: 100%;
	background-color: #fff;
	border-bottom: solid 1px #d5d5d5;
	font-size: 12px;
}
.particular-theme-link-inner ul li ul li:hover {
	background-color: #c0c0c0;
}
.particular-theme-link-inner ul li ul li:after {
    content: '';
    display: block;
    position: absolute;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #d5d5d5;
    transform: rotate(90deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;
}
.particular-theme-link-inner ul li ul li:hover:after {
	border-bottom: 4px solid #fff;
}
.particular-theme-link-inner ul li ul li a {
    padding: 5px 5px 5px 15px;
	display: block;
	color: #2a2a2a;
}
.particular-theme-link-inner ul li ul li a:hover {
	color: #fff;
	
}

/* 調整 */
.particular-theme-link-outer {
	overflow: inherit;
    width: 62%;
}
.particular-theme-link-a-outer {
    margin-top: 0;
}

/*---------- TOUR --------------*/
/* areaListInner */
.areaListInner-toggleMenu > li {
	position: relative;
	width: 100%;
	border-right: solid 1px #d5d5d5;
	border-left: solid 1px #d5d5d5;
}
.areaListInner-toggleMenu > li > a {
	position: relative;
}
.areaListInner-toggleMenu > li a:hover,
.areaListInner-toggleMenu > li a:active,
.areaListInner-toggleMenu > li a.open {
    opacity: 0.7;
}
.areaListInner-toggleMenu > li > a:after {
  	content: '';
	width: 6px;
    height: 6px;
    border-top: solid 2px #7c7c7c;
    border-right: solid 2px #7c7c7c;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
	transition: all 0.2s ease-in-out;
    margin-top: -4px;
}
.areaListInner-toggleMenu > li > a.open:after {
  	-ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.areaListInner-toggleMenu > li ul {
	display: none;
}
.areaListInner-toggleMenu > li ul li:last-of-type {
	border-bottom: none;
}
.area-list-inner li ul li a::after {
	display: none;
}
.areaListInner-toggleMenu > li ul li:after {
    content: '';
    display: block;
    position: absolute;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #d5d5d5;
    transform: rotate(90deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;
}
.areaListInner-toggleMenu > li ul li:hover:after {
	border-bottom: 4px solid #fff;
}
	
.areaListInner-toggleMenu > li ul li a {
	font-size: 12px;
	color: #2a2a2a;
	background-color: #fff;
}

.areaListInner-toggleMenu > li ul li a:hover {
	background-color: #a6a6a6;
	color: #fff;
}

/* 調整 */
.area-list-wrapper, .theme-list-wrapper {
	width: 24.5%;
	margin: 0 0.6% 5% 0;
} 
.area-list-inner li, .theme-list-inner li {
	height: auto;
}
.area-list-inner li.blank-space {
	height: 51px;
}
.theme-list-inner li.blank-space {
	height: 59px;
}
.days-search .area-list-inner li:nth-child(odd), .priceRange-search .area-list-inner li:nth-child(odd) {
	clear: both;
}
.area-list-inner > li > a, .theme-list-inner > li > a {
	position: relative;
}
.area-list-inner > li > a:after, .theme-list-inner > li > a:after {
	content: '';
	width: 6px;
    height: 6px;
    border-top: solid 2px #7c7c7c;
    border-right: solid 2px #7c7c7c;
	border-left: none;
	border-bottom: none;
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 10px;
	transition: all 0.2s ease-in-out;
    margin-top: -4px;
}
.theme-list-wrapper:nth-child(4n) {
	margin-right: 0;
}
.minPrice-search .area-list-wrapper:nth-child(4n+1), .theme-search .theme-list-wrapper:nth-child(4n+1) {
	clear: both;
}

/* price, days */
.days-search .area-list-inner li ul li, .priceRange-search .area-list-inner li ul li {
	width: 100%;
}
.days-search .area-list-inner li ul li:nth-child(even), .priceRange-search .area-list-inner li ul li:nth-child(even) {
    margin-left: 0;
}
.days-search .area-list-inner li ul li:nth-child(2), .priceRange-search .area-list-inner li ul li:nth-child(2) {
     border-top: none; 
}
.areaRanking-list:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}
/*2020.11.27 ADD END*/
/*2020.12.25 ADD END*/
body {
	counter-reset: count-number2;
}
.all-area dt:before {
    display: block;
    position: absolute;
    font-family: arial;
    color: #2a2a2a;
    counter-increment: count-number2;
    content: counters(count-number2,".") " ";
}
/*2020.12.25 ADD END*/

/*module*/
button {
    outline: none;
    
}

.linkButton {
    height: unset;
    text-align: center;
    width: 100%;
    display: block;
    border: 1px solid #e03f3f;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    background: #f27f7f; /* Old browsers */
    background: -moz-linear-gradient(top, #f27f7f 0%, #ef6363 1%, #e55454 99%, #ea7272 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f27f7f 0%,#ef6363 1%,#e55454 99%,#ea7272 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f27f7f 0%,#ef6363 1%,#e55454 99%,#ea7272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f7f', endColorstr='#ea7272',GradientType=0 ); /* IE6-9 */
}

.searchSend {
/*2017.12.05 ADD START*/
    border-radius: 0;
/*2017.12.05 ADD END*/
    cursor: pointer;
    width: 100%;
    border: 1px solid #3082f1;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    background: #72acfc; /* Old browsers */
    background: -moz-linear-gradient(top, #72acfc 0%, #539afb 1%, #277ef5 99%, #4c95f7 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #72acfc 0%,#539afb 1%,#277ef5 99%,#4c95f7 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #72acfc 0%,#539afb 1%,#277ef5 99%,#4c95f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72acfc', endColorstr='#4c95f7',GradientType=0 ); /* IE6-9 */
}

.linkButton:hover {
    top: 1px;
    position: relative;
    opacity: 0.9;
}

input[type="checkbox"] {
	display: none;
}
input[type="checkbox"] + label {
	position: relative;
	display: block;
	padding: 4px 0 4px 24px;
	cursor: pointer;
    color: #4d4d4d;
}
input[type="checkbox"] + label::before,
input[type="checkbox"] + label::after {
	position: absolute;
	content: '';
}
label::before {
	top: 50%;
	left: 0;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	background: #f4f4f4;
	border: 1px solid #ccc;
	border-radius: 3px;
}
label::after {
    opacity: 0;
    top: 50%;
    left: 2px;
    width: 9px;
    height: 5px;
    margin-top: -5px;
    border-left: 4px solid #de0000;
    border-bottom: 4px solid #de0000;
    -webkit-transform: rotate(-45deg) scale(.5);
    transform: rotate(-45deg) scale(.5);
}
label:hover::before {
	background: #fff;
}

input[type="checkbox"]:checked + label::after {
	opacity: 1;
	-webkit-transform: rotate(-45deg) scale(1);
	transform: rotate(-45deg) scale(1);
}

/* 2018.04.10 ADD START */

body[class*="-top"] section {
	border-bottom: none;
}

/* 2018.04.10 ADD END */

/* 2018.04.10 MOD START 繧ｯ繝ｩ繧ｹ縺ｫbody[class*="-top"]霑ｽ蜉 font-size: 30px; 竊 font-size: 24px;螟画峩 font-weight: normal; 竊 font-weight: bold;螟画峩 */
body[class*="-top"] .heading-title {
    font-size: 24px;
    color: #3e3e3e;
    text-align: left;
    font-weight: bold;
    margin-bottom: 5px;
}
/* 2018.04.10 MOD END */

.heading-title.title-pr {
    background: url(/jdr/img/generaltop/icon-titlePR.png) no-repeat 100% 70%;
    padding-right: 45px;
    display: inline-block;
}

.heading-subTitle {
    font-size: 20px;
    color: #e45252;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
}

.heading-subTitle::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: solid 2px #e2e2e2;
    width: 100%;
    z-index: -1;
    margin-top: -2px;
}
.heading-subTitle-back {
    background: #fff;
    padding-right: 10px;
}

.conditionSetting-theme-category-title {
    color: #444444;
    margin-bottom: 5px;
}

.section-caption {
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 15px;
}
.panel {
    display: none;
    position: absolute;
    top: 57px;
    background: #fff;
    border: solid 1px #ccc;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    cursor: pointer;
}

.panel2 {
    display: none;
    position: absolute;
    top: 45px;
    background: #fff;
    border: solid 1px #ccc;
    z-index: 1000;
    width: 100%;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}

.panel li {
    padding: 5px;
}
p.price-list-caution {
    font-size: 13px;
    margin-bottom: 15px;
}
/*2017.12.01 DEL START*/
/*.panel2 li {
    padding: 5px 10px;
}*/
/*2017.12.01 DEL END*/
.calender-panel { display: block; border: solid 0px;}

.search-tour #search-term-panel, 
.search-air #search-term-panel,
.search-hotel #search-term-panel,
.search-hotel #search-roomnum-panel,
.search-hotel #search-adultnum-panel,
.search-hotel #search-childnum-panel {
    cursor: pointer;
    overflow-y: scroll;
    max-height: 300px;
}

.search-tour #search-term-panel li:hover,
.search-air #search-term-panel li:hover,
.search-hotel #search-term-panel li:hover,
.search-hotel #search-roomnum-panel li:hover,
.search-hotel #search-adultnum-panel li:hover,
.search-hotel #search-childnum-panel li:hover {
    color: #de0000;
}

.post {
    background: #fff;
    margin: 0 5px 5px 0;
    display: inline-block;
    width: 33%;
    font-size: 12px;
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
    vertical-align: top;
}

@media screen and (max-width: 1279px){
.post {
    width: 32.888%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32.888%;
    -ms-flex: 0 0 32.888%;
    flex: 0 0 32.888%;
    max-width: 32.888%;
}
}

.post:nth-child(3n),
.post-wrapper:nth-child(3n) {
    margin-right: 0;
}

/* 2019.09.09 ADD START */
.tieup-article-list2 .post {
    width: 32.7%;
    -webkit-flex: 0 0 32.7%;
    -ms-flex: 0 0 32.7%;
    flex: 0 0 32.7%;
    max-width: 32.7%;
	margin-right: 5px;
}

@media screen and (max-width: 1279px){
.tieup-article-list2 .post {
    width: 32.6%;
    -webkit-flex: 0 0 32.6%;
    -ms-flex: 0 0 32.6%;
    flex: 0 0 32.6%;
    max-width: 32.6%;
	margin-right: 5px;
}
}
/* 2019.09.09 ADD END */

.post a {
    color: #2a2a2a;
    display: block;
    border: solid 1px #e5e5e5;
    height: 100%;
    padding: 5px;
    position: relative;
}
/*.post a:hover {
    text-decoration: underline;
}*/

.post a img {
    width: 100%;
}

/* 2019.09.09 ADD START */
.tieup-article-list2 .post a {
	color: #2a2a2a;
	display: block;
	border: solid 1px #e5e5e5;
	height: 100%;
	padding: 5px;
	position: relative;
	display: flex;
	flex-direction: column;
}

.tieup-article-list2 .post-intro {
	font-size: 14px;
	padding: 5px 0;
	margin-top: auto;
}

.tieup-article-list2 .post a img {
    height: 155px;
    object-fit: cover;
}

@media screen and (max-width: 1279px){
.tieup-article-list2 .post a img {
    height: 113px;
}
}
/* 2019.09.09 ADD END */

.post i {
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 1;
}
.post figure {
    height: 218px;
    overflow: hidden;
    margin: 0;
}

.post figure img {
    width: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    left: 50%;
}

.post-title {
    font-size: 16px;
    padding: 6px 0 0;
}
.post-intro {
    font-size: 14px;
    padding: 5px 0;
}
.post-place {
    position: absolute;
    bottom: 10px;
    left: 10px;
    padding-left: 15px;
    background: url(/jdr/img/generaltop/icon_place.png) no-repeat 0 50%;
}
.post-theme {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.post time {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

.flicker-nextBtn {
    position: absolute;
    top: 50%;
    margin-top: -60px;
    background: rgba(255,255,255,0.8);
    border-radius: 3px;
    height: 120px;
    width: 40px;
    box-shadow:0px 0px 3px 1px #e5e5e5;
    -moz-box-shadow:0px 0px 3px 1px #e5e5e5;
    -webkit-box-shadow:0px 0px 3px 1px #e5e5e5;
    border: none;
    cursor: pointer;
}

.blank {
    background: url(/jdr/img/generaltop/icon-_blank.png) no-repeat 0 50%;
    padding-left: 20px;
}


/*mainBanner-area*/
.mainBanner-area {
/* 2018.04.10 MOD START 600px 竊 498px */
    height: 498px;
/* 2018.04.10 MOD END */
    text-align: center;
    margin: auto;
    position: relative;
    clear: both;
}

/*2017.12.1 MOD START(-moz-background-size:cover;background-size:cover;?ｿｽｿｽﾇ会ｿｽ)*/
.mainBanner-area .mvLink {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    text-decoration: none;
    -moz-background-size:cover;
    background-size:cover;
    position: relative;
    overflow: hidden;
}
/*2017.12.1 MOD END(-moz-background-size:cover;background-size:cover;?ｿｽｿｽﾇ会ｿｽ)*/
.mv-area {
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
/* 2018.04.10 MOD START -60px 竊 -100px */
    margin-top: -100px;
/* 2018.04.10 MOD END */
    color: #fff;
}

.bannerTitle {
/* 2018.04.10 MOD START 46px 竊 36px */
    font-size: 36px;
/* 2018.04.10 MOD END */
    margin-bottom: 20px;
    text-shadow: 0 0 15px rgb(50, 62, 76);
    line-height: 1.3;
/* 2018.04.10 MOD START 490px 竊 550px */
    width: 550px;
/* 2018.04.10 MOD END */
}

.bannerCatch {
    font-size: 22px;
    line-height: 1.75;
    text-shadow: 0 0 6px rgba(0,0,0,.5);
}

.bannerBtn {
    width: 200px;
/* 2018.04.10 MOD START 30px auto 0 竊 10px auto 0 */
    margin: 10px auto 0;
/* 2018.04.10 MOD END */
}
.bannerBtn.linkButton {
    display: block;
    text-decoration: none;
    background: rgba(0,0,0,.5);
    border-color: #fff;
    filter: none;
}

.subBanner {
    position: absolute;
    top: 10px;
    width: 260px;
    right: 10px;
    text-align: center;
}
.subBanner-item {
    position: relative;
    display: inline-block;
}
/*.subBanner-item::after,
.post .icon-new::after,
.slider-post .icon-new::after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 4px;
    font-size: 12px;
}*/
.subBanner-item .icon-new::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 4px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}
.post .icon-new::before {
    display: block;
    position: absolute;
    top: 110px;
    left: 271px;
    padding: 4px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}
@media screen and (max-width: 1279px){
    .post .icon-new::before {
    display: block;
    position: absolute;
    top: 76px;
    left: 196px;
    padding: 4px;
    font-size: 12px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
}
}
.subBanner-item .icon-new::before,
.post .icon-new::before,
.slider-post .icon-new::before {
    content: 'NEW';
    color: #fff;
    background: #dc3131;
}
.post .icon-special-summer::after,
.post .icon-special-winter::after,
.post .icon-season::after,
.post .icon-standard::after,
.post .icon-destination::after,
.post .icon-useful::after,
.post .icon-special-gw::after,
.post .icon-special-student::after,
.post .icon-special-winter-vacation::after,
.post .icon-student::after{
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 4px;
    font-size: 12px;
    width: 110px;
    text-align: center;
    color: #fff;
}
@media screen and (max-width: 1279px){
.post .icon-special-summer::after,
.post .icon-special-winter::after,
.post .icon-season::after,
.post .icon-standard::after,
.post .icon-destination::after,
.post .icon-useful::after,
.post .icon-special-gw::after,
.post .icon-special-student::after,
.post .icon-winter-vacation::after,
.post .icon-student::after{
    padding: 1px;
}
}
.post a:hover .text-area{
    text-decoration: underline;
}
.post .icon-special-summer::after {
    content: '\590F\4F11\307F';
    background: #fd6781;
}
.post .icon-special-winter::after {
    content: '\5E74\672B\5E74\59CB\30FB\51AC\4F11\307F';
    background: #fd6781;
}
.post .icon-special-winter-vacation::after {
    content: '\51AC\4F11\307F';
    background: #fd6781;
}
.post .icon-special-gw::after {
    content: '\30B4\30FC\30EB\30C7\30F3\30A6\30A3\30FC\30AF';
    background: #fd6781;
}
.post .icon-special-student::after {
    content: '\5B66\751F\30FB\5352\696D\65C5\884C';
    background: #fd6781;
}
.post .icon-season::after {
    content: '\30B7\30FC\30BA\30F3\5230\6765';
    background: #f5c600;
}
.post .icon-standard::after {
    content: '\5B9A\756A';
    background: #ef8500;
}
.post .icon-destination::after {
    content: '\884C\304D\5148';
    background: #189c66;
}
.post .icon-useful::after {
    content: '\304A\5F79\7ACB\3061';
    background: #3b7ec3;
}
.subBanner-item.icon-pr::after {
    content: 'PR';
    background: #563cf1;
    color: #fff;
    letter-spacing: 1px;
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    padding: 4px;
    font-size: 12px;
}

.subBanner-item:hover {
    opacity:0.9;
}    

.subBanner a {
    display: block;
    position: relative;
    border: 1px solid #fff;
    margin-bottom: 10px;
    width: 260px;
}

.subBanner img {
    width: 100%;
    display: block;
}

.subBanner .subBanner-txt {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(000,000,000,0.5);
    font-size: 14px;
    color: #fff;
    padding: 5px 0;
}

.general-top .contents-wrapper,
.tour-top .contents-wrapper {
    width: 1260px;
    margin: auto;
    position: relative;
}

.air-top .contents-wrapper,
.hotel-top .contents-wrapper {
    width: 1260px;
    margin: auto;
    position: relative;
    padding-top: 20px;
}

/*main-container*/

.general-top .main-container,
.tour-top .main-container,
.air-top .main-container,
.hotel-top .main-container {
    width: 1000px;
    margin: auto;
    position: relative;
    float: left;
}

/*search-area*/
/*2018.01.12 MOD START(margin-bottom: 50px?ｿｽｿｽ?ｿｽｿｽmargin-bottom: 25px)*/
.search-area {
/* 2018.04.10 MOD START -100px 竊 -180px */
    margin-top: -180px;
/* 2018.04.10 ADD END */
    /* background: #efe8e0; */
    /* padding: 10px; */
    font-size: 12px;
    width: 100%;
    position: relative;
    margin-bottom: 25px;
}

/*2018.01.12 MOD END*/

.air-top .search-area,
.hotel-top .search-area {
	margin-top: 0;
}

.search-area::after {
    content: '';
    display: block;
    clear: both;
}

.searchTab {
    position: absolute;
    top: -56px;
    left: 0px;
    width: 500px;
    float: left;
}

.searchTab li {
    background: #676767;
    color: #fff;
    font-size: 14px;
    padding: 0 20px;
    cursor: pointer;
    border-top: 3px solid #8d8d8d;
    border-right: 1px solid #f3f3f3;
    transition: .2s;
    float: left;
    height: 56px;
    line-height: 56px;
}
.searchTab li:last-child {
    border-right: none;
}


.searchTab .active,
.searchTab li:hover {
    background: #efe8e0;
    color: #ff5959;
    border-top: 3px solid #ff5959;
}

.general-top .search-area-inner {
    display: none;
    background: #efe8e0;
    width: 1000px;
    float: left;
    padding: 10px;
}

.tour-top .search-area-inner,
.air-top .search-area-inner,
.hotel-top .search-area-inner {
    display: none;
    background: #efe8e0;
    /* width: 1000px; */
    float: left;
    padding: 10px;
    margin-left: 0px;
}

.search-area-inner.active {
    display: block;
}

/*direct search*/
.search-direct {
    width: 322px;
    height: 456px;
    background: #fff;
    padding: 10px;
    border: 1px solid #e2e2e2;
    margin-right: 10px;
    float: left;
}

.search-direct--item {
    width: 100%;
    margin: 0 0 10px;
    position: relative;
}

.search-direct--item.close {
    display: none;
}
.search-direct--item2 {
    width: 100%;
    position: relative;
}

.search-direct--item2.close {
    display: none;
}
.searchColumn2-wrapper,
.searchColumn3-wrapper {
    font-size: 0;
}
.searchColumn2:first-of-type {
    width: 228px;
}

.searchColumn3 {
    width: 33.333%;
    font-size: 12px;
    display: inline-block;
}

.search-air .searchColumn2:first-of-type {
    width: 200px
}

.searchColumn2:first-of-type .search-direct--wrapper {
    border-right: none;
}
.searchColumn3:nth-child(2) .search-direct--wrapper {
    border-right: none;
    border-left: none;
}

.searchColumn2 {
    display: inline-block;
    font-size: 12px;
}

.searchColumn2 + .searchColumn2 {
    width: 72px;
    border-left: none;
}
.search-air .searchColumn2 + .searchColumn2 {
    width: 100px;
}

.search-item-title {
    color: #646464;
    margin: 10px 0 7px;
}

.search-direct--wrapper {
    border: 1px solid #ccc;
    padding: 10px 18px 10px 10px;
    position: relative;
    cursor: pointer;
}
.search-direct--wrapper::after {
    content: '';
    display: block;
    position: absolute;
    border-top: 4px solid #de0000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 50%;
    right: 8px;
    margin-top: -4px;
}
.search-direct--wrapper.calender::after {
    content: url(/jdr/img/generaltop/icon-calender.png);
    border: none;
    margin-top: -9px;
}

.setArea {
    /* cursor: pointer; */
    position: absolute;
    top: 57px;
    background: #fff;
    z-index: 10;
    font-size: 0;
    height: 305px;
    /* width: 750px; */
    /* box-shadow: 0 4px 4px rgba(0,0,0,.2); */
    display: none;
    white-space: nowrap;
}

.setArea.active {
    display: block;
}

.largeArea {
    width: 150px;
    height: 100%;
    font-size: 12px;
    border: 1px solid #ccc;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    /* display: inline-block; */
    float: left;
    top: 0px;
}

.largeArea li {
    padding: 10px;
    cursor: pointer;
}
.largeArea li:hover,    
.largeArea li.active {
    background: #e25552;
    color: #fff;
}

.smallArea {
    width: 300px;
    display: none;
    font-size: 12px;
    border: 1px solid #ccc;
    border-left: none;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    height: 305px;
    overflow-y: scroll;
    background-color: #fff;
    position: absolute;
    top: 0;
}

/*2017.12.05 ADD START*/

.smallArea::-webkit-scrollbar {
    width:13px;
    background:#f1f1f1;
}
.smallArea/*?ｿｽｿｽX?ｿｽｿｽN?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ[?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽo?ｿｽｿｽ[?ｿｽｿｽﾌ軌?ｿｽｿｽ?ｿｽｿｽ*/
::-webkit-scrollbar-track {
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
}

/*?ｿｽｿｽX?ｿｽｿｽN?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ[?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽo?ｿｽｿｽ[?ｿｽｿｽﾌ難ｿｽ?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ?ｿｽｿｽ*/
::-webkit-scrollbar-thumb {
  background-color: rgba(193, 193, 193, 1);
  border-radius: 0;
  box-shadow:0 0 0 1px rgba(255, 255, 255, .3);
}

/*2017.12.05 ADD END*/

.smallArea li:hover,
.smallArea .active {
color:#e25552;
}

.smallArea li {
    cursor: pointer;
    padding: 5px;
}

.smallArea-category {
    margin-bottom: 5px;
}
.smallArea-parent {
    display: block;
    background: #fef1f1;
    padding: 6px;
}
.smallArea-child {
    padding: 5px;
    cursor: pointer;
}
.smallArea-child:hover {
}    

.numberCount {
    color: #ff918f;
    margin-left: 5px;
}
.selectedArea,
.selectedDays {
    color: #acacac;
}

.selectedCalendar,
.search-direct--wrapper .select {
    color: #de0000;
}
.search-direct--wrapper span {
    color: #8b8b8b;
}

.multiSearch {
    margin-bottom: 5px;
}
.multiSearch label {
    color: #8b8b8b;
}

.search-direct .searchSend {
    cursor: pointer;
    width: 300px;
    margin-bottom:20px;
}

.error_msg {
	display: none;
    color: #de0000;
    margin-top: 2px;
}

.search-popular-area {
    margin:5px
}

.search-popular-area a:hover {
    background: #E64845;
    color: #fff
}

.search-popular-areaName {
    display: inline-block;
    margin: 0 2px 11px;
}

.search-popular-anchor {
    background: rgb(238, 238, 238);
    border-radius: 3px;
    padding: 5px 8px;
    color: #acacac;
    letter-spacing: 1px;
    }





/*map search*/
.search-worldmap {
    width: 648px;
    height: 456px;
    background: url(/jdr/img/generaltop/worldmap.png) no-repeat center 50% #fff;
    padding: 10px;
    border: 1px solid #e2e2e2;
    position: relative;
    float: left;
}
.search-hotel .search-worldmap,
.search-guide .search-worldmap {
    margin-bottom: 0;
}

.worldmap-point {
    position: absolute;
    z-index: 0;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
.worldmap-point:hover {
    z-index: 1;
}

.worldmap-areaName {
    background: rgba(229,73,69,0.9);
    border-radius: 3px;
    padding: 10px;
    color: #fff;
    letter-spacing: 1px;
}
.worldmap-areaName a:link {
    color: #fff;
}
.worldmap-areaName a:visited  {
    color: #fff;
}
.worldmap-areaName a:hover   {
    text-decoration: underline;
}
.worldmap-areaName a:active   {
    color: #fff;
}
.worldmap-city-wrap {
    display: none;
    border: 2px solid #e54945;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    margin-top: -3px;
}

.worldmap-point:hover > .worldmap-city-wrap {
    display: block;
}

.worldmap-point:hover > .worldmap-areaName a {
     text-decoration: underline;
}

.worldmap-city-wrap a {
    text-decoration: underline;
    color: #e45252;
    display: block;
    width: 100%;
    padding: 0 0 6px 12px;
    position: relative;
}
.worldmap-city-wrap a:before {
    content: '';
    display: block;
    position: absolute;
    border-bottom: 4px solid #e45252;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    top: 50%;
    left: 0;
    transform: rotate(90deg);
    margin-top: -2px;
}
.worldmap-city-wrap a:hover {
    opacity: 0.7;
}
.worldmap-city-wrap .worldmap-city_all {
    padding-top: 6px;
}
.worldmap-city_list {
    border-bottom: dotted 1px #d1a3a1;
    padding-bottom: 5px;
}
/*2017.11.06 ADD START*/
.search-worldmap_guide .worldmap-city_list{
	border-bottom:none;
}
/*2017.11.06 ADD END*/
.worldmap-point.europe {
    top: 106px;
    left: 101px;
}

.worldmap-point.asia {
    top: 164px;
    left: 191px;
}

.worldmap-point.hawaii {
    top: 180px;
    left: 333px;
}

.worldmap-point.north_america {
    top: 116px;
    left: 420px;
}

.worldmap-point.africa {
    top: 214px;
    left: 31px;
}

.worldmap-point.indian {
    top: 295px;
    left: 122px;
}

.worldmap-point.asia-beach {
    top: 224px;
    left: 209px;
}

.worldmap-point.oceania {
    top: 303px;
    left: 262px;
}

.worldmap-point.micronesia {
    top: 235px;
    left: 350px;
}

.worldmap-point.south_pacific {
    top: 285px;
    left: 389px;
}

.worldmap-point.carib {
    top: 200px;
    left: 480px;
}
.worldmap-point.carib:hover {
    width: 192px;
}

.worldmap-point.south_america {
    top: 298px;
    left: 513px;
}
.worldmap-point.south_america:hover {
    width: 190px;
}

/*freeword search*/

.search-tour-freeword,
.search-air-freeword{
    padding: 10px 0 0;
    clear: both;
    font-size: 0;
}

.search-tour-freeword label,
.search-air-freeword label {
    width: 820px;
    display: inline-block;
    border: 1px solid #e2e2e2;
    position: relative;
    background: url(/jdr/img/generaltop/icon-search.png) no-repeat 10px 50% #fff;
    padding: 0 10px 0 40px;
}


.search-tour-freeword input, .search-air-freeword input {
    border: none;
    outline: none;
    width: 100%;
    font-size: 12px;
    height: 43px;
    line-height: 43px;
}

a#freeword-search {
    display: inline-block;
    width: 160px;
    position: relative;
}

input:placeholder-shown {
    color: #acacac;
}    



.content-wrapper {
    float: left;
    width: 100%;
    margin: 20px 0;
}


/*rigth area*/
.sub-container {
    width: 240px;
    float: left;
    position: absolute;
    margin-left: 20px;
    right: 0;
}

.general-top .sub-container,
.tour-top .sub-container {
/* 2018.04.10 MOD START -100px 竊 -180px */
    top: -180px;
/* 2018.04.10 ADD END */
}

.air-top .sub-container,
.hotel-top .sub-container {
    top: 20px;
}

.sub-container .linkButton {
    clear: both;
}

.sp-title {
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    height: 50px;
    line-height: 50px;
    clear: both;
    background: url(/jdr/img/generaltop/sp-title-back.png) no-repeat 0 50% #563cf1;
    padding-left: 64px;
}
.sp-area {
    background: #fff;
    font-size: 12px;
    border: 1px solid #e3e3e3;
    margin-bottom: 20px;
    float: left;
    width: 100%;
}
.banner-sizeL {
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin: auto;
}
.banner-sizeL a {
    width: 200px;
    display: block;
    margin: 10px auto;
}
.banner-sizeL div.pr p.title {
    margin-top: 0;
    width: 31px;
    height: 12px;
    margin-bottom: 5px;
    background: url(/jdr/img/sub_title.png) no-repeat 0 0;
    text-indent: -9999px;
}
.banner-sizeM,
.banner-sizeS,
.banner-sizeSS li {
    margin: auto;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}
.banner-sizeM a,
.banner-sizeS a {
    display: block;
    width: 180px;
    margin: 10px auto;
}

.banner-sizeSS li,
.agency-list {
    float: left;
    clear: both;
    width: 100%;
}

.banner-sizeS{
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    clear: both;
}

.banner-sizeSS div.pr-at p.title {
    margin: 10px 0 0 10px;
    background: url(/jdr/img/sub_title.png) no-repeat 0 -50px;
    text-indent: -9999px;
}

.pickup{
    border-bottom: 1px solid #e3e3e3;
}

.agency-list li {
    border-bottom: solid 1px #ccc;
    float: left;
    width: 100%;
    padding: 5px;
}
.campanyName {
    margin-bottom: 5px;
    font-weight: bold;
}

.sp-area .sp-img {
    width: 70px;
    float: left;
    margin-right: 10px;
}
.agency-list .campanyText,
.banner-txt {
    float: left;
    width: 138px;
}
.agency-list {
    margin-bottom: 10px;
}
.sp-area a {
    color: #2a2a2a;
    display: block;
}
.sp-area a:hover {
    opacity: 0.7;
}
.sp-area img {
    width: 100%;
}
.sp-area .icon-pr {
    display:none;
}

.multi li {
    border-bottom: none;
    padding: 0 0 0 8px;
}
.multi a {
    text-decoration: underline;
    display: block;
    padding-top: 5px;
}

.part{
    background: url(/skin/src/tri-dred1.gif) no-repeat 0 9px;
    padding: 0 0 0 8px;
}

.banner-sizeSS img ,.sub-company img{
    width: 70px;
    float: left;
    margin-right: 10px;
}

.search-hotel .popup-calendar div.calendar-box p.ym a {
    text-decoration: none;
    color: #333;
    cursor: default;
}
/*ｿｽGｿｽｿｽｿｽAｿｽﾊ鯉ｿｽｿｽｿｽｿｽｿｽｿｽｿｽｿｽLｿｽｿｽｿｽO*/

.areaRanking-list {
    font-size: 12px;
}

.areaRanking-list .areaRanking-list-wrapper:first-of-type {
    margin-right: 5px;
}

.areaRanking-areaName {
    font-size: 12px;
    text-align: center;
    color: #2a2a2a;
    margin-bottom: 5px;
}


.areaRanking-list-inner {
    counter-reset:count-number;
}
.areaRanking-list-inner li {
    border-bottom: solid 1px #d5d5d5;
    position: relative;
    height: 38px;
}

.areaRanking-list-inner li a:hover {
    opacity: 0.7;
}

.areaRanking-list-inner li:first-of-type {
    border-top: solid 1px #d5d5d5;
}

.areaRanking-list-inner li:nth-child(odd) {
    background: #fcfcfc;
}

.areaRanking-list-inner li:nth-child(even) {
    background: #fff;
}

.areaRanking-list-inner li:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    margin-top: -7px;
    font-family: arial;
    color: #2a2a2a;
    counter-increment: count-number;
    content: counters(count-number,".") " ";
}



.areaRanking-list-inner li a::after {
    content: '';
    display: block;
    position: absolute;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 4px solid #efefef;
    transform: rotate(90deg);
    top: 50%;
    right: 6px;
    margin-top: -2px;
}

.areaRanking-list-inner a {
    text-decoration: none;
    padding: 10px 10px 10px 55px;
    display: block;
    color: #2a2a2a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.arrow-up {
    background: url(/jdr/img/generaltop/arrow-up.png) no-repeat 36px 50%;
}
.arrow-down {
    background: url(/jdr/img/generaltop/arrow-down.png) no-repeat 36px 50%;
}
.arrow-same {
    background: url(/jdr/img/generaltop/arrow-same.png) no-repeat 36px 50%;
}

/*//ｿｽGｿｽｿｽｿｽAｿｽﾊ鯉ｿｽｿｽｿｽｿｽｿｽｿｽｿｽｿｽLｿｽｿｽｿｽO*/

/*	pupup
============================================*/
.calendar-box td{ height:2em; }

.popup-calendar{ width:537px; }
#popup-calendar3{ position:absolute; top:-40px; left:-20px; cursor: default;}

/*============================================
  popup
============================================*/
.popup-frame{ padding:10px; background:#F6F4EE; border:#7F8991 1px solid; }
.popup-frame .pre-btn, .facebox-frame .pre-btn{  width:50px;clear:both; float:left; padding:0 0 0 10px; }
.popup-frame .pre-btn a, .facebox-frame .pre-btn a{ padding:0 0 0 11px; background:transparent url(/jdr/img/common_icon.png) no-repeat 0 -12px; }
.popup-frame .next-btn, .facebox-frame .next-btn{ width:50px; float:right; padding:0 5px 0 0; }
.popup-frame .next-btn a, .facebox-frame .next-btn a{ padding:0 16px 0 0; background:url(/jdr/img/common_icon.png) no-repeat right 3px; }
.popup-frame .popup-close-btn-up{ width:100%; }
.popup-frame .popup-close-btn-up a{ width:11px; height:11px; float:right;  background:url(/jdr/img/common_icon.png) no-repeat right -42px; text-indent:-9999px; font-size:1px; line-height:1px; }
.popup-frame .popup-close-btn-ud{ clear:both; text-align:center; }
.popup-frame .popup-close-btn-ud a{ clear:both; padding:0 0 0 18px; background:url(/jdr/img/common_icon.png) no-repeat 0 -40px; font-weight:bold; }

.popup-calendar{ width:572px; height:270px; font-weight:bold; }
.calendar-box{ float:left; display:inline; margin:0 0 10px 10px; height: 225px; position: relative;}
.sub-calendar .calendar-box{ float:left; display:inline; margin:0 0 10px 10px; height:auto; position: relative;}
.calendar-box table{ background:#FFFFFF; border:#B0B0AC 1px solid; }
.calendar-box th{ padding:3px 0; text-align:center; border-right:#B0B0AC 1px solid; border-bottom:#B0B0AC 1px solid; }
.calendar-box td{ padding:3px 0; text-align:center; border-right:#B0B0AC 1px dotted; border-bottom:#B0B0AC 1px dotted; font-size:0.83em; }
.calendar-box td a{ display:block; }
.calendar-box td a:link{ text-decoration:none; }
.calendar-box td a:visited{ text-decoration:none; }
.calendar-box td a:hover{ text-decoration:underline; }

.calendar-box .pink{ background:#FFD8EF; }
.calendar-box .blue{ background:#E8F4F9; border-right:none; }
.popup-calendar .calendar-box{ width:169px; }
.popup-calendar .calendar-box table{ width:169px; }
.popup-calendar .calendar-box th{ width:24px; }
.popup-calendar .calendar-box td{ 
    width:24px;
    padding:3px 0px 0px 0px;
}
.calendar-box .gray{ background:#FBFBFB; }
.calendar-box .gray:hover{ background:#FBFBFB !important; }
.calendar-box .border-r-no{ border-right:none; }
.calendar-box .border-b-no{ border-bottom:none; }
.popup-calendar .calendar-box .ym{ text-align:center; font-weight:bold; }
.calendar-box .pink{ background:#FFD8EF; }
.calendar-box .blue{ background:#E8F4F9; border-right:none; }
.popup-calendar .calendar-box .overday{ background:#FFE4CE; cursor:pointer;}
.popup-calendar .calendar-mask, .calendar-move {position:absolute;overflow:hidden;}

/*2017.12.15 ADD START*/

.breadcrumb {
    width: 100%;
    padding: 10px 0;
    font-size: 12px;
    background: #FFFFFF;
    border-bottom: solid 1px #919191;
    clear: both;
    min-width: 1024px;
    text-align: left;
}
.breadcrumb-list {
    list-style: none;
    margin-left: 20px;
}
.breadcrumb li {
    display: inline-block;
    vertical-align: middle;
}
.breadcrumb li a {
    color: #2a2a2a;
    text-decoration: underline;
}
.breadcrumb li a:hover {
    opacity: .8;
}
.breadcrumb li a img {
    vertical-align: middle;
}
.breadcrumb-arrow-right {
    position: relative;
    margin: 0 10px 0 5px;
    display: inline-block;
}
.breadcrumb-arrow-right::before {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -8px;
    display: block;
    width: 5px;
    height: 5px;
    border-top: 1px solid #2a2a2a;
    border-right: 1px solid #2a2a2a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.second-page-title-area {
    height: 300px;
}
.second-page-title {
    font-size: 50px;
    text-shadow: 0 0 6px rgba(0,0,0,.5);
    font-weight: bold;
    margin: auto;
    color: #fff;
    width: 1000px;
    position: relative;
    top: 120px;
}
.second-page-caption {
    width: 1000px;
    margin: 0 auto 50px;
    line-height: 1.6;
    color: #2a2a2a;
    font-size: 14px;
}

.second-container {
    width: 1000px;
    margin: 20px auto;
    
}
/*2017.12.15 ADD END*/

/*ab-info*/

.ab-info {
    width: 100%;
    background: #f5f2e5;
    margin: auto;
    font-size: 12px;
    clear: both;
}
.ab-info p {
    padding: 5px 0 5px 30px;
    border-bottom: dotted 1px #a2a2a2;
    margin: 0 auto;
    max-width: 1260px;
    width: 100%;
}
.ab-info time {
    margin-right: 10px;
}

.caution-info {
    background: url(/jdr/img/generaltop/icon_caution.png) no-repeat 2px 50%;
}
.ab-info a {
    text-decoration: none;
    padding: 5px 0;
    display: inline-block;
}
.ab-info a:hover {
    text-decoration: underline; 
}
.warning-info {
    background: url(/jdr/img/generaltop/icon_warning.png) no-repeat 2px 50%;
}


.conditionSetting-theme-category-wrapper {
    background: #fafafa;
    padding: 10px;
    border: 1px solid #f2f2f2;
    float: left;
}

.conditionSetting-theme-category-wrapper .linkButton {
    margin-top: 20px;
}

.conditionSetting-theme-category {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.conditionSetting-theme-category:last-child {
    margin-bottom: 0;
}

.conditionSetting .category-item {
    width: 32.5%;
    margin: 0 9px 10px 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 32.5%;
    -ms-flex: 0 0 32.5%;
    flex: 0 0 32.5%;
    float: left;
}

.completeGuide-area .category-item {
    width: 19.466%;
    margin: 0 5px 5px 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 19.466%;
    -ms-flex: 0 0 19.466%;
    flex: 0 0 19.466%;
    float: left;
    border: solid 1px #e5e5e5;
}
.conditionSetting .category-item:nth-child(3n) {
    margin-right: 0;
}
.completeGuide-area .category-item:nth-child(5n) {
    margin-right: 0;
}

.category-item a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #2a2a2a;
}

.category-item a:hover {
    color: #e03f3f;
    opacity: 0.7;
}    
.completeGuide-area .category-item a {
    padding: 5px;
}
.category-item img {
    width: 100%;
}



@media screen and (max-width: 1279px) {
    .mv-area {
/* 2018.04.10 MOD START -30px 竊 -100px */
        margin-top: -100px;
/* 2018.04.10 MOD END */
    }
    .subBanner {
        width: 200px;
    }
    .subBanner a {
        width: 200px;
    }
    .subBanner .subBanner-txt {
        font-size: 12px;
    }
    .general-top .contents-wrapper,
    .tour-top .contents-wrapper,
    .air-top .contents-wrapper,
    .hotel-top .contents-wrapper {
        width: 1024px;
    }
    .general-top .main-container,
    .tour-top .main-container,
    .air-top .main-container,
    .hotel-top .main-container {
        float: none;
    }
    .sub-container {
        right: 12px;
    }
    .general-top .sub-container,
    .tour-top .sub-container {
        top: 558px;
    }

.air-top .sub-container {
    top: 571px;
}
.hotel-top .sub-container {
    top: 516px;
}
    .mainColumn-inner {
        width: 750px;
    }
    .post-title {
        font-size: 15px;
        line-height: 1.3;
    }
    .slider-post {
        width: 6.15%;
    }
    .post figure img {
        width: 130%;
    }
    .magazine-area .post-intro {
        margin-bottom: 50px;
    }
    .post-place,
    .post-theme {
        bottom: 30px;
    }
    .post time {
        right: unset;
        left: 10px;
    }
.ab-info p {
    max-width: 1024px;
}    
}
/*common*/
* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
    list-style: none;
    font-family:'Arial','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}

/*2017.12.25 ADD START*/
.h1-title {
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    margin-bottom: 0px;
}
/*2017.12.25 ADD END*/

/*2018.02.08 MOD START(important追加)*/
body {
    background: #fff;
    margin-top: 139px!important;
}
/*2018.02.08 MOD END*/

/*2017.12.25 MOD START*/
a {
    text-decoration: none;
}
/*2017.12.25 MOD END*/

section {
    clear: both;
    margin: 0 0 50px;
    border-bottom: solid 2px #aaaaaa;
    padding-bottom: 30px;
    float: left;
    width: 100%;
}

.detail-button {
    width: 300px;
}

/*2017.12.13 ADD START*/
ol#breadcrumbs{
    z-index: 50;
}
/*2017.12.13 ADD END*/

/*header*/

.pc-header {
    border-top: solid 4px #de0000;
    position: absolute;
    top: 0;
    background: #fff;
    border-bottom: solid 1px #d3d3d3;
    float: left;
    width: 100%;
    min-width: 1260px;
/*2017.12.13 DEL START*/
    /*height: 139px;*/
/*2017.12.13 DEL END*/
}

/*2018.01.16 ADD START*/
.pc-header a,
.pc-header a:visited,
.pc-header a:hover {
    text-decoration-line: none;
}
/*2018.01.16 ADD END*/

/*2017.12.13 ADD START*/
header * {
    font-family: 'Arial','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}
/*2017.12.13 ADD END*/

.headerTop {
    height: 82px;
    padding: 10px 15px;
    font-size: 12px;
    border-bottom: solid 1px #d3d3d3;
}
.headerTop-left {
    display: table-cell;
    width: 35%;
/*2017.12.25 ADD START*/
    text-align: left;
/*2017.12.25 ADD END*/
}
.headerTop-left h1 {
    font-size: 12px;
    color: #3e3e3e;
    margin: 0;
/*2017.12.26 ADD START*/
   font-weight: bold;
   line-height: normal;
/*2017.12.26 ADD END*/
}

.headerTop-right {
    display: table-cell;
    position: absolute;
    top: 20px;
    right: 0;
    margin-right: 15px;
    font-size: 0;
/*2017.12.25 ADD START*/
    text-align: left;
    line-height: normal;
/*2017.12.25 ADD END*/
}
/*2017.12.25 MOD START*/
.headerTop-right a,
.headerTop-right a:visited,
.headerTop-right a:link {
    display: inline-block;
    border: solid 1px #606060;
    background: #fff;
    border-radius: 5px;
    padding: 10px;
    color: #606060;
    transition: .2s;
    margin-right: 10px;
    font-size: 12px;
}
/*2017.12.25 MOD END*/
.headerTop-right a:last-child {
    margin-right: 0;
}

.headerTop-right a:hover {
    background: #606060;
    color: #fff;
}

.headerBottom {
    float: left;
    width: 100%;
}

.header-nav {
    float: left;
/*2017.12.25 ADD START*/
    list-style: none;
    margin: 0;
/*2017.12.25 ADD END*/
}

/*2017.12.6 MOD START(font-size: 16px;?ｿｽ?ｿｽ14px)*/
.header-nav .nav-parent {
    float: left;
    font-size: 12px;
    margin-bottom: 0;
}
/*2017.12.6 MOD END(font-size: 16px;?ｿｽ?ｿｽ14px)*/
.nav-parent > a {
    line-height: 52px;
    height: 52px;
}

/*2019.04.10 ADD START*/
.header-nav .nav-parent .sub-nav { position: relative;}
/*2019.04.10 ADD END*/

/*2017.12.6 DEL ADD END*/
/*2017.12.26 MOD START(visited対策追加)*/
.header-nav .nav-parent a:hover,
.header-nav .nav-parent a:visited:hover,
.header-nav-child .header-nav-child-dropdown a:hover .dropdown-title {
    color: #2a2a2a;
}
/*2017.12.26 MOD END*/
/*2017.12.6 ADD START*/
.header-nav .nav-parent a{
	display: inline-block;
	overflow: visible;
}
.header-nav .nav-parent a.nav-ttl, .header-nav .nav-useful{
    position: relative;
}
.header-nav .nav-parent a.nav-ttl::after, .header-nav .nav-useful::after {
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    content: "";
    width: 0%;
    height: 3px;
    background: #de0000;
     -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
    z-index: 20001;
}
.header-nav .nav-parent:hover a.nav-ttl::after, .header-nav .nav-parent-active a.nav-ttl::after, .header-nav .nav-parent:hover .nav-useful::after {
    width: 100%;
    opacity: 1;
}
.header-nav .nav-parent.hover a.nav-ttl::after, .header-nav .nav-parent.hover .nav-useful::after {
    width: 100%;
    opacity: 1;
}

/*2019.04.10 DEL START*/
/*
*.nav-parent i.sub-nav{
*	display: inline-block;
*    width: 20px;
*    position: relative;
*    cursor: pointer;
*    height: 50px;
*    vertical-align: middle;
*}
*.nav-parent i.sub-nav:hover::after{
*    border-top: 4px solid #de0000;
*}
*.nav-parent i.sub-nav::after{
*	content: '';
*    display: block;
*    position: absolute;
*    border-top: 3px solid #000;
*    border-right: 3px solid transparent;
*    border-left: 3px solid transparent;
*    right: 50%;
*    top: 50%;
*    margin-top: -2px;
*}
*.nav-parent:hover .sub-nav::after{
*	border-top: 4px solid #de0000;
*}
*.nav-useful .sub-nav::after{
*	content: '';
*    display: inline-block;
*    position: absolute;
*    border-top: 4px solid #000;
*    border-right: 4px solid transparent;
*    border-left: 4px solid transparent;
*    right: 6px;
*    margin-top: 22px;
*}
*/
/*2019.04.10 DEL END*/

/*2017.12.6 ADD END*/
/*2017.12.6 MOD START(display: block;?ｿｽ?ｿｽinline-block,cursor:pointer?ｿｽﾇ会ｿｽ)*/
.header-nav .nav-useful {
    padding: 0 17px;
    display: inline-block;
    height: 52px;
    line-height: 52px;
    cursor: default;
    color: #2a2a2a;
}
/*2017.12.6 MOD END(display: block;?ｿｽ?ｿｽinline-block)*/
.header-nav .nav-child {
    font-size: 14px;
    color: #2a2a2a;
/*2019.04.10 ADD START*/
    margin-bottom: 10px;
/*2019.04.10 ADD END*/
/*2017-12-26 ADD START*/
    list-style: none;
    line-height: normal;
/*2017-12-26 ADD END*/
}
.header-nav .cap {
    font-size: 13px;
    margin-bottom: 17px;
}
.header-nav .ttl {
    margin-right: 7%;
}
.header-nav .ttl a {
    font-size: 16px;
    font-weight: bold;
    -webkit-transition: all .3s;
    transition: all .3s;
    color: #2a2a2a;
}
.header-nav .ttl {
    font-size: 16px;
    font-weight: bold;
}
/*2017-12-08 ADD START*/
.header-nav .nav-child a,
.header-nav .nav-child a:visited {
    color: #2a2a2a;
}

/*2019.04.10 ADD START*/
.header-nav .nav-child a:hover,
.header-nav .nav-child a:visited:hover {
	opacity: .6;
    color: #2a2a2a;
}
/*2019.04.10 ADD END*/

/*2017-12-08 ADD END*/
/*2017.12.6 MOD START(padding: 0 10px;?ｿｽ?ｿｽ0 6px)*/
.header-nav a,
.header-nav a:visited {
    display: block;
    color: #2a2a2a !important;
/*2019.04.10 MOD START padding: 0 4px; → padding: 0 10px;*/
    padding: 0 15px;
/*2019.04.10 MOD END*/
}
.header-nav a.glonavi-a-tag,
.header-nav a.glonavi-a-tag:visited {
    padding: 0 0 0 20px;
}
.header-nav a.glonavi-a-tag {
    -webkit-transition: all .3s;
    transition: all .3s;
}
/*2017.12.6 MOD END(padding: 0 10px;?ｿｽ?ｿｽ0 6px)*/
/*2017.12.6 DEL ADD START*/
/*.header-nav li:hover .header-nav-child {*/
/*2019.04.10 MOD START active → hover*/
.header-nav .nav-parent:hover .header-nav-child {
/*2019.04.10 MOD END*/
    display: block;
/*2018.8.21 MOD START 51 → 20000 */
    z-index: 20000;
/*2018.8.21 MOD END*/
/*2019.04.10 DEL START*/
/*2019.04.10 DEL END*/
    height: 300px;
}
.header-nav .nav-parent.hover .header-nav-child {
/*2019.04.10 MOD END*/
    display: block;
/*2018.8.21 MOD START 51 → 20000 */
    z-index: 20000;
/*2018.8.21 MOD END*/
/*2019.04.10 DEL START*/
/*2019.04.10 DEL END*/
    height: 300px;
}
.header-nav .nav-parent:nth-child(4):hover .header-nav-child {
    height: 242px;
}
/*2017.12.6 DEL ADD END*/
/*2017.12.6 MOD START(display:none;?ｿｽﾇ会ｿｽ)*/
.header-nav-child {
    position: absolute;
    left: 0;
    width: 100%;
    height: 0;
    z-index: -1;
    overflow: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    transition: all 0.4s;
}
/*2017.12.6 MOD END(display:none;?ｿｽﾇ会ｿｽ)*/
.header-nav-child ul.child-box {
    width: 100%;
    display: flex;
/*2019.04.10 MOD START background: #545454; → background-color: rgba(227, 78, 78, 0.85);*/
    background-color: rgba(255, 255, 255, 0.95);
/*2019.04.10 MOD END*/
	margin: 0;
}
/*2017.12.6 MOD START(border-bottom: solid 3px #aaa; box-shadow: 0 4px 4px rgba(0,0,0,.2)?ｿｽﾇ会ｿｽ)*/
.header-nav-child-dropdown {
    width: 100%;
    position: absolute;
/*2019.04.10 MOD START background: #f4f4f4; → background-color: rgba(227, 78, 78, 0.85);*/
    background-color: rgba(227, 78, 78, 0.85);
/*2019.04.10 MOD END*/
    left: 0;
/*2019.04.10 MOD START padding: 10px; → padding: 0 12%;*/
    padding: 0 12%;
/*2019.04.10 MOD END*/
    margin-top: 10px;
    border-bottom: solid 3px #aaa;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
.header-nav-child .container {
    width: 1260px;
    margin: 0 auto;
    display: flex;
    padding: 45px 20px;
}
.header-nav-child .child-list{
    margin-right: 8%;
	text-align: left;
}
.header-nav-child .child-list:last-child{
    margin-right: 0;
}
/*2017.12.6 MOD END(border-bottom: solid 3px #aaa; box-shadow: 0 4px 4px rgba(0,0,0,.2)?ｿｽﾇ会ｿｽ)*/
.dropdown-title {
/*2019.04.10 MOD START color: #545454; → color: #fff;*/
    color: #fff;
/*2019.04.10 MOD END*/
}

.header-nav-child .nav-child-wrap {
	margin: 0;
}

.header-nav-child a {
    color: #fff;
    font-size: 13px;
    display: inline-block;
    padding-left: 20px;
    position: relative;
}
.header-nav-child a:before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #de0000;
    border-right: solid 1px #de0000;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -4px;
}
.header-nav-child .ttl a:before {
    width: 7px;
    height: 7px;
}
.header-nav .nav-parent .header-nav-child .ttl a:hover {
    opacity: .6;
    color: #2a2a2a;
}
.header-nav-child a:hover {
    background: none;
}

.header-nav-child-dropdown ul {
    background: none;
}
/*2017.12.6 MOD START(width: 258px?ｿｽ?ｿｽ18%)*/
.header-nav-child-dropdown li {
    display: inline-block;
    width: 18%;
    text-align: center;
/*2019.04.10 MOD START  margin: 0 2% 5px 0; →  margin: 0 2% 15px 0;*/
    margin: 0 2% 15px 0;
/*2019.04.10 MOD END*/

}
/*2017.12.6 MOD END(width: 258px?ｿｽ?ｿｽ19.33%)*/
/*2017.12.6 ADD START*/
.header-nav-child-dropdown li:nth-child(5n) {
	margin-right:0;
}
/*2017.12.6 ADD END*/
.header-nav-child .header-nav-child-dropdown a {
    display: block;
}
/*2017.11.07 ADD START*/
.header-nav-child-dropdown img{
	width: 100%;
}
/*2017.11.07 ADD END*/
.headerBottom-right {
    font-size: 0;
    position: absolute;
    right: 0;
    margin: 5px 7px 0 0;
    line-height: 1.3;
    text-align: right;
}

/*2017.12.25 ADD START*/
.headerBottom-right ul {
    margin: 0;
    text-align: left;
}
/*2017.12.25 ADD END*/

.headerRight-nav {
    display: inline-block;
    vertical-align: middle;
    padding: 5px 7px;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
}
/*2019.04.10 ADD START*/
.selectArea-choise {
    cursor: default;
}
/*2019.04.10 ADD END*/
.selectMypage-choise {
/*2019.04.10 ADD START*/
    cursor: default;
/*2019.04.10 ADD END*/
	width: 100px;
}
.headerRight-nav1 {
    font-size: 12px;
    color: #606060;
    display: block;
}

.headerRight-nav2 {
    position: relative;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
    color: #2a2a2a;
}
.selectMylist a {
    font-size: 12px;
    color: #2a2a2a !important;
}
.selectMylist .icon-fav {
    background-image: url("/jdr/css/images/icon_fav_pc.png");
    height: 1em;
    width: 1em;
    margin: 0 .2em 0 0;
    display: inline-block;
    background-size: auto 100%;
    vertical-align: middle;
}
/*2020.02.05 ADD START*/
.selectCondition a {
    font-size: 12px;
    color: #2a2a2a !important;
}
.selectCondition .icon-fav {
    background-image: url("/jdr/css/images/icon_fav_pc.png");
    height: 1em;
    width: 1em;
    margin: 0 .2em 0 0;
    display: inline-block;
    background-size: auto 100%;
    vertical-align: middle;
}
/*2020.02.05 ADD END*/
/*2020.03.13 ADD START*/
.selectCondition {
    margin-left: 10px;
}
.selectCondition .icon-condition-save {
    background-image: url("/abtest/B00142/jdr/img/ic_save.png");
    height: 1em;
    width: 1.2em;
    margin: 0 .2em 0 0;
    display: inline-block;
    background-size: auto 100%;
    vertical-align: middle;
}
/*2020.03.13 ADD END*/
/*2019.04.10 DEL START*/
/*
*.headerRight-nav2::after {
*    content: '';
*    display: block;
*    position: absolute;
*    border-top: 4px solid #de0000;
*    border-right: 4px solid transparent;
*    border-left: 4px solid transparent;
*    top: 50%;
*    right: -15px;
*    margin-top: -3px;
*}
*/
/*2019.04.10 DEL END*/

/*2018-01-18 ADD START */
.headerRight-nav3 {
    position: relative;
    font-size: 14px;
    display: inline-block;
    font-weight: bold;
}
/*2018-01-18 ADD END */

/*2017.12.15 ADD START(TOP4種以外で出発エリア選択非表示)*/

body:not(.general-top):not(.tour-top):not(.air-top):not(.hotel-top) .selectArea-choise {
    visibility: hidden;
}

/*2017.12.15 ADD END(TOP4種以外で出発エリア選択非表示)*/

.selectArea-choise .headerRight-nav2 {
    color: #e45252;
}
.selectArea-item,
.selectMypage-item {
    position: relative;
    width: 100%;
}

/*2019.04.10 ADD START*/
.selectArea-choise:hover .selectArea-panel,
.selectMypage-choise:hover .selectMypage-panel {
    display:block;
}
/*2019.04.10 ADD END*/

.selectArea-panel,
.selectMypage-panel {
    display: none;
    position: absolute;
    top: 45px;
    left: -0;
    background: #fff;
    border: 1px solid #ccc;
    width: 100px;
/*2018.8.21 MOD START 51 → 20000 */
    z-index: 20000;
/*2018.8.21 MOD END */
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
    font-size: 14px;
    color: #000000;
}

/*2019.04.10 ADD START*/
.selectArea-panel { top: 43px;}
/*2019.04.10 ADD END*/

/* 2018.01.19 ADD START */
.selectMypage-panel {
    left: -50px;
    width: 150px;
}
/* 2018.01.19 ADD END */

/*2017.12.25 MOD START(リンク色固定)*/
.selectMypage-panel a,
.selectMypage-panel a:visited,
.selectMypage-panel a:link {
    color: #000000;
/*2018.01.16 ADD START*/
    display:block;
    padding: 5px;
/*2018.01.16 ADD END*/
}
/*2017.12.25 MOD END*/

.selectArea-panel::before,
.selectMypage-panel::before {
    content: "";
    position: absolute;
    left: 45%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -10px;
    border-bottom: 10px solid #ccc;
}
.selectArea-panel::after,
.selectMypage-panel::after {
    content: "";
    position: absolute;
    left: 45%;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    top: -9px;
    border-bottom: 10px solid #fff;
}

.selectArea-panel.show,
.selectMypage-panel.show {
    display: block;
}

.selectArea-item .selectArea-panel_item,
.selectMypage-item .selectMypage-panel_item {
    display: block;
    font-weight: normal;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
/*2017-12-26 ADD START*/
    margin-bottom: 0;
/*2017-12-26 ADD END*/
}

/*2018.01.16 ADD START*/
.selectMypage-item .selectMypage-panel_item {
    padding: 0;
}
/*2018.01.16 ADD END*/

.selectArea-item .selectArea-panel_item:last-child,
.selectMypage-item .selectMypage-panel_item:last-child {
    border: none;
}
.selectArea-item .selectArea-panel_item:hover,
.selectMypage-item .selectMypage-panel_item:hover a {
    color: #e03f3f;
}


.pc-header + .wrapper {
    width: 100%;
    min-width: 1260px;
}

/*2017-12-08 MOD START(headerRight-nav?ｿｽﾇ会ｿｽ)*/
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
.headerBottom-right .message.hidden {
/*2019.04.10 MOD END*/
    display: none;
}
/*2017-12-08 MOD END*/
/*2017-12-08 MOD START(headerRight-nav?ｿｽﾇ会ｿｽ)*/
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
.headerBottom-right .message {
/*2019.04.10 MOD END*/
    background: #2975ff;
    border-radius: 6px;
    color: #fff;
    position: absolute;
    padding: 20px;
    top: 47px;
/*2019.04.10 DEL START */
/*  right: -30px;*/
    left: -60px;
/*2019.04.10 DEL END */
    z-index: 1000;
    animation: bounce 3s ease infinite;
    width: 235px;
    font-size: 16px;
    cursor: auto;
    box-shadow: 0 4px 4px rgba(0,0,0,.2);
}
@keyframes bounce {
    0% { transform:translateY(0) }
    5% { transform:translateY(0) }
    10% { transform:translateY(0) }
    20% { transform:translateY(-15px) }
    25% { transform:translateY(0) }
    30% { transform:translateY(-15px) }
    50% { transform:translateY(0) }
    100% { transform:translateY(0) }
  }
/*2017-12-08 MOD START(headerRight-nav?ｿｽﾇ会ｿｽ)*/
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
  .headerBottom-right .message::before {
/*2019.04.10 MOD END*/
      content: "";
      position: absolute;
      left: 45%;
      width: 0;
      height: 0;
      border-left: 10px solid transparent;
      border-right: 10px solid transparent;
      top: -10px;
      border-bottom: 10px solid #2975ff;
  }
  
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
    .headerBottom-right .btn-close {
/*2019.04.10 MOD END*/
      display: block;
      border: 2px solid #2975ff;
      width: 26px;
      height: 26px;
      background: #fff;
      border-radius: 50%;
      position: absolute;
      top: -13px;
      right: -13px;
      cursor: pointer;
  }
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
  .headerBottom-right .btn-close::before {
/*2019.04.10 MOD END*/
      content: '';
      background: #2975ff;
      height: 2px;
      transform: rotate(45deg);
      display: block;
      top: 10px;
      position: relative;
      width: 60%;
      left: 5px;
  }
/*2019.04.10 MOD START .headerRight-nav → .headerBottom-right */
  .headerBottom-right .btn-close::after {
/*2019.04.10 MOD END*/
      content: '';
      background: #2975ff;
      height: 2px;
      transform: rotate(-45deg);
      display: block;
      top: 8px;
      position: relative;
      width: 60%;
      left: 5px;
  }
  /*2017-12-08 MOD END*/
  .userName {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    line-height: 18px;
  }
  .userName-sub {
    display: inline-block;
    width: 110px;
    font-size:12px
  }
  #statusBar {
    background: rgba(0,0,0,.6);
    position: fixed;
    top: -30px;
    height: 30px;
    left: 0;
    right: 0;
    z-index: 20000;
    transition: .2s;
  }
  #statusBar p {
    line-height: 30px;
    font-size: 13px;
    color: #fff;
    text-align: center;
  }

#page-top {
    display: none;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #fd9300;
    border-radius: 7px;
    bottom: 39px;
    height: 50px;
    opacity: 0.7;
    position: fixed;
    right: 10px;
    width: 70px;
    z-index: 1000;
/*2017-12-13 ADD START */
    font-size: 16px;
/*2017-12-13 ADD END */
}
#page-top a {
    background: rgba(0, 0, 0, 0) url("/article/silver-september/misc/img/sp/yajirushi.png") no-repeat scroll center 19px / 25px 27px;
    display: block;
/*2017-12-13 ADD START */
    font-family: 'Arial','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
/*2017-12-13 ADD END */
    font-size: 0.9em;
    font-weight: bold;
    height: 50px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 0 0 #fff;
    width: 70px;
    color: #fd9300;
    font-size:80%;
}


@media screen and (max-width: 1279px) {
    .pc-header {
        min-width: 1024px;
    }
    .pc-header + .wrapper {
        min-width: 1024px;
    }
    .header-nav-child .container {
    width: 1000px;
}
    .header-nav-child .child-list {
    margin-right: 6%;
}
}
/*footer*/
.pc-footer {
    width: 100%;
    min-width: 1260px;
    float: left;
/*2017.12.14 ADD START*/
    margin-top: 50px;
/*2017.12.14 ADD END*/
    background: #fff;
}

/*2017.12.13 ADD START*/
footer * {
    font-family: 'Arial','Hiragino Kaku Gothic Pro W3','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
}

/*2017.12.13 ADD END*/

.about-area .footer_text {
    text-align: center;
    color: #484848;
    margin-top: 30px;
    font-size: 12px;
    line-height: 1.75;
}
/*2017.12.1 DEL ADD START*/
/*.general-top .footer-inner,
.guide-top .footer-inner {
    width: 1160px;
    margin: auto;
    position: relative;
    font-size: 0;
}*/
/*.tour-top .footer-inner {
    width: 1260px;
    margin: auto;
    position: relative;
    font-size: 0;
}*/
.footer-inner {
    width: 1260px;
    margin: auto;
    position: relative;
    font-size: 0;
    padding: 0 20px;
}
/*2017.12.1 DEL ADD END*/
.app-area,
.mailmagazine-area,
.infomation-area,
.about-area,
.footerLink-area,
.recruitService-area {
    border-bottom: none;
    padding: 50px 0;
    margin: 0;
}

.app-area,
.infomation-area {
    background: #e5e2d5;
}
.link-btn {
    margin-top: 30px;
}
.image-icon {
    position: absolute;
    right: 100px;
}
.app-area .image-icon {
    top: -15px;
}
.app-area a {
    margin-right: 50px;
}
.app-area a:hover {
    opacity: 0.7;
}

.mailmagazine-area {
}
.mailmagazine-area .image-icon {
    top: 0;
}
.mailmagazine-area .linkButton {
    width: 240px;
}

/**/
.infomation-list {
    width: 50%;
    display: inline-block;
}
.about-list {
    width: 25%;
    display: inline-block;
    vertical-align: top;
/* 2017-12-26 ADD START */
    margin: 0;
/* 2017-12-26 ADD END */
}
.infomation-list li,
.footer-inner .about-list li {
    line-height: 2;
/* 2017-12-26 ADD START */
    text-align: left;
    margin: 0;
/* 2017-12-26 ADD END */
}
/* 2017-12-08 MOD START(important?ｿｽﾇ会ｿｽ) */
.infomation-list a,
.about-list a {
    font-size: 12px;
    text-decoration: underline;
    color: #2a2a2a !important;
}
/* 2017-12-08 MOD END */

.sns-area {
    background: #de0000;
    text-align: center;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
    padding: 10px 0;
    clear: both;
}
/* 2017-12-08 MOD START(color?ｿｽﾇ会ｿｽ) */
.sns-area i {
    display: inline-block;
    vertical-align: middle;
    margin: 0 20px;
    font-size: 20px;
    font-style: italic;
    color: #fff;
}
.sns-area img {
    width: 50%;
}
/* 2017-12-08 MOD END */

/*.pc-footer gnav*/
.tourLink-list {
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

/*recruit service*/
.recruitService-area {
    background: #b17373;
    padding: 30px 0;
}
.recruitService-link {}
.recruitService-link li {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
    line-height: 2;
}
.recruitService-link a {
    color: #fff;
}
.recruitService-link a:hover {
    text-decoration: underline;
}
.copyright-area {
    margin: 0;
    border: none;
    padding: 15px 0 15px 15px;
    border-top: solid 2px #b17373;
}
.copyright-area address {
    width: 260px;
}

.copyright-area a {
    display: block;
    font-size: 12px;
    color: #303030;
    text-decoration: underline;
/* 2017-12-26 ADD START */
    text-align: left;
/* 2017-12-26 ADD END */
}

/*?t?b?^?[????*/

/* 2017-12-26 MOD START */
.heading-title {
    font-size: 30px;
    color: #3e3e3e;
    text-align: left;
    font-weight: normal;
    margin-bottom: 15px;
    border: none;
    padding: 0;
    line-height: normal;
}
/* 2017-12-26 MOD END */
.heading-title.icon-pr {
    background: url(/jdr/img/generaltop/icon-titlePR.png) no-repeat 100% 70%;
    padding-right: 45px;
    display: inline-block;
}

.heading-subTitle {
    font-size: 20px;
    color: #e45252;
    font-weight: normal;
    position: relative;
    margin-bottom: 10px;
}

.heading-subTitle::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: solid 2px #e2e2e2;
    width: 100%;
    z-index: -1;
    margin-top: -2px;
}
.heading-subTitle-back {
    background: #fff;
    padding-right: 10px;
}

.conditionSetting-theme-category-title {
    color: #444444;
    margin-bottom: 5px;
}

.section-caption {
    font-size: 16px;
    color: #2a2a2a;
    margin-bottom: 15px;
    line-height: 1.75;
}

.mailmagazine-area .linkButton {
    height: unset;
    text-align: center;
    width: 240px;
    display: block;
    border: 1px solid #e03f3f;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    padding: 10px 0;
    background: #f27f7f; /* Old browsers */
    background: -moz-linear-gradient(top, #f27f7f 0%, #ef6363 1%, #e55454 99%, #ea7272 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f27f7f 0%,#ef6363 1%,#e55454 99%,#ea7272 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f27f7f 0%,#ef6363 1%,#e55454 99%,#ea7272 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f27f7f', endColorstr='#ea7272',GradientType=0 ); /* IE6-9 */
}

.mailmagazine-area .linkButton:hover {
    top: 1px;
    position: relative;
    opacity: 0.9;
}

/*//?t?b?^?[????*/

@media screen and (max-width: 1279px) {
    .pc-footer {
        min-width: 1024px;
    }
    .footer-inner {
        width: 1024px;
    }    
    .mailmagazine-area .image-icon {
        right: 65px;
    }
}

/* 2019-06-25 ADD START */
#sp-change {
	width: 100%;
	text-align: center;
	clear: both;
	padding: 10px 0;
	display:none;
}

#sp-change a {
	width: 30%;
	margin: auto;
	color: #5d5d5d!important;
	padding: 0.8em 0;
	display: block;
	border-radius: 6px;
	border: solid 1px #CCC;
	background: #f7f7f7;
	text-decoration: none;
	font-weight: normal!important;
	text-align: center;
	font-size: 20px;
}
/* 2019-06-25 ADD END */
