@charset "utf8";

body {
	color:#333;
	font-family:Verdana,"ヒラギノ角ゴ Pro W3","メイリオ";
}

/*-------------------header部分-------------------*/
header {
	padding: 10px;
	position:absolute;
	top:0;
	z-index:100;
	background:#111;
	color:#eee;
	width:100%;
}

header h1 a{
	color: #FFF;
	text-decoration: none;
}

/*-------各sectionごとにpartで分けています-------*/
/*
.part1 {
	background-image: url(../images/bg1.jpg);
	background-size: cover;
}
.part2 {
	background-image: url(../images/bg2.jpg);
	background-size: cover;
}
.part3 {
	background-image: url(../images/bg3.jpg);
	background-size: cover;
}
.part4 {
	background-image: url(../images/bg4.jpg);
	background-size: cover;
}
*/

/*-------各section内panel【グレー】-------*/
/*
.panel {
	background-color: rgba(0,0,0,0.8);
	height: 30%;
	width: 60%;
	padding: 5%;
	margin: 0 auto;
	box-shadow: 0 5px 3px rgba(0,0,0,0.8);
	color:#ccc;
	line-height:1.5em;
}
.panel h2 {
	border-bottom: solid 1px #fff;
	margin-bottom: 20px;
	font-weight: normal;
	font-size: 20px;
	line-height:2.0em;
}
.panel p {
	color:#fff;
}
*/
/*-------各section内panel【透明】-------*/

.panel_clear {
	width: 65%;
	padding: 5%;
	margin: 0 auto;
	color:#ccc;
	line-height:1.5em;
}
.panel_clear h2 {
	color:#fff;
	border-bottom: solid 1px #fff;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 50px;
	line-height:1.5em;
	text-align: center;
}
.panel_clear  p {
	color:#fff;
	font-size: 16px;
	line-height:2em;
}
#rogo-pc img {
    width: 100%;
    height: auto;
    display: block;
    padding-bottom: 20px;
    border-bottom: solid 1px #ccc;
	margin-bottom: 20px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 50px;
	line-height:1.5em;
	text-align: center;
}
.scroll_arrow {
	width: 65%;
	padding: 5%;
	margin: 0 auto;
	color:#ccc;
	line-height:2em;
	text-align: center;
	color:#fff;
}
.scroll_arrow img {
    width: 20%;
    margin: 0 auto;
}
.button img {
    width: 8%;
    height: auto;
    display: block;
    margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}
.garally {
    width: 100%;
    margin: 0 auto;
}
.garally img {
    width: 24%;
    padding-top: 20px;
    padding-left: 0.25%
}
.panel_clear p .data {
	color: #004400 ;
}
.panel_clear p .data_b {
	color: #004400 ;
	font-size: 1.3em;
}
p.pc_only {
	color:#fff;
	font-size: 16px;
    display: block;
}
hr {
    width: 100%;
    height: 1px;
    display: none;
}
/* google map
------------------------------------------------------------*/

.map_wrapper {
  max-width: 640px;
  min-width: 280px;
  margin: 10px auto;
  padding: 4px;
  border: 1px solid #CCC;  
}
 
.googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
header　h1 {
	font-size: 15px;
}
.panel_clear h2 {
	font-size: 24px;
	margin-top: 5px;
}
.panel_clear  p {
	font-size: 12px;
	line-height:2em;
}
.scroll_arrow img {
    width: 50%;
    margin: 0 auto;
}
.button img {
    width: 25%;
    height: auto;
    display: block;
    margin: 0 auto;
	margin-bottom: 10px;
	text-align: center;
}
.garally img {
    width: 47%;
    padding-top: 5px;
    padding-left: 1%
}
.map_wrapper {
  max-width: 100%;
  height: auto;
}
.googlemap iframe {
    width: 100%;
}
p.pc_only {
    display: none;
}
}