/*
GAJYA HOIKUEN
layout.css


/*----------------------------------------------
 TOP LAYOUT
------------------------------------------------*/

/* 　1023以下  ---------------------------*/ 
@media screen and (max-width: 1023px) {
.pconly	{
display:none;　/* 1023以下では消去 */ 
}
}

/* 767以下応  ------------------------------*/ 
@media screen and (max-width: 767px) {
.exceptsma{
display:none;　/* SMAPHOでは消去 */ 
}
}

/* 768〜1023 --------------------*/ 
@media (min-width: 768px)and (max-width: 1023px) { 
.tab{
}
}

/* 1010 --------------------*/ 
@media (min-width: 1022px) { 
.mobile{
display:none;
}
}


/* 768px以上  ----------------------------*/ 
@media (min-width: 768px) { 
.smaonly{
display:none;　/* PC・タブレットで消去 */ 
}
}



/* ---　base  ------------*/ 
body{
margin:0;
padding:0 0 0 0;
color:#734953;
letter-spacing:0.08em;
}


/* ---　link img  ---------*/ 
a:active img ,
a:hover img {
outline: 0;
opacity: 0.6;
}


/*-------------------------------------------------------
  NAVI
----------------------------------------------------------*/ 
/* ＋nav.css */

/* NAVI LINK */
ul#gnav-ul li a:link, a:visited {
color: #734953;
text-decoration: none;
}
ul#gnav-ul li a:hover {
opacity:1;  /* 透過度 1（なし） */ 
color: #00CCFF !important;
text-decoration: none;
}
ul#gnav-ul li a:active {
opacity:1;
color: #00CCFF;
text-decoration: none;
}


/* BA （プルダウン時）*/
@media screen and (max-width: 1024px) {
ul#gnav-ul li a:hover {
opacity:1;  /* 透過度 1（なし） */ 
color: #FBDF2E !important;
text-decoration: none;
}

ul#gnav-ul li a:active {
opacity:1;
color: #ffa500;
text-decoration: none;
}
}


/* MOB PAGE LINK ズレ修正*/
@media screen and (max-width: 1024px) {
a.fixes{
  height: 1px;
  display: block;
  margin-top: -80px;
  padding-top: 80px;
 }
}


/*-------------------------------------------------------
 ALL CONTENS
---------------------------------------------------------*/

#top-all{
width: 100%;
text-align:center;
margin-left: auto;
margin-right:auto;  
}

/* MAIN IMAGE
----------------------------------------------------*/ 

.swiper-container{
position:relative;
margin-top:87px;
background-color:#FFFFFF;
}
.swiper-wrapper{
width:100%;
height:auto !important; /* イメージの高さ550px*/
box-sizing:border-box;
background-color:#FFFFFF;
margin-bottom:-5px !important;
}


/* MOBILE */
@media screen and (max-width: 767px) {
.swiper-container2{
position:relative;
margin-top:87px;
background-color:#FFFFFF;
}
.swiper-wrapper{
width:100%;
height:auto !important; /* イメージの高さ550px*/
box-sizing:border-box;
background-color:#FFFFFF;
margin-bottom:-5px !important;
}
}


/* COPY */
.main-copy{
position:absolute;
top:160px;
right:150px;
font-size:3.2rem;
font-weight:bold;
color:#FFFFFF;
writing-mode:vertical-rl;
-ms-writing-mode: tb-rl;
-webkit-writing-mode:vertical-rl; 
z-index:300;
}

.upright{
-webkit-text-combine: horizontal; /* 英数字の向きを縦にする */
-ms-text-combine-horizontal: all; /* 英数字の向きを縦にする */
text-combine-upright: all; /* 英数字の向きを縦にする */
}


@media screen and (max-width: 1040px) {
.main-copy{
position:absolute;
top:100px;
right:90px;
font-size:2.5rem;
}
}

@media screen and (max-width: 767px) {
.main-copy{
position:absolute;
top:160px;
right:50px;
font-size:2.3rem;
}
}

@media screen and (max-width: 697px) {
.main-copy{
position:absolute;
top:80px;
right:50px;
font-size:2.1rem;
}
}

/*-------------------------------------------------------
　TOP-OUTLINE
---------------------------------------------------------*/

#top-outline{
margin: 4px auto 4px !important;
width: 100%;
min-height:440px;
text-align:left;
background-image:url(../img/index/hand.jpg);
background-position: center center; 
background-size:cover;
}

#top-outline p{
margin: 70px 0 20px 10px;
font-size:1.8rem;
}

#top-outline p.bt{
margin: 40px 0 40px 0px;
}

@media screen and (max-width: 767px) {
#top-outline{
background-image:url(../img/index/hand2.jpg);
}

#top-outline p{
margin: 60px 0 20px 20px;
font-weight:bold;
}

#top-outline p.bt{
margin: 40px 0 40px 10px;
}
}


/*-------------------------------------------------------
　ABOUT
---------------------------------------------------------*/

#top-about{
width: 100%;
background-image:url(../img/index/about_back.jpg);
padding:15px 0 50px;
margin-bottom:4px;
text-align:center;
background-position: top center; 
}

#top-about img{
max-width: 100%;
margin:5px 3px;
height: auto;
}

#top-about. col-lg-6{
margin:10px;
}




/* MOBILE */
@media (max-width: 767px) {
.qaspace{
padding:0 20px 10px;
margin:0px 20px 30px;
}
}


/*-------------------------------------------------------
 FACEBOOK 
---------------------------------------------------------*/
#facebook{
background-image:url(../img/index/fb_back.jpg);
padding:5px 0 60px;
margin:4px auto;
text-align:center;
background-position: center center; 
background-size:cover;
min-height:700px;
}


/*-------------------------------------------------------
 FOOTER
---------------------------------------------------------*/
#footer{
width:100%;
height:auto;
text-align:left;
padding:20px 10px 10px;
background-color:#FBDF2E;
}

#footer p{
font-size:1.6rem;
letter-spacing: 0.08em;
}

#footer .btn-flat:link{
padding: 0.8em 1.4em !important;
}

#footer p a:link, a:visited {
color:#fff;
}

.address{
margin-top:60px;
}

/*---- MOBILE ------*/
@media (max-width: 767px){
.address{
margin-top:10px;
}
}


.copyright{
font-size:0.8em !important;
letter-spacing: 0.1em !important;
text-align:center;
}



/* PAGE	TOP
----------------------------------------------------*/ 
#pagetop {
width:100%;
z-index:10000;
}
#pagetop a:hover {
text-decoration: none;
opacity: 0.8;
}

#pagetop a {
display: block;
position:fixed;
bottom:10px;
right:10px;
}