/* デフォルトスタイのリセット */
* {
	/*font-size: 100%;*/
	font-style: normal;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0px;padding: 0px;
}

a:link, a:visited { color: #333; }
a:hover { color: #333; }

html {
	/*height: 2000px;
	overflow-y: scroll;*/
}

#all:after　{ /*カラム落ち対策*/
　　　clear:　both;
　　　content:"";
　　　display:　block;
}

@font-face {
  font-family: 'Gruppo';
  src: url('../fonts/Gruppo-Regular.eot?');
  src: url('../fonts/Gruppo-Regular.eot?') format('embedded-opentype'), url('../fonts/Gruppo-Regular.woff') format('woff'), url('../fonts/Gruppo-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Jolly Lodger';
  src: url('../fonts/JollyLodger-Regular.eot?');
  src: url('../fonts/JollyLodger-Regular.eot?') format('embedded-opentype'), url('../fonts/JollyLodger-Regular.woff') format('woff'), url('../fonts/JollyLodger-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Regular.eot?');
  src: url('../fonts/Oswald-Regular.eot?') format('embedded-opentype'), url('../fonts/Oswald-Regular.woff') format('woff'), url('../fonts/Oswald-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Bold.eot?');
  src: url('../fonts/Oswald-Bold.eot?') format('embedded-opentype'), url('../fonts/Oswald-Bold.woff') format('woff'), url('../fonts/Oswald-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Oswald';
  src: url('../fonts/Oswald-Light.eot?');
  src: url('../fonts/Oswald-Light.eot?') format('embedded-opentype'), url('../fonts/Oswald-Light.woff') format('woff'), url('../fonts/Oswald-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Kalam';
  src: url('../fonts/Kalam-Regular.eot?');
  src: url('../fonts/Kalam-Regular.eot?') format('embedded-opentype'), url('../fonts/Kalam-Regular.woff') format('woff'), url('../fonts/Kalam-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


body {
	height: 100%;
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	/*font-family: 'Raleway', sans-serif;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	color: #000;
}

h2 {
	clear: both;
	color: #5d5c56;
	/*font: bold 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;*/
	margin: 20px 0px;
	border-bottom: 1px solid #5d5c56;

}

/* stickyfooter */
.sticky-footer
{
	position: absolute;
	bottom: 0;
	width: 100%;
}


.main-section
{
	margin: 0px;
	padding: 0px;
/*	width: 100%;
	width: 100vw;
	height: 95%;
	height: 95vh;*/
}

.footer-section
{
	margin: 0px;
	padding: 0px;
/*	width: 100%;
	width: 100vw;
	height: 95%;
	height: 95vh;*/
	background: #02141c;
	color: #fff;
	text-align: center;
	box-shadow: 0 0 5px rgba(20, 135, 215 ,0.7);
	/*IE7、IE8用スタイル*/
	boder-top: 1px solid #1c5e8b\9;
}

.container
{
	margin: 0 auto;
	padding: 0px;
	width: 100%;
	height: 100%;
}

.container:before, .container:after
{
	content: " ";
	display: table;
}

.container:after
{
	clear: both;
}

.row
{
  margin: 0px;
  padding-bottom: 5px;
}

.padding-0
{
	padding: 0px;
	margin: 0px;
}

iframe {
/*height: 700px;*/
	width: 100%;
}

.well
{
	background: #02141c;
	color: #fff;
	text-align: center;

}

.nav {
  border: 1px;
  border-color: #000;
}

div.page-header{
  margin: 0px;
  border: 0px;
}

div.page-header h1,div.page-header h4 {
  font-family: 'Gruppo', cursive;
  display: inline-block;
  color: #000;
  margin-top: 5px;
  margin-bottom: 0px;
}

div.contact-t h1 {
  font-family: 'Oswald', sans-serif;
  font-weight: 700; 
  line-height: 1;
  color: #000;
}

div.contact-t h3 {
  font-family: 'Oswald', sans-serif;
  font-weight: 300; 
  line-height: 1.2;
  color: #000;
  padding: 5px;
  margin-bottom: 5px;
}

div.contact-t a.btn{
  margin-top: 20px;
  margin-bottom: 10px;
  color: #fff;
}

div.panel-group  {
  font-family: 'Gruppo', cursive;  
  line-height: 1.1;
  font-size: 16px;
  font-weight: 400;
}

div.panel-group a {
  font-size: 20px;
  font-weight: 500;
}

div.panel-group a.jp-uri {
  text-decoration: underline;
}

div#accordion {
  font-family: 'Gruppo', cursive;  
  line-height: 1.2;
}

ul#tab-menu a {
  font-family: 'Gruppo', cursive;  
  line-height: 1;
  font-size: 20px;
  font-weight: 500;
}

.main-tour {
  background-color: #fff;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.main-tour {
  display: block;
	margin: 50px 0;
  text-align: center;
}
.main-tour h1 {
  font-size: 50px;
  font-family: 'Jolly Lodger', cursive;
  line-height: 1;
  display: inline-block;
  color: #000;
}

.main-tour img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 300px;
  height: 0px;
}

.main-tour .btn {
  font-size: 15px;
  padding: 7px 7px;
  margin: 15px;
  margin-bottom: 7px;
  color: #fff;
}

.main-tour .btn-warning {
	color: #000;
	/*-webkit-animation: switchtext 1s infinite alternate;
 	-moz-animation: switchtext 1s infinite alternate;
 	animation: switchtext 1s infinite alternate;*/
}

@-webkit-keyframes switchtext {
	from { opacity: 1; }
	to { opacity: 0.4; }
}

@-moz-keyframes switchtext {
 from { opacity: 1; }
 to { opacity: 0.4; }
}

@keyframes switchtext {
 from { opacity: 1; }
 to { opacity: 0.4; }
}


.main-tour h1.chardinjs-show-element, .chardinjs-show-element {
  color: #cccccc;
}


.chardinjs-show-element a {
  color: rgba(77, 186, 240, 1);
}


.chardinjs-overlay {
  position: absolute;
  z-index: 999999;
  background-color: #000;
  opacity: 0;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }

.chardinjs-helper-layer {
  position: absolute;
  z-index: 9999998;
  color: red;
  /*font-family: 'Kalam', cursive;
  font-weight: 700; */ 
  font-size: 13px;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out; }
  .chardinjs-helper-layer.chardinjs-left {
    border-left: solid white 1px;
    margin-left: -10px; }
  .chardinjs-helper-layer.chardinjs-right {
    border-right: solid white 1px;
    padding-right: 10px; }
  .chardinjs-helper-layer.chardinjs-bottom {
    border-bottom: solid white 1px;
    padding-bottom: 10px; }
  .chardinjs-helper-layer.chardinjs-top {
    border-top: solid white 1px;
    padding-top: 10px; }

.chardinjs-tooltip {
  position: absolute;
  -webkit-transition: opacity 0.1s ease-out;
  -moz-transition: opacity 0.1s ease-out;
  -ms-transition: opacity 0.1s ease-out;
  -o-transition: opacity 0.1s ease-out;
  transition: opacity 0.1s ease-out;
  max-width: 200px; }
  .chardinjs-tooltip.chardinjs-left {
    margin-left: -50px;
    padding-right: 10px; }
  .chardinjs-tooltip.chardinjs-right {
    margin-right: -45px;
    padding-left: 10px; }
  .chardinjs-tooltip.chardinjs-bottom {
    margin-bottom: -5px;
    padding-top: 10px; }
  .chardinjs-tooltip.chardinjs-top {
    margin-top: -5px;
    padding-bottom: 10px; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after, .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    content: ".";
    display: inline-block;
    background-color: white;
    height: 1px;
    overflow: hidden;
    position: absolute; }
  .chardinjs-tooltip.chardinjs-right:before, .chardinjs-tooltip.chardinjs-left:after {
    width: 10px;
    top: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before, .chardinjs-tooltip.chardinjs-top:after {
    width: 1px;
    height: 5px;
    left: 50%; }
  .chardinjs-tooltip.chardinjs-bottom:before {
    top: -5px; }
  .chardinjs-tooltip.chardinjs-top:after {
    bottom: -5px; }
  .chardinjs-tooltip.chardinjs-right:before {
    left: -10px; }
  .chardinjs-tooltip.chardinjs-left:after {
    right: -14px; }

.chardinjs-show-element {
  z-index: 9999999;
  opacity: 0.8; }

.chardinjs-relative-position {
  position: relative; }
