@charset "UTF-8";

html, body{
width: 100%;
font-size: 100%;
font-weight:normal;
border:0;}

/*************************************
 BASE
**************************************/

body{
width:100%;
height:auto;
color:#333333;
font-family: Verdana, "MS Gothic", "Osaka", sans-serif;
line-height:1.6;
text-align:center;
margin:0 auto;
padding:0;
font-size:small;
}

h1, h2, h3, h4, h5, h6{
margin-bottom:1.0em;
}

h1, h2, h3, h4{
font-weight:bold;
}

h1{
text-indent:-999999px;
marin-left:auto;
margin-right:auto;
}

h2{
font-size:144%;
}

h3{
color: #330066;
font-size: 113%;
}

h4, h5, h6, p{
font-size:100%;
}

a:link{
color: #3333CC;
text-decoration: underline;
}

a:visited{
color: #4d4d4d;
text-decoration: underline;
}
	
a:hover, a:active{
color: #0000FF;
text-decoration: underline;
}

strong{
font-weight:bold;
}

/*************************************
 COMMON
**************************************/

#wrapper{
width:100%;
max-width:700px;
height:auto;
border:hidden;
margin: 0 auto;
padding:0;
background-size: contain;
background-color:#c9e5f7;
background-repeat:no-repeat;
background-position:top;
}

#container{
width: 100%;
height:auto;
margin: 0 auto;
text-align:center;
padding:0 auto 20px auto;
}

#sns{
margin:0;
padding:15px 0 0 0;
text-align:right;
display: block;
}

#content_bg{
width:100%;
height:auto;
margin: 0 auto;
text-align:center;
padding:0 0 15px 0;
}

#main_content{
width:100%;
height:auto;
margin: 0 auto;
padding:0;
text-align:center;
background-color:transparent;
}

/*----- class -----*/

.body {
width:100%;
max-width:700px;
height:auto;
border:hidden;
margin: 0 auto;
padding:0;
background-size: contain;
}

.w500 {
width:100%;
max-width:500px;
height:auto;
border:hidden;
margin: 0 auto;
padding:0;
background-size: contain;
}

.w700 {
width:100%;
margin:0;
padding:0;
display: block;
max-width:700px;
pointer-events: none;
}

.m0 {
margin:0;
padding:0;
display: block;
max-width:700px;
}

.mapdiv {
width:100%;
margin:0;
padding:0;
display: block;
max-width:700px;
}

.m0_p20 {
max-width:680px;
margin:0;
padding:0px 10px;
display: block;
pointer-events: none;
}

.about {
max-width:700px;
margin:0;
padding:0;
display: block;
pointer-events: none;
}

.promises {
max-width:700px;
margin:20px 0 0 0;
padding:0;
display: block;
pointer-events: none;
}

.map {
width:100%;
max-width:700px;
margin:0;
padding:0;
display: block;
}

.button:hover{
position:relative;
top:2px;
left:2px;
}

.g-plusone {
margin:0 -5% 0 0;
text-align:right;
}


/*----- TABLE -----*/

.box03{
width:95%;
max-width:680px;
margin:20px auto 0 auto;
background-color:#fff;
border:none;
padding:0;
}

.box03 td{
width:100%;
border:none;
text-align:left;
font-size:12px;
margin:0 auto;
padding:20px;
}

.box03 span{
color: #000;
font-size: 113%;
font-weight:bold;
}

#oscar_tel{
width:100%;
height:auto;
background-color:transparent;
text-align:left;
font-size:9px;
color:#000;
line-height:1.6em;
padding:0 20px 0 20px;
margin:0 auto;
}

.grandprix {
font-size:200%;
font-weight:bold;
}

.grandprix span{
color:#F00;
font-size:200%;
font-weight:bold;
}

.movie {
width:100%;
max-width:579px;
height:100%;
border:hidden;
margin: 0 auto;
padding:0;
background-size: contain;
		}
	
.movie span{
color:#00F;
font-size:200%;
font-weight:bold;
		}