@charset "UTF-8";

*{
margin:0;
padding:0;
}
body{
line-height:150%;
background:url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/bodyback.jpg);
background-size:cover;
background-attachment: fixed;
font-weight:300;
font-family:"Noto Sans Japanese","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} _::content, _:future, body { 
font-size:4.14vw;
} @-moz-document url-prefix() {
body {
font-size:4.10vw;
}
}
html{
}
h1,h2,h2,h3,h5,h6{
font-size: 100%;
font-weight:400;
}
.ikari{
font-size: 170%;
padding-left: 2em;
line-height: 200%;
width: 100%;
margin-bottom: .7em;
background: #030665 url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/ikari@2.png)left .5em center no-repeat;
color: white;
background-size: auto 50%;
}
.ikari2{
background:url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/ikari@2.png)left .5em center no-repeat,linear-gradient(90deg,#030665 2em,transparent 2em);
background-size:auto 50%,auto;
color:black;
padding-left:2.5em;
border-bottom:.1em solid #7d0909;
}
header,footer,article,section,nav,small,aside,div,ul,li,h1,h2,h3,h4,h5{
display:block;
box-sizing:border-box;
position:relative;
}
li{
list-style:none;
}
img{
display:block;
outline:none;
width:100%;
height:auto;
}
a{
text-decoration:none;
color:#555;
}
a:hover{
color:orange;
}
iframe{
border:none;
}
table{
border-collapse:separate;
}
th,td{
font-weight:normal;
}
th{
text-align:left;
}
td{
text-align:left;
}
input:-webkit-autofill {
} #wrap{
width:100%;
margin:0 auto;
} #shareheader{
background:white;
}
#shareheader h1{
transform: scale(.9);
width: 105%;
margin-left: -2.5%;
font-size: 70%;
}
#shareheader p{
font-size: 200%;
line-height: 150%;
margin-left:auto;
margin-right:2em;
}
#shareheader p span{
background: #ffa433;
color: white;
padding: 0 .3em;
font-size: 60%;
margin-right: .5em;
border-top: 3px double white;
border-bottom: 3px double white;
}
#mnav{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
background:#030665;
padding:.5em 0;
}
#mnav>p{
width:70%;
}
#mnav>div{
width:30%;
background: #030665;
} #globalnav{
position:fixed;
left:0;
top:0;
width:50%;
height:100%;
background: #05276b;
z-index:9999;
padding:2em 0;
display:none;
}
#globalnav>p{
width:20%;
margin-right:auto;
}
#globalnav>ul{
padding:0 1em;
}
#globalnav>ul>li{
line-height:300%;
}
#globalnav ul a{
display:block;
position:relative;
color:white;
padding-left:.4em;
}
#globalnav  ul a.nowpage{
border-left:3px double skyblue;
} #mslider{
min-height: 26.5em;
position:relative;
}
#mslider:before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
background:white;
z-index:1;
animation:slideover 1s forwards;
}
@-webkit-keyframes slideover{90%{background:white;}100%{background:transparent;}}
@-moz-keyframes slideover{90%{background:white;}100%{background:transparent;}}
@keyframes slideover{90%{background:white;}100%{background:transparent;}} #wrap>.pagearticle{
padding:1em 0;
}
#wrap>.pagearticle header{
line-height: 6em;
background: linear-gradient(white,#fafafa);
margin: 0 1em 1em;
}
#wrap>.pagearticle header:before{
content:"";
position:absolute;
left:.5em;
top:5%;
width:.3em;
height:90%;
border-radius: .25em;
background:#030665;
}
#wrap>.pagearticle header h1{
font-size:160%;
padding-left:1em;
}
#wrap>.pagearticle header h1 span{
margin-left: 1em;
font-size: 70%;
color: #aaa;
}
#wrap>.pagearticle>div:not(#breadcrumb){
}
#wrap>.pagearticle>div:not(#breadcrumb)>section p{
padding:0 1em;
color: #555;
} #breadcrumb{
padding-left:10%;
line-height:200%;
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
background: #7d0909 url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/breadcrumb@2.jpg);
background-size:cover;
color: white;
}
#breadcrumb a{
color:white;
}  #front{
padding:.5em;
}
#front>*{
margin-bottom: .5em;
}
#news{
background: white;
min-height: 10em;
max-height: 20em;
overflow-y: scroll;
padding-bottom: 1em;
}
#news h2{
font-size: 150%;
line-height: 266%;
background: #7d0909 url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/breadcrumb@2.jpg);
background-size:cover;
color:white;
padding-left:1em;
}
#news h2 span{
margin-left:1em;
font-size:80%;
}
#news li{
padding:.5em;
}
#news time{
font-weight:600;
}
#bloginfo{
margin:2em auto;
}
#bloginfo li{
margin:1em auto;
}
#front1{
background:white;
padding-bottom:1em;
margin-bottom:1em;
}
#front1 h2{
background: url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/chikyuu@2.png)left .5em center no-repeat;
background-size: auto 90%;
border-bottom: .3em solid #030665;
font-size: 122%;
padding-left: 3.5em;
font-weight: 500;
}
#front1 p:nth-of-type(1){
font-weight: 600;
font-size: 115%;
text-align: center;
margin: 1em 0 1em;
padding: 0 .5em;
}
#front1 ul{
width:90%;
margin:0 auto;
}
#front1 li{
background: url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/check@2.png)left top no-repeat;
background-size: 1.5em auto;
padding-left: 2em;
margin: .5em 0;
font-size: 112%;
}
#front1>p:nth-of-type(2){
font-size:150%;
text-align: center;
width:94%;
margin:0 auto;
background:-webkit-linear-gradient(white 48%, black 48%, black 52%, white 52%);
background:-o-linear-gradient(white 48%, black 48%, black 52%, white 52%);
background:linear-gradient(white 48%, black 48%, black 52%, white 52%);
}
#front1>p span{
background: white;
padding: 0 1em;
line-height: 140%;
font-weight: 500;
display: inline-block;
}
#front2{
}
#front2>div{
}
#front2>div>section{
background:white url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/bordertop@2.png)left top no-repeat;
background-size:100% auto;
padding: 2.5em 1em;
margin-bottom:1.5em;
}
#front2>div:nth-of-type(2){
background:white url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/bordertop@2.png)left top no-repeat;
background-size:100% auto;
padding: 2.5em 1em;
}
#front2 h2{
font-size: 164%;
line-height: 130%;
margin-bottom: .5em;
}
#front2>div:nth-of-type(2)>ul>li{
margin-bottom:1.5em;
}
#front2>div:nth-of-type(1) h2{
margin-bottom:1.5em;
}
#front2>div:nth-of-type(2) h2{
padding-left:1em;
}
#front2>div:nth-of-type(2) h2:before{
content:"";
width:.5em;
height:.5em;
transform:rotate(45deg);
position: absolute;
left:0;
top:.45em;
background:#7d0909;
}
#front2>div:nth-of-type(2) p,
#front2 li li{
padding-left:.5em;
}
#front2>div:nth-of-type(1) section p:not(:last-of-type){
margin-bottom:1em;
}
#front2>div:nth-of-type(1) section p:last-of-type,
#front2>div:nth-of-type(2)>p{
text-align: right;
padding-right:1em;
}
#front2>div:nth-of-type(1) section p:last-of-type a,
#front2>div:nth-of-type(2)>p a{
color:#033598;
text-decoration: underline;
}
#front2>div:nth-of-type(1) section p:last-of-type a:hover,
#front2>div:nth-of-type(2)>p a:hover{
color:#7d0909;
}
#front2>div:nth-of-type(2){
padding-right:0;
}
#front2 aside{
margin-bottom:1.5em;
}
#front2 aside p{
box-shadow:.1em .1em .2em #aaa;
border:1px solid #ddd;
overflow:hidden;
}
#front2 aside p img:hover{
animation:footbanner .6s forwards;
}
.fblog1{
margin-top:1em;
}
.fblog1 li{
border-bottom:1px solid #ddd;
}
.fblog1 .thumbnail{
width:30%;
}
.fblog1 .fblog2{
width:70%;
}
.fblog1 .thumbnail{
height:10em;
}
.fblog1 .entry-body,
.fblog1 time,
.fblog1 .entry-title{
padding-left:1em;
}
.blog1a{
margin-top:2em;
display: inline-block;
padding:.6em 3em;
background: #030665;
color:white;
transition-duration:0.4s;
}  #information>div{
width:100%;
margin:0 auto;
}
#information h2{
font-size:150%;
}
#information>div>p{
padding:0 1em;
}
#information section{
margin-top:2em;
}
#information section>div{
margin-bottom:3em;
}
#information section h3{
font-size:110%;
}
#information section h3 span{
font-size:70%;
margin-left:1em;
color:#555;
}
#information section h3{
padding-left: 4em;
line-height: 150%;
background: url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/ikari@2.png)left .75em center no-repeat,linear-gradient(90deg,#030665 3em,transparent 3em);
background-size: auto 50%,auto;
}
#information table{
width:100%;
background:#8D6D02;
border-spacing: 1px;
}
#information th,
#information td{
min-height:3em;
}
#information th{
background: #7d0909 url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/breadcrumb@2.jpg);
background-size: cover;
color: white;
padding:.4em 1em;
}
#information th:nth-of-type(1){
text-align: center;
}
#information td{
background:#fbfbfb;
}
#information td:nth-of-type(1){
width:15%;
text-align: center;
padding:.4em 0;
}
#information td:nth-of-type(2){
width:85%;
padding:.4em;
}
#information td:nth-of-type(2) p:nth-of-type(1){
padding:0;
}
#information td:nth-of-type(2) p:nth-of-type(1):before{
content:"・";
}
#information td:nth-of-type(2) p:nth-of-type(2){
font-size:90%;
padding-left: 2em;
}
#information section:nth-of-type(1)>div>div:nth-of-type(1)>p{
padding:0 !important;
width:32%;
}
#information section:nth-of-type(1)>div>div:nth-of-type(1)>p:nth-of-type(2){
width:36%;
}
#information section>div>div:nth-of-type(2)>p{
padding:0 !important;
font-size:120%;
color:black !important;
margin-bottom:.4em;
}
#information section>div>div:nth-of-type(2)>p span{
display: block;
font-size:50%;
text-align: right;
}
#information section:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(1){
width:56.5%;
padding:0 !important;
}
#information section:nth-of-type(2)>div>div:nth-of-type(1)>p:nth-of-type(2){
width:43.5%;
padding:0 !important;
}
#information section:nth-of-type(2)>div>div>p:nth-of-type(3){
display:none;
}  #bcontents>section{
margin:1em;
background:white;
}
#bcontents>section:nth-of-type(1){
}
#bcontents>section:nth-of-type(1)>div{
}
#bcontents>section:nth-of-type(1) div p{
}
#bcontents>section:nth-of-type(1)>p{
box-shadow:.1em .1em .2em #aaa;
}
#bcontents table{
width:100%;
border-spacing:0;
}
#bcontents th,
#bcontents td{
padding:.5em ;
display:block;
}
#bcontents th{
padding-bottom:0;
}
#bcontents th p{
position:relative;
}
#bcontents td{
margin-bottom:1em;
}
#bcontents th span{
font-weight:500;
}
#bcontents td span{
margin: 0 .5em;
display: block;
transform: scaleX(.8);
width: 120%;
margin-left: -10%;
}
#bcontents small{
text-align: right;
}  #company>p.ddn{
padding: 1em;
height: 8em;
overflow: hidden;
}
#company>p.ddn img{
margin-top:-4em;
}
#company>div{
padding:1em;
}
#company section{
margin-bottom:1em;
}
#company h2 span:nth-of-type(1){
font-size:70%;
}
#company h2 span:last-of-type{
}
#company section p,
#company section li{
}
#company section li{
list-style-type:decimal;
}
#company section li span{
transform: scaleX(.9);
display: inline-block;
position: absolute;
left: .8em;
top: 0;
width: 106%;
}
#company>div:nth-of-type(1)>div:nth-of-type(2) table{
margin-top:3em;
width:100%;
border:.2em solid #030665;
background:#ddd;
font-size:90%;
}
#company>div:nth-of-type(1)>div:nth-of-type(2) th,
#company>div:nth-of-type(1)>div:nth-of-type(2) td{
background:white;
padding:.5em;
}
#company>div:nth-of-type(1)>div:nth-of-type(2) th{
background:#eee;
width:20%;
}
#company>div:nth-of-type(1)>div:nth-of-type(2) td{
width:80%;
}
#company>div:nth-of-type(2){
margin-top: 2em;
border-top: .3em solid #030665;
}
#company>div:nth-of-type(2) h2{
font-size:150%;
font-weight:bold;
margin-bottom:.5em;
border-bottom:.1em solid #7d0909;
padding:.3em 0;
}
#company3 h2{
font-size:150%;
}
#company3 h2 span{
font-size:50% !important;
}
#company5 .ddn{
float:right;
width:30%;
}    #inquiry header{
}
#inquirytel{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
margin:3em auto 0;
}
#inquirytel>p{
font-size:200%;
line-height: 200%;
}
#inquiry .wpcf7{
margin:0 auto;
padding:0 1em 1em;
}
#inquiry .wpcf7 h2{
background: #030665 url(//www.glo-pier.com/wp-content/themes/glo-pier/images/share/ikari@2.png)left .5em center no-repeat;
background-size: auto 50%;
color: white;
padding: .7em 2.5em;
font-size: 150%;
}
#inquiry .wpcf7 table{
border-spacing:0;
color:#333;
width:100%;
margin-bottom:2em;
}
#inquiry .wpcf7 th,
#inquiry .wpcf7 td{
background:white;
text-align: left;
padding:.5em;
display:block;
}
#inquiry .wpcf7 th{
background:white;
border-bottom: 1px solid #7d0909;
}
#inquiry .wpcf7 td{
}
#inquiry .wpcf7 tr:last-child th{
}
#inquiry .wpcf7 td input:not([type=radio]),
#inquiry .wpcf7 td textarea{
width: 85%;
font-size: 100%;
border: 1px solid #ddd;
line-height: 200%;
margin-right: .2em;
padding-left: .5em;
box-sizing: border-box;
}
#inquiry .wpcf7 td .wpcf7-form-control-wrap{
width:100%;
}
#inquiry .wpcf7 td span.wpcf7-form-control>span:not(:first-child) input[type=radio]{
margin:0 0 0 2em;
}
#inquiry .wpcf7 td textarea{
border:1px solid #ccc;
}
#inquiry .wpcf7-response-output{
color:red;
text-align: center;
}
#inquiry .hissu,
#inquiry .ninni{
font-size:80%;
padding:.2em;
color:white;
margin-right:.5em;
}
#inquiry .hissu{
background:red;
}
#inquiry .ninni{
background:#aaa;
}
#inquiry .h3content h3{
font-size:100%;
font-weight:normal;
color:#ff4500;
}
#inquiry .h3content h3 span{
font-size:70%;
color:#333;
}
#inquiry .h3content p{
height:4em;
overflow:scroll;
border:1px solid #ddd;
padding:.3em;
line-height:120%;
color:#333;
margin-bottom:2em;
font-size:80%;
background:white;
}
#inquiry form>p{
text-align: center;
}
#inquiry input[type=checkbox]{
cursor:pointer;
}
#inquiry input[type=submit]{
font-size: 100%;
padding: 0 2em;
border: 1px solid #ddd;
border-radius: 5px;
box-shadow: 1px 1px 1px gray;
margin-top: 2em;
cursor:pointer;
background: -moz-linear-gradient(#fff, #cecece);
background: -webkit-linear-gradient(#fff, #cecece);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#cecece));
background: -o-linear-gradient(#fff, #cecece);
background: linear-gradient(#fff, #cecece);
}
#inquiry .screen-reader-response{
color:red;
padding-bottom:1em;
}
#inquiry .wpcf7-not-valid-tip{
display:inline-block;
font-size:90%;
color:red;
}
#inquiry .wpcf7-validation-errors{
text-align: center;
color:red;
}
#inquiry .wpcf7 label{
cursor:pointer;
font-weight: bold;
font-size:90%;
}
#inquiry>aside{
width:30%;
}
#inquiry>aside h2{
font-size: 100%;
font-weight: normal;
border-bottom:3px double #aaa;
margin-bottom:.5em;
}
#inquiry>aside li{
list-style:disc;
display:list-item;
margin:0 0 .5em 1em;
}
#inquirystview{
margin-bottom:2em;
}
#inquirystview iframe{
width:100%;
height:15em;
pointer-events:none;
}
#inquirymap iframe{
width:100%;
height:30em;
pointer-events:none;	
}  #privacy>p,
#privacy>section{
width:70%;
margin:1em auto 2em;
padding:2em 0;
}
#privacy>section{
padding-top:1em;
border-top:1px solid #ddd;
}
#privacy h2{
font-size:120%;
margin-bottom:1em;
}
#privacy section p{
padding-left:1em;
}  #sitemaps ul{
width:70%;
margin:5em auto 0;
}
#sitemaps{
padding-bottom: 6em;
}
#sitemaps li{
display: list-item;
list-style: disc inside;
padding-left: 3%;
border-bottom: 1px solid #444;
line-height: 200%;
color: #116d10;
}
#sitemaps li:last-child{
display:none;
}
#sitemaps a:hover{
text-decoration:underline;
}  #notfound{
}
#notfound>div:not(#breadcrumb){
}
#notfound>div>div:nth-of-type(1){
margin-bottom:1em;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(1){
font-size: 800%;
line-height: 100%;
}
#notfound>div>div:nth-of-type(1) p:nth-of-type(2){
font-size:300%;
}
#notfound>div>div:nth-of-type(2) p:nth-of-type(1){
margin-bottom:3em;
}  #category>article{
}
#category>article ul{
margin-bottom:2em;
border-top:1px solid #ddd;
}
#category>article li{
border-bottom:1px solid #ddd;
}
.thumbnail{
width:100%;
overflow: hidden;
background:#f1f1f1;
}
.thumbnail p{
}
.thumbnail img{
transform: scale(1.1);
-webkit-transition:0.4s;-moz-transition:0.4s;-o-transition:0.4s;-ms-transition:0.4s;transition:0.4s;
}
.thumbnail img:hover{
transform: scale(1);
}
#category .entry-content{
padding:0 .4em;
}
#category li h3{
padding:.4em 0;
}
#category>article li:hover h3{
text-decoration: underline;
}
#category>article li time{
font-size:80%;
}
#category>article li>a>div{
width: 30%;
}
#category>article li>a>article{
width:70%;
}
#pagenavigation{
text-align: center;
}
#sidebar{
padding:.4em;
}  #singlebody{
padding: .4em;
}
#single .entry-header{
}
#single .entry-title{
font-size: 120%;
font-weight: bold;
padding: .2em 0 .2em .4em;
border-left: .2em solid #030665;
margin: 1em auto;
}
#single .postcont p{
margin-bottom:.5em;
}
#single .date{
border-top: 1px solid #ddd;
padding-top: .6em;
font-size: 80%;
}
#single>div>aside:nth-of-type(2){
border-radius: 1em;
overflow: hidden;
}
#single>div>aside:nth-of-type(2) a:hover img{
opacity: .8;
}
#single>aside{
padding: .4em;
}
#category>aside>div,
#single>aside>div{
margin-bottom: 2em;
border: 1px solid #ddd;
padding: .4em;
}
#category>aside>div:nth-of-type(1),
#category>aside>div:nth-of-type(4),
#single>aside>div:nth-of-type(1),
#single>aside>div:nth-of-type(4){
display: none;
}
#category>aside>div h3,
#single>aside>div h3{
border-bottom: 1px solid #ddd;
margin-bottom: .4em;
padding-bottom: .4em;
}
#category>aside ul,
#single>aside ul{
padding-left:.4em;
}
#single>aside li a:hover{
text-decoration: underline;
}
.pages{
display: none;
}
strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 40px;
-webkit-margin-end: 40px;
}
#singlebody footer{
margin-top:6em;
}
.aligncenter {
display: block;
margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
#single img[class*="wp-image-"],
#single img[class*="attachment-"]{
display:inline;
max-width: 100%;
width:auto;
height: auto;
}
.clearfix {
overflow: hidden;
zoom: 1;
}
.clearfix:after {
content: "";
display:block;
clear: both;
}
.wpp-no-data{
margin-bottom:5em;
}
#prenext{
margin: 2em auto;
padding: .4em;
}
#prenext li{
padding: .4em;
}
#prenext li:nth-of-type(2){
border-top:1px solid #ddd;
border-bottom:1px solid #ddd;
}
#prenext li a:hover{
} #pfootnav{
background:#f5faff;
}
#ffootnav,
#pfootnav,
#footnav{
padding:0 10%;
}
#ffootnav ul,
#pfootnav ul,
#footnav ul{
display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;
-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;
background:white;
padding: 8em 1em .5em;
}
#ffootnav li,
#pfootnav li,
#footnav li{
padding:0 1em;
border-left:1px solid #ddd;
}
#ffootnav li:last-of-type,
#pfootnav li:last-of-type,
#footnav li:last-of-type{
border-right:1px solid #ddd;
}
.sharefootnav a{
color:#999;
}
.sharefootnav a:hover{
color:green;
} #footbanner{
padding:1em;
}
#footbanner ul{
}
#footbanner li{
box-shadow: 0.1em 0.1em 0.2em #aaa;
border: 1px solid #ddd;
margin-bottom:1em;
}
#footbanner img:hover{
animation:footbanner .6s forwards;
}
@-webkit-keyframes footbanner{100%{transform: scale(1.05);}}
@-moz-keyframes footbanner{100%{transform: scale(1.05);}}
@keyframes footbanner{100%{transform: scale(1.05);}} #sharefooter{
padding:1em 0 2em;
border-top: .5em solid #030665;
}
#footer-l{
}
#footer-l p{
width:40%;
margin:0 auto;
}
#footer-r{
font-size:90%;
line-height:120%;
}
#footernav ul{
}
#footernav li{
border-right: 1px solid #aaa;
padding: 0 2em;
}
#footernav li:first-of-type{
border-left: 1px solid #aaa;
margin-left: auto;
}
#copyright{
font-size: 80%;
padding-top: .8em;
text-align: center;
} .red{font-weight: bold !important;color:red !important;}
.blue{font-weight: bold !important;color:#0f50a0 !important;}
.skyblue{color:#00b4ff !important;}
.yellow{font-weight: bold !important;color:yellow !important;}
.white{font-weight: bold !important;color:white !important;}
.bold{font-weight: bold !important;}
.italic{font-style:italic !important;}
.mdn{display:none !important;}
.txc{text-align:center !important;}
.m_flex{display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;}
.m_flexwrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.m_itemcenter{align-items: center;}
.m_justifycenter{-webkit-justify-content:center;-ms-flex-pack: center; justify-content:center;}
.m_justifyspace{-moz-box-pack:justify;-ms-box-pack:justify;box-pack:justify;flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;}
.m_justifyc{-webkit-justify-content:center;-ms-flex-pack: center;justify-content:center;}
.menu-trigger{
}
#mnav>div:before{
content: "メニュー";
position: absolute;
left: 0;
bottom: .5em;
width: 100%;
text-align: center;
color:white;
}
.menu-trigger,
.menu-trigger span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.menu-trigger {
position: relative;
width: 100%;
height: 3em;
margin-top: .4em;
}
.menu-trigger span {
position: absolute;
left: 35%;
width: 30%;
height: .2em;
background-color: #fff;
border-radius: .1em;
}
.menu-trigger span:nth-of-type(1) {
top: 18%;
}
.menu-trigger span:nth-of-type(2) {
top: 46%;
}
.menu-trigger span:nth-of-type(3) {
bottom: 18%;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(.72em) rotate(-315deg);
transform: translateY(.72em) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-.72em) rotate(315deg);
transform: translateY(-.72em) rotate(315deg);
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform: translateY(.85em) rotate(-45deg);
transform: translateY(.85em) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-.85em) rotate(45deg);
transform: translateY(-.85em) rotate(45deg);
}
.mdn{display:none !important;} #slider1 img{width:100%;height:auto;}.slider-pro{position:relative;margin:0 auto;-moz-box-sizing:content-box;box-sizing:content-box}.sp-slides-container{z-index:10;position:relative}.sp-mask{position:relative;overflow:hidden}.sp-slides{position:relative;-webkit-backface-visibility:hidden;-webkit-perspective:1000}.sp-slide{position:absolute}.sp-image-container{overflow:hidden}.sp-image{position:relative;display:block;border:none}.sp-no-js{overflow:hidden;max-width:100%}.sp-thumbnails-container{position:relative;overflow:hidden;direction:ltr}.sp-bottom-thumbnails,.sp-top-thumbnails{left:0;margin:0 auto}.sp-top-thumbnails{position:absolute;top:0;margin-bottom:4px}.sp-bottom-thumbnails{margin-top:4px}.sp-left-thumbnails,.sp-right-thumbnails{position:absolute;top:0}.sp-right-thumbnails{right:0;margin-left:4px}.sp-left-thumbnails{left:0;margin-right:4px}.sp-thumbnails{position:relative}.sp-thumbnail{border:none}.sp-thumbnail-container{position:relative;display:block;overflow:hidden;float:left;-moz-box-sizing:border-box;box-sizing:border-box}.sp-rtl .sp-thumbnail-container{float:right}.sp-bottom-thumbnails .sp-thumbnail-container,.sp-top-thumbnails .sp-thumbnail-container{margin-left:2px;margin-right:2px}.sp-bottom-thumbnails .sp-thumbnail-container:first-child,.sp-top-thumbnails .sp-thumbnail-container:first-child{margin-left:0}.sp-bottom-thumbnails .sp-thumbnail-container:last-child,.sp-top-thumbnails .sp-thumbnail-container:last-child{margin-right:0}.sp-left-thumbnails .sp-thumbnail-container,.sp-right-thumbnails .sp-thumbnail-container{margin-top:2px;margin-bottom:2px}.sp-left-thumbnails .sp-thumbnail-container:first-child,.sp-right-thumbnails .sp-thumbnail-container:first-child{margin-top:0}.sp-left-thumbnails .sp-thumbnail-container:last-child,.sp-right-thumbnails .sp-thumbnail-container:last-child{margin-bottom:0}.sp-right-thumbnails.sp-has-pointer{margin-left:-13px}.sp-right-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;left:18px;margin-left:0!important}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;left:0;top:0;margin-left:13px}.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:0;top:50%;margin-top:-8px;border-right:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-left-thumbnails.sp-has-pointer{margin-right:-13px}.sp-left-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;right:18px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;height:100%;border-left:5px solid red;right:0;top:0;margin-right:13px}.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;right:0;top:50%;margin-top:-8px;border-left:13px solid red;border-top:8px solid transparent;border-bottom:8px solid transparent}.sp-bottom-thumbnails.sp-has-pointer{margin-top:-13px}.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;top:18px;margin-top:0!important}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;top:0;margin-top:13px}.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;top:0;margin-left:-8px;border-bottom:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-top-thumbnails.sp-has-pointer{margin-bottom:-13px}.sp-top-thumbnails.sp-has-pointer .sp-thumbnail{position:absolute;bottom:18px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before{content:'';position:absolute;width:100%;border-bottom:5px solid red;bottom:0;margin-bottom:13px}.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after{content:'';position:absolute;width:0;height:0;left:50%;bottom:0;margin-left:-8px;border-top:13px solid red;border-left:8px solid transparent;border-right:8px solid transparent}.sp-layer{position:absolute;margin:0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-webkit-font-smoothing:subpixel-antialiased;-webkit-backface-visibility:hidden}.sp-black{color:#FFF;background:#000;background:rgba(0,0,0,.7)}.sp-white{color:#000;background:#fff;background:rgba(255,255,255,.7)}.sp-rounded{border-radius:10px}.sp-padding{padding:10px}.sp-grab{cursor:url(//www.glo-pier.com/wp-content/themes/glo-pier/images/openhand.cur),move}.sp-grabbing{cursor:url(//www.glo-pier.com/wp-content/themes/glo-pier/images/closedhand.cur),move}.sp-selectable{cursor:default}.sp-caption-container{text-align:center;margin-top:10px}.sp-full-screen{margin:0!important;background-color:#000}.sp-full-screen-button{position:absolute;top:5px;right:10px;font-size:30px;line-height:1;cursor:pointer;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.sp-full-screen-button:before{content:'\2195'}.sp-fade-full-screen{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slider-pro:hover .sp-fade-full-screen{opacity:1}.sp-buttons{z-index:10;position:absolute;bottom:1em;width:100%;text-align:center;padding-top:10px}.sp-rtl .sp-buttons{direction:rtl}.sp-full-screen .sp-buttons{display:none}.sp-button{width:10px;height:10px;border:2px solid #f1f1f1;border-radius:50%;margin:4px;display:inline-block;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:pointer}.sp-selected-button{background-color:#f1f1f1}@media only screen and (min-width:768px) and (max-width:1024px){.sp-button{width:14px;height:14px}}@media only screen and (min-width:568px) and (max-width:768px){.sp-button{width:16px;height:16px}}@media only screen and (min-width:320px) and (max-width:568px){.sp-button{width:1em;height:1em}}.sp-arrows{position:absolute}.sp-fade-arrows{opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-slides-container:hover .sp-fade-arrows{opacity:1}.sp-horizontal .sp-arrows{width:100%;left:0;top:50%;margin-top:-15px}.sp-vertical .sp-arrows{height:100%;left:50%;top:0;margin-left:-10px}.sp-arrow{position:absolute;display:block;width:20px;height:25px;cursor:pointer}.sp-vertical .sp-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-horizontal .sp-previous-arrow{left:1em;right:auto}.sp-horizontal .sp-next-arrow,.sp-horizontal.sp-rtl .sp-previous-arrow{right:1em;left:auto}.sp-horizontal.sp-rtl .sp-next-arrow{left:20px;right:auto}.sp-vertical .sp-previous-arrow{top:20px}.sp-vertical .sp-next-arrow{bottom:20px;-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{content:'';position:absolute;width:35%;height:50%;background-color:#FFF}.sp-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-horizontal.sp-rtl .sp-previous-arrow,.sp-next-arrow{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.sp-horizontal.sp-rtl .sp-next-arrow{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}.ie7 .sp-arrow,.ie8 .sp-arrow{width:0;height:0}.ie7 .sp-arrow:after,.ie7 .sp-arrow:before,.ie8 .sp-arrow:after,.ie8 .sp-arrow:before{content:none}.ie7.sp-horizontal .sp-previous-arrow,.ie8.sp-horizontal .sp-previous-arrow{border-right:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-horizontal .sp-next-arrow,.ie8.sp-horizontal .sp-next-arrow{border-left:20px solid #FFF;border-top:20px solid transparent;border-bottom:20px solid transparent}.ie7.sp-vertical .sp-previous-arrow,.ie8.sp-vertical .sp-previous-arrow{border-bottom:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.ie7.sp-vertical .sp-next-arrow,.ie8.sp-vertical .sp-next-arrow{border-top:20px solid #FFF;border-left:20px solid transparent;border-right:20px solid transparent}.sp-thumbnail-arrows{position:absolute}.sp-fade-thumbnail-arrows{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows{opacity:1}.sp-bottom-thumbnails .sp-thumbnail-arrows,.sp-top-thumbnails .sp-thumbnail-arrows{width:100%;top:50%;left:0;margin-top:-12px}.sp-left-thumbnails .sp-thumbnail-arrows,.sp-right-thumbnails .sp-thumbnail-arrows{height:100%;top:0;left:50%;margin-left:-7px}.sp-thumbnail-arrow{position:absolute;display:block;width:15px;height:25px;cursor:pointer}.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.sp-top-thumbnails .sp-previous-thumbnail-arrow{left:0}.sp-bottom-thumbnails .sp-next-thumbnail-arrow,.sp-top-thumbnails .sp-next-thumbnail-arrow{right:0}.sp-left-thumbnails .sp-previous-thumbnail-arrow,.sp-right-thumbnails .sp-previous-thumbnail-arrow{top:0}.sp-left-thumbnails .sp-next-thumbnail-arrow,.sp-right-thumbnails .sp-next-thumbnail-arrow{bottom:0}.sp-next-thumbnail-arrow:after,.sp-next-thumbnail-arrow:before,.sp-previous-thumbnail-arrow:after,.sp-previous-thumbnail-arrow:before{content:'';position:absolute;width:50%;height:50%;background-color:#FFF}.sp-previous-thumbnail-arrow:before{left:30%;top:0;-webkit-transform:skew(145deg,0deg);-ms-transform:skew(145deg,0deg);transform:skew(145deg,0deg)}.sp-previous-thumbnail-arrow:after{left:30%;top:50%;-webkit-transform:skew(-145deg,0deg);-ms-transform:skew(-145deg,0deg);transform:skew(-145deg,0deg)}.sp-next-thumbnail-arrow:before{right:30%;top:0;-webkit-transform:skew(35deg,0deg);-ms-transform:skew(35deg,0deg);transform:skew(35deg,0deg)}.sp-next-thumbnail-arrow:after{right:30%;top:50%;-webkit-transform:skew(-35deg,0deg);-ms-transform:skew(-35deg,0deg);transform:skew(-35deg,0deg)}.ie7 .sp-thumbnail-arrow,.ie8 .sp-thumbnail-arrow{width:0;height:0}.ie7 .sp-thumbnail-arrow:after,.ie7 .sp-thumbnail-arrow:before,.ie8 .sp-thumbnail-arrow:after,.ie8 .sp-thumbnail-arrow:before{content:none}.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow{border-right:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow{border-left:12px solid #FFF;border-top:12px solid transparent;border-bottom:12px solid transparent}.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow{border-bottom:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow{border-top:12px solid #FFF;border-left:12px solid transparent;border-right:12px solid transparent}a.sp-video{text-decoration:none}a.sp-video img{-webkit-backface-visibility:hidden;border:none}a.sp-video:after{content:'\25B6';position:absolute;width:45px;padding-left:5px;height:50px;border:2px solid #FFF;text-align:center;font-size:30px;border-radius:30px;top:0;color:#FFF;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.2);margin:auto;line-height:52px}.slider-pro img.sp-image,.slider-pro img.sp-thumbnail{max-width:none;max-height:none;border:none!important;border-radius:0!important;padding:0!important;-webkit-box-shadow:none!important;-mox-box-shadow:none!important;box-shadow:none!important;transition:none;-moz-transition:none;-webkit-transition:none;-o-transition:none}.slider-pro a{position:static;transition:none!important;-moz-transition:none!important;-webkit-transition:none!important;-o-transition:none!important}.slider-pro canvas,.slider-pro embed,.slider-pro iframe,.slider-pro object,.slider-pro video{max-width:none;max-height:none}.slider-pro p.sp-layer{font-size:14px;line-height:1.4;margin:0}.slider-pro h1.sp-layer{font-size:32px;line-height:1.4;margin:0}.slider-pro h2.sp-layer{font-size:24px;line-height:1.4;margin:0}.slider-pro h3.sp-layer{font-size:19px;line-height:1.4;margin:0}.slider-pro h4.sp-layer{font-size:16px;line-height:1.4;margin:0}.slider-pro h5.sp-layer{font-size:13px;line-height:1.4;margin:0}.slider-pro h6.sp-layer{font-size:11px;line-height:1.4;margin:0}.slider-pro img.sp-layer{border:none}