@charset "Shift_JIS";
@import url(ic.css);
@import url('https://fonts.googleapis.com/css?family=Lato:900');

/*-------------------------------------
  common
-------------------------------------*/
.jtb-nav-breadcrumb { margin-bottom: 25px; }
#page_footer { margin-top: 0; }
h1 { font-size: 18px; font-weight: bold; line-height 1; margin: 0 auto 25px; width: 1120px; }
#cpnArea { font-family: "Hiragino Kaku Gothic ProN", "qMmpS ProN W3", "CI", Meiryo, sans-serif; line-height: 1.6; width: 100%; }
#cpnArea * { box-sizing: border-box; }
#contentWrap { text-align: center; background: #fff; }
#contentWrap h2 { background: url(../images/h2-bar.png) no-repeat 50% 100% / 155px auto; padding: 50px 0 20px; position: relative; font-size: 32px; font-weight: bold; margin-bottom: 40px }
#contentWrap h2:after { position: absolute; content: ''; background: url(../images/bg-h2.png) no-repeat 0 0 / 41px auto; top: 0; left: 50%; margin-left: -20px; width: 41px; height: 39px; }
#contentWrap .inner { padding: 30px 42px; margin: 0 auto; width: 1120px; }
#contentWrap .box { padding-top: 40px }
#planRanking ul, #planTogether ul { letter-spacing: -0.4em }
/*#planRanking li, #planTogether li { display: inline-block; letter-spacing: normal; }*/
#planRanking li, #planTogether li{
display: inline-grid;
    letter-spacing: normal;
    align-items: start;
}
#planTheme li a:hover, #bnrSlider a:hover img, #bnrSlider .sp-thumbnail-container img:hover, #items li a:hover, #anchor li a:hover, #planRanking .tab li a:hover, #planTogether .item li:hover img { opacity: 0.8; }
.js-btn-page-top { bottom: 50px; cursor: pointer; display: none; position: fixed; right: 50px; z-index: 100; }
.js-btn-page-top a { display: block; height: 17px; position: relative; width: 35px; }
.js-btn-page-top a::before { color: #000; content: '\e802'; display: inline-block; font-family: 'ic'; font-size: 17px; height: 17px; width: 35px; }
.js-btn-page-top a:hover { opacity: .8; }

/*-------------------------------------
  seasonNav
-------------------------------------*/
#headNav { margin: 0 auto; overflow: hidden; width: 1120px; }
#headNav li { float: left; padding: 0 2px; text-align: center; width: 16%; }
#headNav li.sale { float: right }
#headNav li a { background-color: #ebebeb; border: 1px solid #ccc; border-radius: 4px 4px 0 0; color: #333; display: block; padding: 8px 0; text-decoration: none; }
#headNav li a br { display: none }
#headNav li a:hover { background-color: #f2f2f2 }
#headNav li a.active { background-color: #da0a1b; border: 1px solid #da0a1b; color: #fff; }
#headNav li a.active:hover { background-color: #da0a1b }

/*-------------------------------------
  mainVis
-------------------------------------*/
#mainVis { background: url(../images/bg-mv.png) repeat 0 0 / 54px 18px; height: 400px; min-width: 1120px; position: relative; text-align: center; width: 100%; }
#mainVis img { height: 400px; width: auto; }
#mainVis::after { background: url(../images/bg-mv_inner.png) no-repeat 50% 100% / auto 400px; position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; }

/*-------------------------------------
  mainVis
-------------------------------------*/
#anchor { text-align: center; background: url(../images/bg-anchor.png) repeat 0 0 / 150px; }
#anchor ul { height: 70px; padding: 10px 0; display: flex; align-items: stretch; justify-content: center; width: 1120px; margin: 0 auto; }
#anchor ul li { width: 265px; height: 100%; display: table; position: relative; }
#anchor ul li + li { margin-left: 20px; }
#anchor ul li span::before, #anchor ul li span::after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #decc70 transparent transparent transparent; }
#anchor ul li span:nth-of-type(1)::before { top: 0; left: 0; }
#anchor ul li span:nth-of-type(1)::after { top: 0; right: 0; transform: rotate(90deg); }
#anchor ul li span:nth-of-type(2)::before { bottom: 0; left: 0; transform: rotate(270deg);}
#anchor ul li span:nth-of-type(2)::after { bottom: 0; right: 0; transform: rotate(180deg);}
#anchor ul li a em { display: block; }
#anchor li a { display: block; color: #fff; font-size: 16px; font-weight: bold; text-align: center; display: table-cell; vertical-align: middle; background: url(../images/bg-red.png) repeat 0 0 / 139px; line-height: 1.2; transition: all .3s; position: relative; }
#anchor li a::after {
    color: #fffb00;
    content: '\e801';
    font-family: 'ic';
    font-size: 20px;
    position: absolute;
    right: 20px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#anchor li a:hover { color: #faf900 !important; text-decoration: none; }
#anchor.fixed { position: fixed; z-index: 10; width: 100%; }

/*-------------------------------------
  calendar
-------------------------------------*/
#calendar { background: url(../images/bg-calendar.png) repeat 0 0 / 320px auto; padding-bottom: 10px; }
#calendar .inner { padding-top: 0; }
#calendar p.txt { text-align: left; font-size: 14px; }
#calendar .calendarWrap { background-color: #cfbea1; padding: 14px 19px; margin-bottom: 40px; }
#calendar ul.date { padding-top: 8px; letter-spacing: -.4em; text-align:left; }
#calendar li { display: inline-block; letter-spacing: normal; width: 11%; padding: 4px 2px; position: relative; text-align: center; vertical-align: bottom; }
#calendar li .week { background-color: #333; color: #fff; font-size: 16px; line-height: 32px; }
#calendar li.sat .week { background-color: #178ee3; }
#calendar li.sun .week { background-color: #ff0000; }
#calendar li .day { background-color: #fff; font-family: 'Lato', sans-serif; font-size: 20px; line-height: 50px; font-weight: bold; }
#calendar li.sat .day { color: #178ee3; }
#calendar li.sun .day { color: #ff0000; }
#calendar li.holiday .day { background: #fcf119; }
#calendar ul.date li:hover { cursor: pointer; }
#calendar ul.date li:hover .floatNavi { opacity: 1; transform: translate(-50%, 88%); visibility: visible; }
#calendar .floatNavi { background-color: rgba(131, 112, 79, .95); border-radius: 4px; bottom: 0; left: 50%; opacity: 0; padding: 10px 12px; position: absolute; transform: translate(-50%, 105%); transition: all .2s ease-in; visibility: hidden; width: 160%; z-index: 10; }
#calendar .floatNavi::before { border: 8px solid transparent; border-bottom: 8px solid rgba(131, 112, 79, .95); content: ""; margin-left: -8px; left: 50%; position: absolute; top: -16px; }
#calendar .floatNavi li { display: block; padding: 1px 0; text-align: left; width: auto; }
#calendar .floatNavi li a { background-color: transparent; color: #fff; display: block; }
#calendar .floatNavi li a::after { color: #fffb00; content: '\e801'; display: inline-block; float: right; font-family: 'ic'; font-size: 14px; }
#calendar .floatNavi li a:hover { color: #fffb00; }

/*JRñ\Ĥ*/
#calendar .floatNavi li:nth-child(2){display:none;}


/*-------------------------------------
  items
-------------------------------------*/
#items { padding-bottom: 40px; }
#items h2 { margin-bottom: 0; }

.l-items { display: flex; justify-content: space-between; }
.l-items__col { width: 498px; }
.l-items__col li { display: block; width: 100%; position: relative;}
.l-items__col li + li { margin-top: 20px; }
.l-items__col li a { display: block; color: #fff; font-size: 24px; font-weight: bold; text-align: center; vertical-align: middle; background-size: 139px; line-height: 1.2; padding: 20px 0; transition: all .3s; }
.l-items__col li a::after {
    color: #fffb00;
    content: '\e801';
    font-family: 'ic';
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 49%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.l-items__kokunai a { background-image: url(../images/bg-red.png); }
.l-items__kaigai a { background-image: url(../images/bg-deep-red.png); }
.l-items__col li span::before, .l-items__col li span::after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #fff transparent transparent transparent; }
.l-items__col li span:nth-of-type(1)::before { top: 0; left: 0; }
.l-items__col li span:nth-of-type(1)::after { top: 0; right: 0; transform: rotate(90deg); }
.l-items__col li span:nth-of-type(2)::before { bottom: 0; left: 0; transform: rotate(270deg);}
.l-items__col li span:nth-of-type(2)::after { bottom: 0; right: 0; transform: rotate(180deg);}
.l-items__col li a:hover { color: #faf900 !important; text-decoration: none; }

/*-------------------------------------
 planRanking
-------------------------------------*/
#planRanking { background: url(../images/bg-recommend.png) repeat 0 0 / 100px; padding-bottom: 80px; }
#planRanking .inner { background: #fff;}

#planRanking .tab { width: 1120px; margin: 0 auto; }
#planRanking .tab li { vertical-align: bottom; width: 50%; }
#planRanking .tab li a { color: #fff; display: block; font-size: 24px; font-weight: bold; padding: 15px 0; text-decoration: none; position: relative; background: url(../images/bg-red.png) repeat 0 0 / 139px; transition: all .3s; }
#planRanking .tab li:nth-of-type(2) a { background-image: url(../images/bg-deep-red.png); }
#planRanking .tab li.active a::after { position: absolute; content: ''; left: 50%; bottom: -12px; width: 0; height: 0; border-style: solid; border-width: 12px 10.5px 0 10.5px; }
#planRanking .tab li:nth-of-type(1).active a::after { border-color: #c3191f transparent transparent transparent; }
#planRanking .tab li:nth-of-type(2).active a::after { border-color: #991315 transparent transparent transparent; }
#planRanking .tab li a span::after { color: #fffb00; content: '\e800'; font-family: 'ic'; font-size: 13px; margin-left: 24px; }
#planRanking .tabBox { margin: 0 auto; padding: 24px 0 40px; width: 900px; }
#planRanking .item { position: relative; margin-bottom: 60px; }
#planRanking .item:last-of-type { margin-bottom: 0; }
#planRanking .item h3 { border: 4px solid #fff; color: #fff; display: table; font-size: 46px; font-weight: bold; left: 50%; line-height: 1; padding: 40px 60px; position: absolute; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; z-index: 1;}
#planRanking #kaigaiTour .item { counter-increment: number-kaigai; }
#planRanking #kokunaiTour .item { counter-increment: number-kokunai; }
#planRanking .item::before { position: absolute; content: ''; width: 80px; height: 80px; top: -20px; left: -20px; background: url(../images/ic-ranking.png) no-repeat 0 0 / 80px; z-index: 1; font-size: 26px; font-weight: bold; color: #c3191e; text-align: center; padding-top: 28px; }
#planRanking #kaigaiTour .item::before { content: counter(number-kaigai); }
#planRanking #kokunaiTour .item::before { content: counter(number-kokunai); }
#planRanking .item-head { height: 360px; position: relative; margin-bottom: 10px; }
#planRanking .item-head::after { background-color: rgba(0, 0, 0, .2); bottom: 0; content: ""; display: block; left: 0; height: 100%; position: absolute; right: 0; top: 0; width: 100%; }
#planRanking .item-head img { width: 100%; height: auto; vertical-align: bottom }
#planRanking .item-head span { color: #fff; bottom: 15px; right: 10px; position: absolute; display: inline-block; padding: 5px 10px; background: rgba(0, 0, 0, 0.5); border-radius: 4px; z-index: 1; }
#planRanking .item-bottom p { font-size: 14px; padding: 0 5px; margin-bottom: 20px; text-align: left; }
#planRanking .item-bottom .btn { display: flex; justify-content: center; }
#planRanking .item-bottom .btn li { padding: 0 5px; width: 27%; }
#planRanking .item-bottom .btn li a { align-items: center; border-radius: 4px; color: #fff; display: flex; flex-wrap: wrap; height: 46px; justify-content: center; line-height: 1.2; position: relative; text-decoration: none; transition: all .3s; }
#planRanking .item-bottom .btn li a span { display: block; }
#planRanking #kokunaiTour .item-bottom .btn li { width: 25%; }
#planRanking #kokunaiTour .item-bottom .btn li a { background: #c3191e; }
#planRanking #kaigaiTour .item-bottom .btn li{width: 35%; margin-bottom: 10px;}
#planRanking #kaigaiTour .item-bottom .btn li a { background: #9c1416; }
#planRanking #kokunaiTour .item-bottom .btn li a:hover { background: #ea2026; }
#planRanking #kaigaiTour .item-bottom .btn li a:hover { background: #b52a2c; }
#planRanking .item-bottom .btn li a::after { color: #fffb00; content: '\e801'; font-family: 'ic'; font-size: 20px; position: absolute; right: 1em; top: 50%; transform: translateY(-50%); }
#planRanking h4 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#planRanking .item-bottom .tag ul { text-align: left; margin-bottom: 30px; }
#planRanking .item-bottom .tag li { display: inline-block; margin: 0 1.3em 1.3em 0; padding: 0; }
/*#planRanking .item-bottom .tag li a { display: inline-block; font-size: 13px; height: 30px; line-height: 30px; padding: 0 0.8em; background-color: #fff; border: 1px solid #c3191e; border-radius: 3px; white-space: nowrap; overflow: hidden; color: #c3191e; -webkit-transition: .2s; transition: .2s; }*/
#planRanking .item-bottom .tag li a {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #fffbdc;
  border-left: solid 6px #c3191e;/*ĥü*/
  color: #c3191e;/*ĥF*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}

#planRanking .item-bottom .tag li:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

#planRanking #kaigaiTour .item-bottom .tag li a { border-color: #991315; color: #991315; }
#planRanking .item-bottom .tag li.is-nolink a { border-color: #000 !important; color: #000 !important; pointer-events: none; }
#planRanking .item-bottom .tag li a:hover { background-color: #c3191e; border: 1px solid #c3191e; color: #fff; }
#planRanking #kaigaiTour .item-bottom .tag li a:hover { background-color: #991315; border: 1px solid #991315; color: #fff; }

/*N*/
#planRanking .item-bottom .tag .ttl{
	font-size: 125%;
    font-weight: bold;
    padding-bottom: 10px;
    text-align: left;
    }
#planRanking .link { width: 100%; }
#planRanking .link li {
    display: inline-block;
    /* width: calc(100%/3); */
    position: relative;
    /* margin: 5px; */
    /* padding: 10px; */
    }
#planRanking .link li + li { margin-top: 20px; }
#planRanking .link li a {
    display: block;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background-size: 139px;
    line-height: 1.2;
    padding: 15px 25px;
    transition: all .3s;
    margin: 5px;
    border-radius: 4px;
  }
#planRanking .link li a::after {
    /*color: #fffb00;*/
    content: '\e801';
    font-family: 'ic';
    font-size: 20px;
    position: absolute;
    right: 15px;
    top: 48%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#planRanking .l-items__kokunai a { 
	background: #fffbdc;
    border: solid 2px #c3191e;
    color: #c3191e !important;
     }
