@charset "UTF-8";
/* CSS Document */

body{
	background-color:#FFFFFF;
	margin: 0;
    padding: 0;
}

bar{
	font-size: 20px;
	font-family:"futura";
	color:hsla(156,100%,57%,1.00);
}

header{
	background: rgba(173,173,173,1.00);
	text-align: center;
	padding:50px 345px;
	font-size: 25px;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
	color:black;
}

.shutter{
	position: absolute;
	top: 100px;
	left:300px;
	padding:50px 345px;
	font-size: 25px;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";	
	color:black;
}


main{
	text-align:left;
	padding:50px 250px;
	font-size: 20px;
	font-family:"futura";
	color: antiquewhite;
}


.video{
	text-align: center;
	padding:10px 0px;
	font-size: 20px;
	font-family:"futura";
	color: antiquewhite;
}

.img200-600 input {display: none;}
.img200-600 input + img {width: 200px; cursor: pointer;}
.img200-600 input:checked + img {width: 600px;}



.text {
      width: 200px;
      position: relative;
      margin:80px 50px 50px;
      padding: 20px;
    }

.maps{
	padding:10px 10px;
	font-size: 20px;
	font-family:"futura";
	color: antiquewhite;
}

right{
		text-align:left;
	position: absolute;
	top:300px;
	left:750px;
	padding:500px 345px;
	font-size: 20px;
	font-family:"futura";
	color: antiquewhite;
}

.nami{
	position: absolute;
	top:1500px;
	left:100px;
	padding:10px 10px;
	font-size: 20px;
	font-family:"futura";
	color: antiquewhite;
}

.css-fukidashi {
	  position:absolute;
	  top:2700px;
	  left:700px;
      padding: 0;
      margin: 0;
    }

.fukidashi {
      display: none;
	height: 300px;
      width: 500px;
      position: absolute;
      top: -200px;
      left: 100px;
      padding: 10px;
      border-radius: 5px;
      background:#FFFFFF;
      color:#343434;
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		font-size: 12px;
      font-weight:normal;
		text-align: left;
    }
    .fukidashi:after {
      position: absolute;
      width: 0;
      height: 0;
		top:800px;
      left: 200px;
      bottom: -19px;
      margin-left: 10px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color:azure;
      border-width: 10px;
      pointer-events: none;
      content: " ";
    }
    .text:hover + .fukidashi {
      display: block;
    }

.bass{
	 -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
	position:absolute;
	top:1000px;
	left:0px;
	padding:10px 10px;
	font-size: 12px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color:dimgray;
}

.who{
	position:absolute;
	top:800px;
	left:1400px;
	padding:10px 10px;
	font-size: 12px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color:dimgray;
}

.box{
	text-align: center;
	padding:10px 10px;
	font-size: 12px;
	font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	color:dimgray;
}

/*全体*/
.hidden_box0 {
	position: absolute;
	top:750px;
	left:0px;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box0 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box0 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box0 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box0 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box0 input:checked ~ .hidden_show {
	position: absolute;
	top: 0px;
	left: 200px;
	width: 400px;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*全体*/
.hidden_box1 {
	position: absolute;
	top:1000;
	left:0;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box1 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box1 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box1 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box1 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box1 input:checked ~ .hidden_show {
	position: absolute;
	left: 200px;
	width: 600px;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*全体*/
.hidden_box2 {
	position: absolute;
	top:950px;
	left:0px;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box2 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box2 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box2 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box2 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box2 input:checked ~ .hidden_show {
	position: absolute;
	left: 200px;
	width: 700px;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*全体*/
.hidden_box3 {
	position: absolute;
	top:1050px;
	left:0px;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box3 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box3 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box3 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box3 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box3 input:checked ~ .hidden_show {
	position: absolute;
	top:-250px;
	left:200px;
	width: 500px;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*全体*/
.hidden_box4 {
	position: absolute;
	top:1150px;
	left:0px;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box4 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box4 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box4 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box4 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box4 input:checked ~ .hidden_show {
	position: absolute;
	top:2500px;
	left:1450px;
	width: 200px;
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

/*全体*/
.hidden_box5 {
	position: absolute;
	top:1250px;
	left:0px;
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box5 label {
    padding: 15px;
    font-weight: bold;
    border: solid 2px black;
    cursor :pointer;
}

/*ボタンホバー時*/
.hidden_box5 label:hover {
    background: #efefef;
}

/*チェックは見えなくする*/
.hidden_box5 input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box5 .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box5 input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}

bottom{
	z-index: 0;
	position:absolute;
	top:2800px;
	left:130px;
	font-size: 15px;
	font-family:"futura";		
}

footer{
	position:absolute;
	top:2200px;
	left:70px;
	font-size: 20px;
	font-family:"futura";
	text-align: center;
}