@charset "utf-8";
@font-face {
   font-family: 'JosefinSans';
   src: url('../fonts/Josefin_Sans/JosefinSans-Regular.ttf') format("truetype");
}
.clearfix {
   display: inline-block;
   /* Hides from IE-mac \*/
   *zoom: 1;
   display: block;
   /* End hide from IE-mac */
}
.clearfix:after {
   content: " ";
   display: block;
   height: 0;
   visibility: hidden;
   clear: both;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td, nav {
   padding: 0;
   margin: 0
}
fieldset, img {
   border: 0
}
img {
   vertical-align: bottom;
   width: auto\9;
   max-width: 100%;
   height: auto
}
button {
   background-color: transparent;
   border: none
}
address, caption, cite, code, dfn, em, th, var {
   font-weight: inherit;
   font-style: normal
}
ol, ul {
   list-style: none;
   list-style-position: outside
}
caption, th {
   text-align: left
}
html {
   font-size: 64%;
}
h1, h2, h3, h4, h5, h6 {
   font-size: inherit;
   letter-spacing: 0.01em;
   margin-bottom: .5%;
}
body {
   background: #ffffff;
   color: #000000;
   font-family: 'JosefinSans', sans-serif !important;
   line-height: 1.4;
   -webkit-font-smoothing: antialiased;
   -moz-font-smoothing: antialiased;
   font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   font-size: 16px !important;
   /*	font-size:1.6rem;*/
   -webkit-text-size-adjust: 100%;
   min-width: 1060px;
}
a {
   outline: none;
   color: #074bb1;
   text-decoration: none;
}
a:hover {
   text-decoration: underline;
}
.u_indent01 {
   padding-left: 1em;
   text-indent: -1em;
}
.inner {
   /*width: 980px;*/
  width: 1040px;
   margin: 0 auto;
   box-sizing: border-box;
}
.innerH {
   text-align: center;
   padding: 12em 0 !important;
}
hr.hr0 {
   clear: both;
   border: none;
   margin: 0 !important;
}
.display-pc {
   display: initial;
}
i[class^='icon-'] {
   background: url(../images/sprite.png) 0 0 no-repeat;
   background-size: 50px auto;
   display: inline-block;
   vertical-align: middle;
}
i.icon-map {
   font-size: 26px;
   width: 37px;
   height: 37px;
   line-height: 37px;
   background: #ffffff 50% 50% no-repeat;
   background-size: 100% auto !important;
   color: #e60000;
   border-radius: 50%;
   text-align: center;
   font-style: normal;
   font-weight: bold;
   text-indent: -9999em;
}
i.icon-map-b {
   border: 2px solid #e60000;
   font-size: 21px;
   width: 32px;
   height: 32px;
   line-height: 28px;
   background: #ffffff 50% 50% no-repeat;
   background-size: 110% auto !important;
   color: #e60000;
   border-radius: 50%;
   text-align: center;
   font-style: normal;
   font-weight: bold;
   box-sizing: border-box;
   vertical-align: text-bottom;
   text-indent: -9999em;
}
i.icon-no-a {
   background-image: url(../images/ic-no-a.png);
}
i.icon-no-b {
   background-image: url(../images/ic-no-b.png);
}
i.icon-no-c {
   background-image: url(../images/ic-no-c.png);
}
i.icon-no-d {
   background-image: url(../images/ic-no-d.png);
}
i.icon-no-e {
   background-image: url(../images/ic-no-e.png);
}
i.icon-blank {
   width: 20px;
   height: 1em;
   background: url(../images/ic-blank.png) 0 50% no-repeat;
   margin: 0 .3em;
   vertical-align: text-bottom
}
i.icon-mark {
   background: none;
}
.required_time_plus{
   position: absolute;
   top: -22px;
   white-space: nowrap;
}
i.icon-no {
   background: none 0 0 no-repeat;
   background-size: 100% auto;
   width: 60px;
   height: 60px;
   text-indent: -9999em;
}
i.icon-no.icon-no1 {
   background-image: url(../images/ic-no01.png);
}
i.icon-no.icon-no2 {
   background-image: url(../images/ic-no02.png);
}
i.icon-no.icon-no3 {
   background-image: url(../images/ic-no03.png);
}
i.icon-no.icon-no4 {
   background-image: url(../images/ic-no04.png);
}
i.icon-no.icon-no5 {
   background-image: url(../images/ic-no05.png);
}
i.icon-no.icon-no6 {
   background-image: url(../images/ic-no06.png);
}
i.icon-no.icon-no7 {
   background-image: url(../images/ic-no07.png);
}
i.icon-no.icon-no8 {
   background-image: url(../images/ic-no08.png);
}
i.icon-no.icon-no9 {
   background-image: url(../images/ic-no09.png);
}
i.icon-pin {
   background-size: 100px auto;
   background-position: -50px 0;
   width: 1.2em;
   height: 1.5em;
}
i.icon-pin-a {
   width: 13px;
   height: 1em;
   min-height: 19px;
   background: url(../images/ic-pin03.png) 0 0 no-repeat;
   background-size: 100% auto !important;
   margin: 0 .2em 0 0;
   vertical-align: text-bottom;
}
i.icon-arrR {
   background-position: .1em -100px;
   width: 1em;
   height: 1em;
}
i.icon-nav01 {
   background-position: 0 -200px;
   width: 1em;
   height: 1em;
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
}
i.icon-nav02 {
   background-position: 0 -200px;
   width: 1em;
   height: 1em;
}
.link-R {
   margin: 2em 0 1.5em;
   float: right;
}
.btn-dl {
   width: 174px;
   height: 40px;
   background: url(../images/btn_dl.png) 0 0 no-repeat;
   overflow: hidden;
   display: block;
   margin: 15px 0;
   text-indent: -9999em;
}
.btn-dl:hover {
   opacity: 0.8;
}
header {
   clear: both;
   width: 100%;
   background: rgba(255, 255, 255, .85);
   line-height: 1;
   position: fixed;
   /*position: relative;*/
   left: 0;
   top: 0;
   transform: translate3d(0, 0, 0);
   z-index: 20
}
header a.logo {
   background: url(../images/logo.svg) 0 12px no-repeat;
   background-size: 295px 69px;
   width: 300px;
   height: 86px;
   display: block;
   padding: 0 0 0;
   box-sizing: border-box;
}
header h1 {
   font-size: 48px;
   height: 0;
   padding-top: 1.4em;
   text-indent: -9999em;
   margin: 0;
}
header .description {
   height: 0;
   padding-top: 1.4em;
   text-indent: -9999em;
}
footer {
   clear: both;
   *zoom: 1;
   background: #ffffff;
}
footer:after {
   content: "";
   display: table;
   clear: both
}
footer .copylight small {
   display: block;
   color: #fff;
   background: #b1b1b1;
   font-size: 16px;
   padding: .5% 8% 4%;
   text-align: center;
}
body {
   /*padding-top: 112px;*/
}
body.top {
   padding-top: 0;
}
.head-attention {
   padding: 1em .5em;
   font-size: 12.5px;
   line-height: 1;
   width: 980px;
   margin: 0 auto;
}
.head-attention a {
   text-decoration: underline;
   color: #1e90ff;
}
.sec-attention {
   border: 1px solid #bf9000;
   padding: 1em 1em;
   margin: 1.5em auto;
}
.sec-attention ul {
   margin-left: 3em;
}
#main .lead + .sec-attention {
   margin: 0 auto;
}
#main .lead, #main #about {
   font-size: 18px;
   padding-bottom: 2.5rem;
}
#main #summary {
   /*padding:50px 0 60px;*/
   padding: 0 0 60px;
   font-size: 18px;
}
#main #summary h2 {
   font-size: 24px;
}
#main section {
   clear: both;
}
#main section .ti06 .inner, #main section .ti03 .inner, #main section .ti02 .inner, #main section .txt01 {
   width: 980px;
   margin: 0 auto;
   box-sizing: border-box;
}
#main section .img01 {
   text-align: center;
}
#main #about section .img01 .caption {
   width: 980px;
   margin: 3px auto 0;
   text-align: right;
   display: block;
   float: none;
}
#main section .txt01 .img01 {
   margin: 2% 0 2%;
}
#main section .txt01 .img02 {
   float: right;
   width: 18%;
}
#main section .txt01 .txt02 {
   float: left;
   width: 80%;
}
#main section .txt01 .img03 {
   float: right;
   width: 36%;
}
#main section .txt01 .txt03 {
   float: left;
   width: 62%;
}
#main section .ti01 {
   font-size: 30px;
   line-height: 140%;
   background: #f2f2f2;
   border-left: 12px solid #cab872;
   margin-top: 60px;
   margin-bottom: 20px;
   padding: 0 0 0 12px;
   position: relative;
}
#main section .ti01:before {
   content: "";
   width: 0;
   height: 100px;
   border-left: 12px solid #000000;
   position: absolute;
   right: 100%;
   top: 0;
}
.em01 {
   color: #e60000;
}
#main section .ti01 strong {
   font-size: 42px;
}
#main section .ti01 h1, #main section .ti01 .img01 {
   width: 50%;
   display: table-cell;
   padding: 0;
   vertical-align: middle;
}
#main section .ti01 h1 {
   width: 47%;
}
#main section .ti01 .img01 .caption {
   position: absolute;
   right: 0;
   bottom: -1.3em;
   line-height: 1;
}
#main section .ti02 {
   margin: 80px 0 40px;
}
#main section .ti02 .inner {
   font-size: 35px;
   background: url(../images/hr_dot01.png) 0 0 repeat-y;
   padding: .3em 0 .4em 0.6em;
   box-sizing: border-box;
}
#main section .ti03 {
   border-bottom: 1px solid #dcdcdc;
}
#main section .ti03 .inner.icon-pin {
   font-size: 26px;
   padding: .7em 1.2em .4em;
   text-indent: -1.2em;
}
#main section#information .ti03 .inner.icon-pin i.icon-pin {
   background-position: -50px 0;
}
#main section#information .ti03.open h3.icon-pin i.icon-pin {
   background-position: -50px 0;
}
#main section#information .ti03 .inner {
   position: relative;
}
/*#main section#information .ti03 {
	cursor:pointer;}
#main section#information .ti03 .inner:after {
	content:"";
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	background:#b1b1b1 url(../images/sprite.png) 8px -42px no-repeat;
	background-size:50px auto;
	-moz-border-radius: 50% 50%;
	-webkit-border-radius: 50%;
	border-radius: 50% 50%;
	top:50%;
	right:0;
	margin-top:-15px;
	-webkit-transform: rotate(90deg);
    transform: rotate(90deg);}
#main section#information .ti03.open h3:after {
	-webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);}*/
