@charset "utf-8";

/*--Reset-----------------------------------------------------------*/
* {
margin: 0;
padding: 0; }

a {
	text-decoration: none; }

img {
border: none;
vertical-align: middle; }

ul,ol {
list-style: none; }

/*--Back screen----------------------------------------------------------*/
html {
background: #333; }

html.home, html.plecio, html.acceso {
min-height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom; }

html.home {
background-image: url(../img/bg075_upsala.jpg); }

html.plecio {
background-image: url(../img/bg075_paine.jpg); }

html.acceso {
background-image: url(../img/bg096_fitzroy.jpg); }

body{
min-height:100%;
color: #fff; }

.review_outbox {
background-size: cover;
background-repeat: no-repeat;
background-position: center bottom;
min-height: 610px;
position: relative;}

.lazy {
background-image: url('../img/back_05.png') }

/*-- Text ------*/
body {
font-size: 75%;
font-weight: bold;
text-align: center;
line-height: 1.5;
font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }

h2 {
letter-spacing: 0.5em; }

.news p, .review_box p {
font-size: 1.5em;
line-height: 1.5em;
letter-spacing: 0.1em; }

.news p.txtsmall { font-size: 1.1em; }
#plice_list span.txtsmall, #access_guide .txtsmall, { font-size: 0.9em; }
.review_box .txtsmall, .news p span.txtsmall { font-size: 0.8em; }

.txtmincho {
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif; }

.txtbig { font-size: 1.3em; }
.txtspace { letter-spacing: 0.1em; }
.txtright {
text-align: right;
display: block; }
.txtleft { text-align: left; }
.txtnormal { font-weight: normal;}

#plice_list, #access_guide {
text-align: left;
font-size: 1.3em; }

.review_box p {
text-align: left; }

#menu ul a {
font-size: 1.1em;
letter-spacing: 0.2em; }

.address { text-align: center; }

.review_box p {
text-align: justify;
text-justify: inter-ideograph;
-ms-text-justify: inter-ideograph; }

#plice_list ul {
letter-spacing: 0.1em; }

#access_guide dl {
letter-spacing: 0.1em; }

.address dl{
font-size: 1.5em;
line-height: 1.5em;
text-align: left;
display: inline-block; }

/*--Link------------------------------------------------------------*/
a,
a:link {
color: #fff;　}

a:visited {　color: #fff;}

a:hover {
position: relative;
top: 2px;
left: 3px;　}

a:focus {
outline: none;　}

/*--HTML5-----------------------------------------------------------*/
article,aside,details,footer,header,main,menu,nav,section,summary {
display: block;　}

/*--layout----------------------------------------------------------*/
#wrapper {
width: 100%; }

#header header {
margin: 50px auto; }

#contents {
margin: 70px auto 0; }

html.review #contents {
margin: 0 auto; }

#footer footer {
margin: 10px auto; }

#header header,　#contents,　#footer footer {
width: 100%; }

html.review #header {
padding: 10px 0;　}

.review_box {
position: absolute;
top: 50%;
left: 50%;
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform:translate(-50%, -50%);　}

/*--common----------------------------------------------------------*/
h1 img {
width:80%;
display: block;
margin: 0 auto;　}

.news, #plice_list, #access_guide, .address, .review_box, #mailform {
margin: 10px auto 0;
width: 90%; }

.news {
margin: 70px auto 0; }

.news p, .review_box p {
background: rgba(0,0,0,0.4);
padding: 30px; }

html.plecio .news p, #footer p {
padding: 10px; }

html.review .news p {
background: none;
padding: 0; }

#plice_list ul {
background: rgba(51,141,166,0.7);
padding: 40px 30px 30px; }

#access_guide dl {
background: rgba(51,141,166,0.7);
padding: 20px 30px 30px; }

#access_guide dl dt {
margin-top: 10px; }

#plice_list ul li {
padding: 5px 10px; }

#plice_list ul li.border_top {
border-top: 1px dotted #fff;
padding: 10px; }

#menu {
margin-bottom: 40px; }

#menu ul li{
padding:1px 15px;
margin:10px auto;
max-width: 60%;
line-height: 2.2em;
background:rgba(28,115,159,0.7);
display: block;
/display: inline;  /* IE用 */
/zoom: 1;  /* IE用 */ }

html.plecio #menu ul li, html.acceso #menu ul li{
background:rgba(0,0,0,0.4); }

.address dl{
display: inline-block; }

.address dl dd{
margin: -1.5em 0 4px 0;
padding: 0 0 4px 3.5em; }

/*--marquee----------------------------------------------------------*/
.marquee {
width:60%;
padding:0.5em 0;
overflow:hidden;
position:relative;
margin: 20px auto 90px; }

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:10px; }

.marquee p {
font-size:1.4em;
letter-spacing: 0.3em;
margin:0;
padding-left:900px;
display:inline-block;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:30s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:30s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:30s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:30s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:30s;
	animation-iteration-count:infinite; }

@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

/*--accessmap----------------------------------------------------------*/
.ggmap {
width: 90%;
margin: 10px auto; }

/*-- メールフォーム --*/
#mailform input {
padding: 3px; }

#mailform textarea {
padding: 5px; }

#fuji_mailform_top {
font-size: 1.2em; }

#fuji_mailform_top .main {
padding: 30px;
background: orange;
color: #333; }

#fuji_mailform_top .explain {
border: 1px dotted #fff;
margin-bottom: 10px;
text-align: left;
padding: 10px; }

#fuji_mailform_top .textarea_parts {
width: 90%;
height: 10em; }

#fuji_mailform_top .submit {
text-align: center; }

div#shinobi_jp_text {
visibility: hidden; }

html.mailform_ko #fuji_mailform_top .submit_button {
text-indent: -9999px;
display: block;
border: none;
background: url(../img/submit_img.gif) no-repeat 0 0;
width: 70px;
height: 25px; }

html.mailform_ko #fuji_mailform_top .error_submit_button {
text-indent: -9999px;
display: block;
border: none;
background: url(../img/error_submit_img.gif) no-repeat 0 0;
width: 70px;
height: 25px; }

/*---メディアクエリー--*/
@media screen and (min-width : 480px){
	html.home {
	background-image: url(../img/bg096_upsala.jpg); }

	html.plecio {
  	background-image: url(../img/bg096_paine.jpg); }

  	html.acceso {
  	background-image: url(../img/bg096_fitzroy.jpg); }

	h1 img {
	width:400px; }

  	#fuji_mailform_top { text-align: left; }
	#fuji_mailform_top .name_parts, #fuji_mailform_top .mail_parts, #fuji_mailform_top .title_parts { width: 60%; }
}

@media screen and (min-width : 768px){
    .news, #plice_list, #access_guide, .ggmap, .address, .review_box, #mailform { width: 70%; }

    html.home {
  	background-image: url(../img/bg15_upsala.jpg); }

  	html.plecio {
  	background-image: url(../img/bg15_paine.jpg); }

  	html.acceso {
  	background-image: url(../img/bg15_fitzroy.jpg); }

  	#menu ul li.last{
    margin: 0;　}

	#menu ul li{
    margin:0 20px 0 0;
    display: inline-block; }
}

@media screen and (min-width : 1024px) {
    html{ font-size : 100%; }
    .news, #plice_list, #access_guide, .ggmap, .review_box, #mailform { width: 50%; }
    .review_outbox { min-height: 892px; }
}