#planRanking .l-items__kaigai a { 	
background: #fffbdc;
    border: solid 2px #991315;
    color: #991315 !important;
 }
.jr{text-align:left; padding-top:20px;}
 
 
#planRanking .link li span::before, .link li span::after { position: absolute; content: ""; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 0; border-color: #fff transparent transparent transparent; }
#planRanking .link li span:nth-of-type(1)::before { top: 0; left: 0; }
#planRanking .link li span:nth-of-type(1)::after { top: 0; right: 0; transform: rotate(90deg); }
#planRanking .link li span:nth-of-type(2)::before { bottom: 0; left: 0; transform: rotate(270deg);}
#planRanking .link li span:nth-of-type(2)::after { bottom: 0; right: 0; transform: rotate(180deg);}
#planRanking .link li a:hover {text-decoration: none;border-radius: 50px;}
#planRanking .link-more {
    text-align: right;
    font-size: 14px;
}

#planRanking .link-more a {
    color: #c3191e;
    padding: 5px;
    font-weight: bold;
}
#planRanking .link-more::after {
    color: #c3191e;
    content: '\e801';
    font-family: 'ic';
    font-size: 20px;
    /*position: absolute;*/
    bottom: 143px;
    transform: translateY(-50%);
    right: 8px;
}
/*-------------------------------------
  more
-------------------------------------*/
.l-more { border: 1px solid #ccc; margin: 20px auto; width: 900px; }
.l-more__head h3 { background-color: #c3191e; border-bottom: 1px solid #ccc; color: #fff; display: block; font-size: 16px; font-weight: bold; padding: 10px; }
.l-more__bottom { background-color: #fff; padding: 17px 15px }
.l-more__bottom ul { overflow: hidden }
.l-more__bottom ul li { float: left; padding: 3px 10px; }
.l-more__bottom ul li a { color: #0055cc; font-size: 14px; }
.l-more__bottom ul li a:hover { color: #ff984d }

/*-------------------------------------
  Theme
-------------------------------------*/
#planTheme { background: url(../images/bg-check.png) repeat 0 0 / 22px auto; padding-bottom: 40px; }
#planTheme .inner { padding-bottom: 6px; background: #fff; }
#planTheme .item { margin: 0 auto 24px; overflow: hidden; width: 100%; }
#planTheme .item .photo { float: left; position: relative; width: 49%; }
#planTheme .item .photo h3 { background-color: rgba(0,0,0,0.35); color: #fff; font-size: 20px; font-weight: bold; left: 0; padding: 12px 16px; position: absolute; text-align: left; top: 0; width: 100%; }
#planTheme .item .txt { padding-left: 28px; width: 51%; float: right }
#planTheme .item .txt-heading { background-color: #f7f7e6; color: #da0a1b; font-size: 16px; font-weight: bold; height: 36px; line-height: 36px; margin-bottom: 12px; }
#planTheme .item img { width: 100%; }
#planTheme .item p { padding: 1em 0 2em; text-align: left; }
#planTheme .item ul { display: flex; justify-content: space-between; text-align: left; }
#planTheme .item li { width: calc(50% - 5px); }
#planTheme .item li a { border-radius: 4px; color: #fff; display: block; margin: 0 auto; padding: 0.8em 0 0.8em 1em; text-align: center; text-decoration: none; transition: all .3s;}
#planTheme .item li a.kokunai_tour { background: #c3191e; }
#planTheme .item li a.kaigai_tour { background: #9c1416; }
#planTheme .item li a.kokunai_tour:hover { background: #ea2026; }
#planTheme .item li a.kaigai_tour:hover { background: #b52a2c; }
#planTheme .item li a::after {
    color: #fffc00;
    content: '\e801';
    float: right;
    font-family: 'ic';
    margin-right: 1em;
    font-size: 20px;
    margin-top: -6px;
}

/*-------------------------------------
  planTogether
-------------------------------------*/
#planTogether { background: url(../images/bg-planTogether.png) repeat 0 0 / 62px auto; padding-bottom: 80px;}
#planTogether .inner { padding: 30px 30px 5px; overflow: hidden; background: #fff;}
#planTogether .ttl{
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: url(../images/bg-red.png);
	padding: 15px 0;
	margin: 0 auto;
    width: 1120px;
}
#planTogether .ttl_kaigai{
	font-weight: bold;
	font-size: 24px;
	color: #fff;
	background: url(../images/bg-deep-red.png);
	padding: 15px 0;
	margin: 0 auto;
    width: 1120px;
}

#planTogether .item h3 { background: url(../images/bg-red.png) repeat 0 0 / 139px; color: #fff; font-size: 20px; height: 48px; line-height: 48px; margin-bottom: 12px; text-align: center; }
#planTogether .item { width: 50%; float: left; margin-bottom: 40px;}
#planTogether .item:first-of-type { width: 100% }
#planTogether .item:nth-of-type(even) { padding-right: 10px }
#planTogether .item:nth-of-type(odd) { padding-left: 10px }
#planTogether .item:first-of-type { width: 100%; padding: 0;}
#planTogether .item li { width: 50%; padding: 10px; text-align: left;}
#planTogether .item:first-of-type li { width: 25% }
#planTogether .item li:hover { cursor: pointer;}
#planTogether .item li img { width: 100%; height: auto; margin-bottom: 5px; transition: all .3s;}
#planTogether .item li h4 { margin-bottom: 5px; font-weight: bold; color: #b71417; font-size: 16px; text-align: center;}

#planTogether .kaigai h3{ font-size: 18px;}
#planTogether .kaigai:first-of-type li{width: 30%;}

/*-------------------------------------
  check
-------------------------------------*/
#check { background: url(../images/bg-check.png) repeat 0 0 / 22px auto; padding-bottom: 120px; }
#check .inner { background-color: #fff; }
#check .sliderBox { overflow-x: hidden; width: 100%; }
#check .sliderAll { width: 660px; margin: 0 auto; height: 340px; position: relative; }
#check .sliderWrap { width: 1980px; position: absolute; left: 50%; margin-left: -990px; }
#check .bnrSlider-main { width: 100% }
#check .bnrSlider-main li { width: 660px }
#check .bnrSlider-main li img { margin: 0 10px; width: 640px; vertical-align: bottom; }
#bnrSlider.box { padding: 0 !important; }
#bnrSlider .bx-wrapper { margin-bottom: 15px }
#bnrSlider .controlWrap { display: block; margin: 0 auto; position: relative; width: 640px; }
#bnrSlider .controlWrap p#icPrev a, #bnrSlider .controlWrap p#icNext a { background-color: #fffb00; border-radius: 50%; height: 30px; margin-top: -15px; position: absolute; top: 50%; width: 30px; }
#bnrSlider .controlWrap p#icPrev a { left: -15px }
#bnrSlider .controlWrap p#icPrev a::before { border-left: 2px solid #ff6b00; border-bottom: 2px solid #ff6b00; content: ""; height: 7px; margin-top: -4px; left: 11px; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 50%; width: 7px; }
#bnrSlider .controlWrap p#icNext a { right: -15px }
#bnrSlider .controlWrap p#icNext a::before { border-right: 2px solid #ff6b00; border-top: 2px solid #ff6b00; content: ""; height: 7px; margin-top: -4px; right: 11px; position: absolute; transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 50%; width: 7px; }
#bnrSlider .sp-slides-container { margin-bottom: 10px; }

/*-------------------------------------
  FAQ
-------------------------------------*/
#faq { background: url(../images/bg-planTogether.png) repeat 0 0 / 62px auto; padding-bottom: 80px;}
#faq h2 br { display: none;}
#faq .inner { background-color: #fff; padding: 42px; }
.faq__list { border-bottom: 1px solid #d7d7d7; text-align: left; }
.faq__item { border-top: 1px solid #d7d7d7; padding: 0 2em; }
.faq__item--q, .faq__item--a { font-size: 16px; padding-left: 3em; position: relative; }
.faq__item--q { line-height: 1.5; font-weight: bold; padding-bottom: 2em; padding-top: 2em; }
.faq__item--q:hover { cursor: pointer; }
.faq__item--q::before, .faq__item--a::before { font-size: 24px; font-weight: normal; left: 0; line-height: 1; position: absolute;  }
.faq__item--q::before { color: #b71417; content: "Q." }
.faq__item--q::after { color: #b71417; content: "\e804"; display: inline-block; font-family: "ic"; font-size: 24px; line-height: 1; position: absolute; right: 2em; transition: all .5s ease; }
.faq__item--q.is-open::after { transform: rotate(-180deg); }
.faq__item--a { display: none; padding-bottom: 2em; }
.faq__item--a::before { color: #890d0f; content: "A." }

/*-------------------------------------
  jtbsite_linklist_wrap
-------------------------------------*/
.jtbsite_linklist_wrap { padding: 40px 0; margin-bottom: 0; }
.jtbsite_linklist_wrap h3, .jtbsite_linklist dt { text-align: left; }
.jtbsite_linklist_wrap { font-size: 13px; max-width: 1236px; padding: 40px 0; text-align: left; }
.jtbsite_linklist { flex-wrap: wrap; }
.jtbsite_linklist dt { margin: 0; width: 11em; line-height:150%;}
.jtbsite_linklist dd { border: none; margin: 0; padding: 0; width: calc(100% - 11em); }
.jtbsite_linklist dd:not(:last-child) { margin-bottom: 10px; }
.jtbsite_linklist ul { display: flex; flex-wrap: wrap; }
.jtbsite_linklist li { margin: 0 10px 10px 0; padding: 1px 0 1px 10px; border-left: 1px solid #ccc; }
.jtbsite_linklist li.sp { display: none; }

/*-------------------------------------
  sns
-------------------------------------*/
#sns { margin: 0 auto; width: 1120px; }
#sns ul { letter-spacing: -0.4em; margin-bottom: 10px; text-align: right; }
#sns li { display: inline-block; letter-spacing: normal; padding-left: 4px; vertical-align: top; line-height: 1 }


/*-------------------------------------
 close
-------------------------------------*/
.close{
	text-align: center;
    background: #FFFBC7;
    padding: 50px;
    margin-top: 20px;
    }