#main section .ti04 {
   font-size: 112.5%;
   margin-top: 1.4em;
   margin-bottom: .5%;
   border-bottom: 1px solid #dcdcdc;
}
#main section .ti05 {
   font-size: 112.5%;
   margin-top: 1.4em;
}
#main section .ti06 {
   height: 55px;
   background: #e7e7e7;
   font-size: 28px;
   line-height: 2.3;
   overflow: hidden;
}
#main section .ti06.first {
   margin-bottom: 10px;
}
#main section .ti06 span.block {
   width: 80px;
   font-size: 22px;
   display: inline-block;
   background: #000000;
   color: #ffffff;
   margin: 0 15px 0 0;
   padding: 0;
   text-align: center;
   vertical-align: baseline
}
#main section#Suggest .ti06 .inner {
   width: 900px;
   font-size: 22px;
}
#main section#Suggest .itinerary {
   text-align: left;
   border-left: 3px solid #cab872;
   position: relative;
   box-sizing: border-box;
   margin: 0 40px 0 78px;
   padding: 0 0 40px 54px;
}
#main section#Suggest .itinerary-none {
   padding-bottom: 20px;
}
#main section#Suggest .itinerary .icon-no {
   position: absolute;
   top: 0;
   left: -31px;
}
#main section#Suggest .itinerary .ti {
   font-size: 21px;
   line-height: 1.2;
   display: table-cell;
   height: 60px;
   vertical-align: middle;
   padding-bottom: 10px;
   box-sizing: border-box;
}
#main section#Suggest .itinerary .ti i.icon-map-b {
   margin: 0 .4em;
}
#main section#Suggest .itinerary .ti .icon-no {
   margin-right: 10px;
}
#main section#Suggest .itinerary .ti + p {
   margin-bottom: 5px;
}
#main section#Suggest .itinerary .listThumb {
   float: left;
   display: inline;
   margin: 0 0 13px;
}
#main section#Suggest .itinerary .listThumb > li {
   width: 300px;
   margin-right: 10px;
}
#main section .ti06 span.block small {
   font-size: 24px;
}
#main section .txt01 {
   padding: 2% 40px 3%;
}
#main section .content.even {
   background-color: #f2f2f2;
}
#main section#information .content .ti03 {
   background-color: #e7e7e7;
   border-bottom: none;
   padding-left: 15px;
}
#main section#Video .ti03 .inner.icon-pin {
   padding: .3em 1.2em .3em;
}
#main section#Video .ti03 .inner.icon-pin small {
   font-weight: normal;
}
#main section#Video .ti03 .inner.icon-pin .block {
   display: inline-block;
   vertical-align: middle;
   text-indent: 0;
   line-height: 1.1;
}
#main section .content.even .ti03 {
   background-color: #e7e7e7;
   border-bottom: 1px solid #e7e7e7;
}
#main section .map {
   background-color: #f2f2f2;
   padding: 40px 0 60px;
   margin-bottom: 80px;
}
#main section .map .inner {
   width: 900px;
   height: 0;
   padding-top: 480px;
   position: relative;
}
#main section .map iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   border: #dcdcdc 1px solid;
   box-sizing: border-box;
   top: 0;
   left: 0;
}
#main section .map p {
   position: absolute;
}
#main section#column .ti04 {
   margin-top: 2.5em !important;
}
#main section#column .ti04:first-of-type {
   margin-top: inherit;
}
#main section#column .txt01 p {
   margin: 0 0 1.5em;
}
#main section#Course .txt01 {
   padding: 0 40px;
}
.listAvr {
   margin: 2% 0;
}
.listAvr li {
   width: 447px;
   margin: 16px auto;
}
#main section#Suggest .itinerary .listIcon li {
   float: left;
   width: 47px;
   margin-right: 10px;
   margin-bottom: 10px;
}
#main section#Suggest .itinerary .listIcon2 {
   clear: both;
   margin: 0 0 10px;
}
#main section#Suggest .itinerary .listIcon2 li {
   clear: both;
   height: 32px;
   box-sizing: border-box;
   display: table-cell;
   vertical-align: middle;
   padding-left: 40px;
   position: relative;
   font-size: 16px;
   line-height: 1.2;
}
#main section#Suggest .itinerary .listIcon2 li strong {
   font-size: 16px;
}
#main section#Suggest .itinerary .listIcon2 .icon-mark {
   width: 32px;
   position: absolute;
   top: 0;
   left: 0;
}
#main section#Suggest .itinerary .listIcon2 + .listIcon2 {
   margin-top: 23px;
   position: relative;
}
#main section#Suggest .itinerary .listIcon2 + .listIcon2:before {
   content: "+";
   position: absolute;
   top: -40px;
   left: 8px;
   font-size: 35px;
   font-style: normal;
}
.youtube {
   position: relative;
   padding-bottom: 56.3%;
   height: 0;
   overflow: hidden;
   margin-top: 10px;
}
.youtube iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
body.floating {
   min-width: 0;
   padding: 0;
   /*    overflow: hidden;*/
}
body.floating .inner {
   width: auto;
   padding: 0 5% 30px;
   box-sizing: border-box;
}
body.floating .ti01 {
   border-left: 4px solid #cab872;
   font-size: 26px;
   margin: 0 0 15px;
   padding: 20px 20px 0 12px;
}
body.floating .ti02 {
   margin-bottom: 0;
}
body.floating p {
   margin-bottom: .8em;
}
body.floating p:last-child {
   margin-bottom: 0;
}
body.floating p a {
   word-break: break-all;
}
body.floating .img01 {
   margin-bottom: 10px;
}
body.floating .img02 {
   float: right;
   width: 25%;
   margin-bottom: 10px;
}
body.floating .txt01 {
   float: left;
   width: 72%;
}
body.floating i.icon-blank {
   width: 18px;
   height: 1em;
   background: url(../images/ic-blank02.png) 0 50% no-repeat;
   margin: 0 0 0 1em;
   vertical-align: baseline
}
.caption {
   font-size: 11px !important;
   color: #000000;
   font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
   margin-top: 3px;
   margin-left: 3px;
   float: right;
}
.caption i.icon {
   width: 2em;
   display: inline-block;
   margin-right: .5em;
   text-align: right;
}
body.floating ul.caption {
   display: table;
   margin-left: auto;
   float: none;
   margin-bottom: -1.5em;
}
ul.caption li {
   padding-left: 2.5em;
   text-indent: -2.5em;
}
#provided {
   clear: both;
   background-color: #f2f2f2;
   padding: 1px 0 3px;
}
#provided .inner {
   padding: 0 40px;
}
.listThumb {
   display: table;
   margin: 1.2em auto;
}
ul.listThumb {
   font-size: 20px;
}
ul.listThumb small.caption {
   position: absolute;
   right: 0;
}
.listThumb .ti04 {
   margin-top: 8px !important;
   margin-bottom: 8px !important;
}
.listThumb .listIcon {
   width: 14.2%;
   float: right;
}
.listThumb .listIcon li {
   margin-bottom: 14px;
}
.listThumb .txt {
   width: 84%;
   float: left;
}
ul.listThumb.col1 {
   margin-top: 60px;
   margin-bottom: 60px;
}
ul.listThumb.col1 li {
   width: 600px;
   float: none;
   font-size: 21px;
   line-height: 140%;
   background: #f2f2f2;
   border-left: 4px solid #cab872;
   position: relative;
}
ul.listThumb.col1 a {
   display: block;
}
ul.listThumb.col1 .block strong {
   color: #000000;
   display: inline-block;
   text-decoration: none;
   font-size: 30px;
}
ul.listThumb.col1 .block, ul.listThumb.col1 .img {
   width: 50%;
   display: table-cell;
   text-indent: 0;
   vertical-align: middle;
}
div.listThumb.col2, ul.listThumb > li {
   width: 207px;
   float: left;
   position: relative;
}
div.listThumb.col2, ul.listThumb.col2 > li {
   width: 436px;
   margin-left: 28px;
   margin-bottom: 30px;
}
div.listThumb.col2:nth-child(odd), ul.listThumb.col2 > li:nth-child(odd) {
   clear: left;
   margin-left: 0;
}
.listThumb.col3 > li {
   width: 280px;
   margin-left: 30px;
}
.listThumb.col4 > li {
   width: 207px;
   margin-left: 24px;
   margin-bottom: 20px;
}
.listThumb > li:first-child {
   margin-left: 0;
}
.listThumb > li img {
   display: block;
}
.listThumb .block {
   font-weight: bold;
   display: block;
   padding-left: 1em;
   text-indent: -1em;
}
.listThumb .link-block {
   font-weight: bold;
   display: block;
   padding-left: 1em;
   margin-bottom: 3px;
}
.listThumb .link-block i.icon-arrR {
   margin-left: -1em;
   position: relative;
}
.listThumb .link-block small {
   display: block;
}
.listThumb small {
   font-size: 16px;
}
.listThumb i.icon-map {
   right: 10px;
   top: 10px;
   position: absolute;
}
.listThumb > li.first {
   margin-left: 0;
}
ul.listThumb2 {
   font-size: 20px;
}
ul.listThumb2 > li {
   clear: both;
   margin: 0 0 1.5em;
}
ul.listThumb2 > li a {
   display: block;
}
.listThumb2 > li img {
   width: 100px;
   float: left;
   border: 1px solid #e2e2e2;
}
.listThumb2 .link-block {
   font-weight: bold;
   display: table;
   padding-left: 1.5em;
}
.listThumb2 .link-block i.icon-arrR {
   margin-left: -1em;
   position: relative;
}
.listThumb2 .link-block small {
   display: block;
}
.listThumb2 small {
   font-size: 16px;
}
ul.listThumb3 {
   clear: both;
   font-size: 18px;
   display: table;
   margin: auto;
}
ul.listThumb3 > li {
   float: left;
   width: 320px;
   margin: 0 36px 36px;
}
.listThumb3 > li a {
   color: inherit;
   text-decoration: none;
   display: block;
}
.listThumb3 > li img {
   border: 1px solid #8a8685;
}
.listThumb3 .link-block {
   display: block;
   margin: 1em 0 1em;
}
.navPage {
   clear: both;
   margin: 0 -10px 30px;
}
.navPage li {
   float: left;
   margin: 0 10px 20px;
}
.navPage a {
   font-size: 18px;
   background: #e7e7e7;
   color: #000000;
   font-weight: bold;
   text-align: center;
   width: 205px;
   height: 70px;
   display: table-cell;
   vertical-align: middle;
   padding: 0 1em;
   box-sizing: border-box;
   text-decoration: none;
   position: relative;
   -webkit-transition: background-color 0.5s;
   -moz-transition: background-color 0.5s;
   -ms-transition: background-color 0.5s;
   -o-transition: background-color 0.5s;
   transition: background-color 0.5s;
}
.navPage a:after {
   content: "";
   width: 0;
   height: 0;
   border: 10px solid transparent;
   border-right: 10px solid #cab872;
   border-bottom: 10px solid #cab872;
   position: absolute;
   right: 0;
   bottom: 0;
   -webkit-transition: border-color 0.5s;
   -moz-transition: border-color 0.5s;
   -ms-transition: border-color 0.5s;
   -o-transition: border-color 0.5s;
   transition: border-color 0.5s;
}
.navPage a small {
   font-weight: normal;
}
.navPage a:hover, .navPage .active a {
   background: #e60000;
   color: #ffffff;
   text-decoration: none;
}
.navPage a:hover:after, .navPage .active a:after {
   border-right: 10px solid #000000;
   border-bottom: 10px solid #000000;
}
.pageTop {
   text-indent: -9999px;
   position: fixed;
   z-index: 9;
   right: 34px;
   bottom: 34px
}
.pageTop a {
   text-indent: -9999px;
   display: block;
   position: relative;
   width: 40px;
   height: 40px;
   background-color: #ffffff;
   -moz-border-radius: 50% 50%;
   -webkit-border-radius: 50%;
   border-radius: 50% 50%;
   border: 1px solid #b1b1b1;
}
.pageTop a:before {
   content: "";
   display: inline-block;
   position: absolute;
   top: 50%;
   left: 50%;
   background: url(../images/sprite.png) 8px -233px no-repeat;
   background-size: 60px auto;
   -webkit-transform: rotate(-90deg);
   transform: rotate(-90deg);
   height: 30px;
   width: 30px;
   margin: -15px 0 0 -15px;
}
@media screen and (min-width:641px) {
   .check, .menu-btn, .menu-close {
      display: none !important
   }
   header {
      min-width: 1060px;
   }
   #gNav {
      clear: both;
      background: #cab872;
      position: fixed;
      /*top: 135px;*/
      left: 0;
      width: 100%;
   }
   #gNav:before {
      content: "";
      background: #000000;
      position: absolute;
      top: 0;
      right: 0;
      width: 50%;
      height: 100%;
      z-index: 1;
   }
   #gNav .nav {
      background: #000000;
      margin-left: 415px;
      /*padding: 0 0 0 13px;*/
      position: relative;
      z-index: 2;
   }
   #gNav .nav > li {
      float: left;
      font-size: 17px;
      box-sizing: border-box;
      position: relative;
      /*margin: 0 0 0 10px;*/
      -webkit-transition: background-color 0.5s;
      -moz-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
      -o-transition: background-color 0.5s;
      transition: background-color 0.5s;
   }
   #gNav .nav > li {
      border-right: 1px solid #FFFFFF;
   }
   #gNav i[class^='icon-'] {
      position: absolute;
      top: 13px;
      left: 7px;
   }
   #gNav .nav li a, #gNav .nav li .block {
      /*height:26px;*/
      line-height: 1.7;
      overflow: hidden;
      display: block;
      box-sizing: border-box;
      text-align: center;
      text-decoration: none !important;
      color: #cab872 !important;
      padding: 20px 30px;
      position: relative;
      font-weight: bold;
   }
   /*#gNav .nav > li.active {
	background-color:#4d4d4d;}*/
   #gNav .nav li:hover {
      background-color: #F1EEE1;
   }
   #gNav .nav li:hover a {
      color: #000000 !important;
   }
   #gNav .nav li > ul {
      background-color: #F1EEE1;
      width: 980px;
      display: flex;
      flex-wrap: wrap;
      height: 0;
      position: absolute;
      z-index: 2;
      left: -654px;
      overflow: hidden;
      display: flex;
      -webkit-transition: all 0.2s;
      -moz-transition: all 0.2s;
      -ms-transition: all 0.2s;
      -o-transition: all 0.2s;
      transition: all 0.2s;
   }
   #gNav .nav li > ul li {
      width: 200px;
      margin-bottom: 30px;
   }
   #gNav .nav li > ul li:nth-of-type(1), #gNav .nav li > ul li:nth-of-type(4n+1) {
      margin-left: 35px;
   }
   #gNav .nav li > ul li:not(:nth-of-type(4n)) {
      margin-right: 35px;
   }
   #gNav .nav li > ul li a {
      /*height: 33px;*/
      width: 200px;
      line-height: 33px;
      color: #000000 !important;
      /*border-bottom: 1px solid #ffffff;*/
      padding: 0;
      text-align: left;
      -webkit-transition: background-color 0.5s;
      -moz-transition: background-color 0.5s;
      -ms-transition: background-color 0.5s;
      -o-transition: background-color 0.5s;
      transition: background-color 0.5s;
      transition: .3s;
   }
   /*#gNav .nav li > ul li a:hover{
	background-color:#dfd4aa;
}*/
   #gNav .nav li:hover ul {
      height: 375px;
      padding: 30px 0;
   }
   #gNav .nav li > ul li:last-child a {
      border-bottom: none;
   }
   .content .coming_soon {
      width: 300px;
      height: 100px;
      font-size: 34px;
      line-height: 95px;
      background-color: #f2f2f2;
      text-align: center;
      margin: 110px auto 0;
   }
   #gNav .nav li > ul li a:hover {
      opacity: .7;
   }
}
.content .coming_soon {
   width: 300px;
   height: 100px;
   font-size: 34px;
   line-height: 95px;
   background-color: #f2f2f2;
   text-align: center;
   margin: 110px auto 0;
}
#Course {
   min-height: 670px;
}
@media screen and (max-width: 560px) {
   .listThumb.col3 .block-02 {
      height: 2.8em
   }
}
@media screen and (max-width: 480px) {
   .listThumb .block-01 {
      height: 2.8em
   }
   .content .coming_soon {
      width: 100%;
   }
   #Course {
      min-height: 383px;
   }
}
@media screen and (max-width: 400px) {
   .listThumb .link-block small {
      height: 2.8em
   }
}
@media screen and (max-width: 640px) {
   html {
      font-size: 62%;
   }
   body {
      min-width: 320px;
      /*padding-top: 83px;*/
      padding-top: 0;
      word-wrap: break-word !important;
   }
   .display-pc {
      display: none !important;
   }
   header.top {
      height: auto;
      background: url(../images/header_bg01_sp.jpg) 50% 0 no-repeat;
      background-size: 100% auto;
   }
   header.top a.logo {
      height: auto;
      padding: 20% 0;
   }
   header.top h1, header.top .description {
      opacity: 0;
   }
   header.top h1 {
      padding-top: 15%;
   }
   header.top .description {
      padding-top: 14%;
   }
   header {
      height: 88px;
      background: rgba(255, 255, 255, .85);
      box-sizing: border-box;
      border-bottom: 13px solid #cab872;
   }
   .head-attention {
      width: 100%;
      height: 50px;
      padding: 1em 2% 0;
      box-sizing: border-box;
      font-size: 10.5px;
      line-height: 1;
   }
   #main section .img01 {
      /*margin-top: -20px;*/
   }
   #main #about section .img01 .caption {
      width: auto;
   }
   #main section {
      margin-top: 0;
   }
   header:before {
      content: "";
      width: 35%;
      height: 0;
      border-bottom: 13px solid #000000;
      display: block;
      position: absolute;
      right: 0;
      bottom: -13px;
   }
   header a.logo {
      width: 250px;
      height: 70px;
      padding: 0 0 0;
      background-position: 10px 10px;
      background-size: 232px 56px;
   }
   header .inner {
      padding: 0;
   }
   header h1 {
      font-size: 42px;
      font-size: 4.2rem;
      padding-top: 1em;
      background-size: auto 100%;
   }
   header .description {
      font-size: 16px;
      font-size: 1.6rem;
      padding-top: 1em;
      background-size: auto 100%;
   }
   .check {
      display: none;
   }
   .menu-btn {
      background: #ffffff url(../images/menu_btn01.png) 50% 50% no-repeat;
      background-size: 100% auto;
      position: absolute;
      display: block;
      top: 5px;
      right: 0;
      width: 70px;
      height: 70px;
      cursor: pointer;
      z-index: 3;
   }
   .menu-close {
      background: #ffffff url(../images/menu_btn02.png) 50% 50% no-repeat;
      background-size: 100% auto;
      position: absolute;
      top: 5px;
      right: 0;
      width: 70px;
      height: 70px;
      visibility: hidden;
      opacity: 0;
   }
   .check:checked ~ .menu-close {
      visibility: visible;
      opacity: 1;
      z-index: 3;
   }
   #gNav {
      clear: both;
      width: 74%;
      height: 0;
      overflow: hidden;
      -webkit-transition: 0.5s;
      -moz-transition: 0.5s;
      -ms-transition: 0.5s;
      -o-transition: 0.5s;
      transition: 0.5s;
      position: absolute;
      background: #cab872;
      color: #000000;
      top: 88px;
      right: 0;
      z-index: 50;
   }
   .check:checked ~ #gNav {
      height: 440px;
   }
   #gNav .inner {
      padding: 0;
   }
   #gNav .nav > li {
      font-size: 24px;
      font-weight: bold;
      box-sizing: border-box;
      position: relative;
      border-right: none;
   }
   #gNav i[class^='icon-'] {
      position: absolute;
      top: 50%;
      left: 2px;
      background-position: 0 -48px;
      -webkit-transform: none;
      transform: none;
      margin-top: -.5em;
   }
   #gNav .nav li a {
      height: 55px;
      line-height: 55px;
      display: block;
      box-sizing: border-box;
      text-align: left;
      text-decoration: none !important;
      color: #000000 !important;
      position: relative;
      padding: 0 1em;
      border-top: 1px solid #ffffff;
      font-weight: bold;
   }
   #gNav .nav li > ul {
      width: 100%;
      display: inherit;
   }
   #gNav .nav li > ul li {
      width: inherit;
      margin-bottom: 0;
   }
   #gNav .nav li > ul li img, #gNav .nav li > ul li br {
      display: none;
   }
   .inner {
      width: auto !important;
      padding: 0 6.25%;
   }
   body.top #main > .inner {
      padding: 0 0;
   }
   #main .lead, #main #about, #main #summary {
      font-size: 18px;
   }
   #main section .ti01 {
      font-size: 18px;
      padding: 10px 4% 5%;
      margin: 20px 6.25% 10px;
      border-width: 6px;
   }
   #main section .ti01:before {
      height: 35px;
      border-width: 6px;
   }
   #main section .ti01 strong {
      font-size: 22px;
   }
   #main section .ti01 h1, #main section .ti01 .img01 {
      width: 100%;
      display: block;
      margin-top: 10px;
   }
   #main section .ti03 .inner, #main section .ti02 .inner, #main section .txt01 {
      width: auto;
   }
   #main section .ti02 {
      margin: 40px 0 20px;
      padding-left: 3%;
      padding-right: 3%;
   }
   #main section#about .ti02 {
      margin-top: 5%;
   }
   #main section .ti02 .inner {
      font-size: 20px;
      font-size: 2.0rem;
      background-size: 4px auto;
   }
   #main section .ti03 {
      padding: 0 3% 0 1%;
   }
   #main section .ti04, #main section .ti05 {
      margin-bottom: 2%;
   }
   #main section .txt01 .img01 {
      margin: 3% 0;
   }
   #main section .txt01 {
      padding: 2% 6.25% 3%;
   }
   i[class^='icon-'] {
      background-size: 50px auto;
   }
   i.icon-map {
      right: 5px;
      top: 5px;
      width: 20px;
      height: 20px;
      line-height: 20px;
      font-size: 16px;
      /*	right: 2.5%;
	top: 3.5%;
	width: 8.5%;
	height: 0;
  padding-top: 8.5%;
	line-height: 1;
	background-position: 50% 0;*/
   }
   /*.listThumb i.icon-map{
	right: 2.5%;
	top: 3.5%;}*/
   i.icon-map-b {
      border: 1px solid #e60000;
      font-size: 16px;
      width: 20px;
      height: 20px;
      line-height: 20px;
   }
   i.icon-no {
      width: 50px;
      height: 50px;
   }
   i.icon-pin {
      width: 1em;
      background-position: -22px 3px;
   }
   i.icon-blank {
      width: 15px;
      background-size: 100% auto !important;
   }
   #main section#information .ti03 .inner:after {
      width: 23px;
      height: 23px;
      background-size: 40px auto;
      background-position: 6px -34px;
      margin-top: -12px;
   }
   #main section .ti03 .inner.icon-pin {
      font-size: 18px;
   }
   #main section#information .ti03 .inner.icon-pin i.icon-pin {
      background-position: -22px 3px;
   }
   #main section#information .ti03.open h3.icon-pin i.icon-pin {
      background-position: -22px 3px;
   }
   #main section .txt01 .img02 {
      float: none;
      width: auto;
      margin: 2% 35%;
   }
   #main section .txt01 .img03 {
      float: none;
      width: auto;
      margin: 2% 30%;
   }
   #main section .txt01 .txt02, #main section .txt01 .txt03 {
      float: none;
      width: auto;
   }
   #main section .ti06 {
      height: auto;
      font-size: 18px;
      line-height: 40px;
      margin-bottom: 0;
   }
   #main section .ti06 span.block {
      width: 51px;
      font-size: 16px;
      margin-right: 6px;
      vertical-align: bottom;
   }
   #main section .ti06 span.block small {
      font-size: 18px;
   }
   #Course .listThumb.col2 > li {
      width: 92% !important;
      margin: 0 4% 5% !important;
   }
   #Option .listThumb.col2 {
      width: 92% !important;
      margin: 0 4% 5% !important;
   }
   #main section .map {
      padding: 3% 3% 8%;
      margin-bottom: 40px;
   }
   #main section#Suggest .itinerary {
      margin: 0 0 0 26px;
      padding: 0 0 10px 28px;
   }
   #main section#Suggest .itinerary .ti {
      font-size: 18px;
      height: 50px;
      padding-bottom: 3%;
   }
   #main section#Suggest .itinerary .icon-no {
      left: -28px;
   }
   #main section#Suggest .itinerary .listThumb {
      width: 75%;
      margin-bottom: 2px
   }
   #main section#Suggest .itinerary .listThumb > li {
      float: none;
      width: 100% !important;
      margin: 0 0 3% !important;
   }
   #main section#Suggest .itinerary .listIcon {
      float: right;
      width: 22%;
   }
   /*#main section#Suggest .itinerary .listIcon img{
	max-width:none;}*/
   #main section#Suggest .itinerary .listIcon2 {
      /*fclear:none;
	loat:left;
	width:75%;*/
   }
   #main section#Suggest .itinerary .listIcon2 li {
      height: 28px;
      font-size: 18px;
      padding-left: 31px;
   }
   #main section#Suggest .itinerary .listIcon2 li strong {
      font-size: 18px;
   }
   #main section#Suggest .itinerary .listIcon2 .icon-mark {
      width: 28px;
   }
   #main section#Suggest .itinerary .listIcon2 + .listIcon2:before {
      left: 6px;
   }
   .navPage {
      margin: 0 6.25% 4%;
   }
   .navPage ul {
      margin: 0 -2%;
   }
   .navPage li {
      width: 46%;
      margin: 0 2% 4%;
   }
   .navPage a {
      width: 750px;
      height: 55px;
      font-size: 14px;
   }
   body.floating .ti01 {
      padding-top: 15px;
      font-size: 20px;
   }
   .listAvr li {
      width: auto;
      float: none !important;
      margin-bottom: 5%;
   }
   #provided .inner {
      padding: 0 5%;
   }
   .listThumb {
      margin-left: -2%;
      margin-right: -2%;
   }
   ul.listThumb {
      font-size: 18px;
   }
   /*ul.listThumb > li{
	display: inline-block;
	float: none;
	vertical-align: top;}*/
   .listThumb > li {
      width: 46% !important;
      margin: 0 2% 3% !important;
   }
   .listThumb > li img {
      max-width: inherit;
      width: 100%;
   }
   .listThumb > li:nth-child(odd) {
      clear: both;
   }
   .listThumb small {
      font-size: 14px;
   }
   ul.listThumb2 {
      font-size: 18px;
   }
   .listThumb2 small {
      font-size: 14px;
   }
   .listThumb2 > li img {
      width: 80px;
   }
   ul.listThumb3 > li {
      width: auto;
      text-align: center;
      float: none;
   }
   ul.listThumb3 .link-block {
      text-align: left;
   }
   ul.listThumb.col1 {
      margin: 1.2em auto;
   }
   ul.listThumb.col1 .block {
      padding-left: .5em;
   }
   ul.listThumb.col1 .block strong {
      font-size: 20px;
   }
   ul.listThumb.col1 li {
      font-size: inherit;
      width: 80% !important;
      margin: 0 10% 3% !important;
   }
   footer .copylight small {
      font-size: 12px;
   }
}
.table01 {
   border-collapse: collapse;
   border-spacing: 0;
   table-layout: fixed;
   width: 100%;
   margin: 0 0 1em;
}
.table01 th {
   background: #eeeeee;
   border: 1px solid #dcdcdc;
   padding: .5em 1.5em;
   text-align: center;
   font-weight: bold;
}
.table01 td {
   border: 1px solid #dcdcdc;
   padding: .5em 1.5em;
   text-align: left;
}
#mainimg {
   position: relative;
   margin: 0 0 20px;
}
#mainimg h2 {
   width: 980px;
   position: absolute;
   text-align: right;
   padding-top: 121px;
   z-index: 5;
}
#mainimg #slider {
   z-index: 1;
}
#mainimg #slider li {
   background: 50% 0 no-repeat;
   background-size: cover;
   height: 668px;
   position: absolute;
}
#mainimg #slider li:first-child {
   position: relative;
}
#mainimg #slider li.mainimg01 {
   background-image: url(../images/tokyo_im01.jpg);
}
#mainimg #slider li.mainimg02 {
   background-image: url(../images/tokyo_im02.jpg);
}
#mainimg #slider li.mainimg03 {
   background-image: url(../images/tokyo_im03.jpg);
}
#mainimg #slider li.mainimg04 {
   background-image: url(../images/tokyo_im04.jpg);
}
#mainimg #slider li.mainimg05 {
   background-image: url(../images/tokyo_im05.jpg);
}
@media screen and (min-width:641px) {
   #primary {
      float: left;
      width: 655px;
      padding-bottom: 80px;
   }
   #main section .ti04 {
      font-size: 20px;
      padding-bottom: 10px;
      margin-bottom: 15px;
   }
   #main section#column {
      font-size: 18px;
   }
   #main section#column .lead, #main section#column .ti04 {
      font-size: 122%;
   }
   #main section#column .txt01 {
      padding: 0 80px 3%;
   }
   #main section#column .txt01 .img01 {
      margin: 3% 0;
      padding: 0 80px 0 0;
   }
   #main section#column .txt01 .img01.img01-1 {
      float: left;
      width: 386px;
      padding-right: 48px;
      background: #ffffff;
   }
   #main section#column .txt01 .img01.img01-2 {
      float: right;
      width: 386px;
      margin: 0;
      padding-right: 0;
      padding-left: 48px;
      background: #ffffff;
   }
   #main section#column .txt01 .clear {
      clear: both;
   }
   #secondary {
      float: right;
      width: 275px;
      padding-bottom: 30px;
   }
   #secondary .logo {
      margin: 27px 0 3%;
      text-align: center;
   }
   #main #primary section .ti02 {
      margin: 20px 0;
   }
   #main #primary section .txt01 {
      padding: 2% 0 3% 47px;
   }
   #main #secondary section .ti02 {
      margin: 20px;
   }
   #main #primary section .ti06 .inner, #main #primary section .ti03 .inner, #main #primary section .ti02 .inner, #main #primary section .txt01, #main #secondary section .ti06 .inner, #main #secondary section .ti03 .inner, #main #secondary section .ti02 .inner, #main #secondary section .txt01, #primary .inner, #secondary .inner {
      width: auto;
   }
   #main #secondary section {
      background: #f2f2f2;
      padding: 1px 0;
   }
   #main #secondary section .txt01 {
      padding: 2% 34px 3%;
   }
   #main #secondary ul.listThumb {
      margin: 0;
   }
   #main #secondary ul.listThumb > li {
      margin-bottom: 30px;
   }
   #main #secondary .listThumb .link-block {
      margin-top: 3px;
      line-height: 1.3;
      padding-left: 0;
   }
   #main #secondary .listThumb small {
      font-weight: normal;
      font-size: 14px;
   }
   #main #secondary .listThumb2 .link-block {
      padding-left: .5em;
   }
   #main #secondary .listThumb2 small {
      font-weight: normal;
      font-size: 14px;
   }
   #pamphlet {
      margin-top: 30px;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .img {
      display: block;
      float: none;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .img img {
      width: 48%;
      display: inline-block;
      float: none;
      box-sizing: border-box;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .img img:nth-child(2n) {
      margin-left: 4%;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .link-block {
      padding-left: 0;
      margin-top: 3px;
   }
}
@media screen and (max-width: 640px) {
   #primary {
      padding-bottom: 40px;
   }
   #mainimg .inner {
      padding: 0;
   }
   #mainimg h2 {
      width: 100%;
      padding-top: 19%;
      margin: 0;
   }
   #main section#column .txt01 .img01 {
      padding: 0 15%;
   }
   #mainimg #slider li {
      height: 0;
      padding-top: 94%;
   }
   #mainimg #slider li.mainimg01 {
      background-image: url(../images/tokyo_im01_sp.jpg);
   }
   #mainimg #slider li.mainimg02 {
      background-image: url(../images/tokyo_im02_sp.jpg);
   }
   #mainimg #slider li.mainimg03 {
      background-image: url(../images/tokyo_im03_sp.jpg);
   }
   #mainimg #slider li.mainimg04 {
      background-image: url(../images/tokyo_im04_sp.jpg);
   }
   #mainimg #slider li.mainimg05 {
      background-image: url(../images/tokyo_im05_sp.jpg);
   }
   #main #summary {
      padding-bottom: 30px;
   }
   .table01 td {
      padding: .2em .5em;
   }
   #main #secondary .logo {
      margin: 16% 27% 3%;
   }
   #main #secondary .listThumb .link-block {
      margin-top: 3px;
      line-height: 1.3;
      padding-left: 0;
   }
   #main #secondary .listThumb small {
      font-weight: normal;
   }
   #main #secondary .listThumb2 .link-block {
      padding-left: .5em;
   }
   #main #secondary .listThumb2 small {
      font-weight: normal;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .img img {
      width: 75px;
   }
   #main #secondary #pamphlet .listThumb2.img-col2 > li .img img:nth-child(2n) {
      margin-left: 5px;
   }
}
#sb-container {
   color: #fff;
   height: 100%;
   width: 100%;
}
#sb-container {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 999;
   display: none;
   text-align: center;
}
#sb-overlay {
   position: fixed;
   height: 100%;
   width: 100%;
}
#sb-wrapper {
   position: absolute;
   width: 500px;
   height: 100%;
   max-width: 810px;
   overflow: auto !important;
   background: #ffffff;
   left: 50%;
   top: 10px;
   -webkit-transform: translateX(-50%);
   -ms-transform: translateX(-50%);
   transform: translateX(-50%);
   top: 50%;
   -webkit-transform: translateY(-50%) translateX(-50%);
   -ms-transform: translateY(-50%) translateX(-50%);
   transform: translateY(-50%) translateX(-50%);
   overflow: auto;
   -webkit-overflow-scrolling: touch;
}
#sb-body {
   position: relative;
   z-index: 2;
   height: 100%;
   overflow: hidden;
}
#sb-player {
   box-sizing: border-box;
   overflow: hidden;
   box-sizing: border-box;
}
#sb-nav-close {
   display: block;
   height: 24px;
   width: 24px;
   cursor: pointer;
   background: 50% 50% no-repeat;
   background-size: 100% auto;
   position: absolute;
   z-index: 5;
   right: 6px;
   top: 6px;
   background-image: url(../images/icon-close.png);
}
#sb-nav-close:hover {
   opacity: 0.8;
}
/* COVIT-19 Modal */
.covid19 .btn-primary {
   /* color: #212529; */
   background-color: #f2f2f2 /*--!important--*/ ;
   border-color: #f2f2f2 !important;
   font-weight: bold;
}
.covid19 .btn-primary:focus {
   /* color: #212529; */
   background-color: #dedede;
   border-color: #f2f2f2;
   box-shadow: 0 0 0 0.2rem rgb(255 232 38 / 50%);
   box-shadow: 0 0 0 0.2rem rgb(252 252 252 / 50%);
}
.covid19 .btn {
   display: initial !important;
   width: 100% !important;
   font-size: 1.8rem !important;
}
.covid19 .btn-primary:hover {
   /* color: #212529; */
   background-color: #dedede;
   border-color: #f2f2f2;
   box-shadow: 0 0 0 0.2rem rgb(252 252 252 / 50%);
}
#main section .covid19 .txt01 {
   width: 100% !important;
}
#main section .covid19 .ti04 {
   border-bottom: none;
}
.covid19 .modal-body {
   font-size: 1.6rem;
}
@media (min-width: 576px) {
   .covid19 .modal-dialog {
      max-width: 820px;
   }
}
@media screen and (min-width: 641px) {
   #main section .covid19 .ti04 {
      font-size: 2.2rem;
      padding-bottom: 10px;
      margin-bottom: 15px;
   }
}
.modal-list {
   position: relative;
}
.modal-list li {
   position: relative;
   margin-left: 20px;
   margin-bottom: 20px;
   z-index: 0;
}
.modal-list li:before {
   position: absolute;
   background: url(../images/li_icon.png) no-repeat;
   background-size: contain;
   content: "";
   display: block;
   width: 20px;
   height: 20px;
   top: 1px;
   left: -20px;
   z-index: 999;
}
#main #secondary ul.listThumb a {
   color: #074bb1;
}
ul.listThumb2 a {
   color: #074bb1;
}
#main section .ti02 h2 {
   font-weight: bold !important;
}
#main section#information div h3 {
   font-weight: bold !important;
}
#information section div h4 {
   font-weight: bold !important;
}
.inner > button {
   position: absolute;
   top: 23px;
   right: 180px;
   right: 160px;
   border: solid 2px red !important;
   width: 160px;
   height: 40px;
   font-size: 20px;
   font-weight: bold;
   transition: 0.3s;
   cursor: pointer;
   font-family: 'JosefinSans', sans-serif;
}
.inner > button:hover {
   background: red;
   color: white;
}
.inner > button:focus {
   outline: none;
}
header > .inner {
   position: relative;
}
@media screen and (max-width: 640px) {
   .inner > button {
      font-size: 15px;
      right: 100px;
      width: 100px;
      height: 30px;
      height: auto;
      padding-top: 2px;
      padding-bottom: 0px;
      box-sizing: border-box;
      font-family: 'JosefinSans', sans-serif;
      cursor: pointer;
   }
}
@media screen and (max-width: 490px) {
   .inner > button {
      right: 72px;
      /* width: 74px; */
   }
}
@media screen and (max-width: 426px) {
   .inner > button {
      width: 74px;
   }
}
@media screen and (max-width: 407px) {
   .inner > button {
      top: 30px;
   }
}
.fwb {
   font-weight: bold !important;
}
html p {
   margin-bottom: 0;
}
html h1, h2, h3, h4, h5, h6 {
   font-size: inherit;
}
html #main section .ti01 h1 {
   line-height: 140%;
}
html body {
   line-height: 1.4;
}
html h2 a {
   font-weight: bold;
}
html a {
   outline: none;
   color: #074bb1;
   text-decoration: none;
}
html #main section section .ti03 h2 {
   font-weight: bold;
}
html #main section section div h2 {
   font-weight: bold;
}
html small {
   font-weight: bold;
}
html footer small {
   font-weight: normal;
}
html .map small {
   font-weight: normal;
}
html #main #Suggest .content .ti06 h2 {
   line-height: 2.3;
}
@media screen and (max-width: 640px) {
   html #main #Suggest .content .ti06 h2 {
      line-height: 40px;
   }
}
html body #main section .content div[class^="ti"] h1 {
   font-weight: bold;
}
html body #main #Course .content .ti02 h1 {
   font-weight: bold;
}
html body #main #Suggest .content .itinerary h3 {
   font-weight: bold;
}
html body #main section section div div h4 {
   font-weight: bold;
   font-size: inherit;
   line-height: 1.4;
   margin-bottom: 0.5%;
}
html body #main section .content div div h2 {
   line-height: 1.4;
}
html body #main section section div h1 {
   line-height: 1.4;
}
html body #main section section div div ul {
   margin-bottom: 0;
}
html body #main section section div h2 {
   line-height: 1.4;
}
_:lang(x) + _:-webkit-full-screen-document, html body #header div button {
   color: #212529;
}
/*--------------------------------------------------
  cookie
--------------------------------------------------*/
.u-letter-spacing-small {
   letter-spacing: 1.5px;
}
.u-mar-bottom-20 {
   margin-bottom: 20px;
}
.u-text-center {
   text-align: center;
}
.c-modal-cookie p {
   font-size: 2rem;
   /* font-weight: bold; */
}
.c-button.custom {
   background: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, transparent)), -webkit-gradient(linear, left top, right top, color-stop(51%, #e61171), to(#dc0613));
   background: linear-gradient(to right, #fff 50%, transparent 50%), linear-gradient(to right, #e61171 51%, #dc0613 100%);
   background: linear-gradient(to right, #fff 50%, transparent 50%), linear-gradient(to right, #ff0000 51%, #ff0000 100%);
   color: #fff;
   border: 1px solid #dc0613;
   border: 1px solid #ff0000;
   background-size: 200% 100%;
   background-position: right bottom;
   -webkit-transition: all .3s ease-out;
   -o-transition: all .3s ease-out;
   transition: all .3s ease-out;
   min-width: 200px;
   line-height: 55px;
   display: inline-block;
}
.c-button.custom:hover {
   background-position: left bottom;
   border: 1px solid #ff0000;
   color: #ff0000;
   text-decoration: none;
}
.c-modal-cookie {
   display: none;
   height: 100vh;
   position: fixed;
   top: 0;
   width: 100%;
   z-index: 999999;
}
.c-modal-bg {
   background: rgba(0, 0, 0, 0.8);
   height: 100vh;
   position: absolute;
   width: 100%;
}
.c-modal-box {
   background: #fff;
   left: 50%;
   padding: 30px;
   position: absolute;
   top: 50%;
   transform: translate(-50%, -50%);
   width: 500px;
}
.c-modal-box a {
   color: #007DAC;
}
.c-modal-box a:hover {
   text-decoration: none;
}
@media(max-width: 768px) {
   .c-modal-box {
      width: 80%;
   }
   .c-modal-cookie p {
      font-size: 1.6rem;
   }
   .c-button {
      width: 100%;
      line-height: 50px;
   }
}