@charset "UTF-8";
/* CSS Document */

/* ------------------------------ 基本 -----------------------------  */
.globalbody {
    background-size: 120px;
    color: black;
    font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "MS Pゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
    padding-top: 10px;
    padding: 0;
    text-align: center;
    position: static;
}
@media screen and (max-width:751px) {
	.globalbody { margin-top: 8px; margin-bottom:5px; }
} 

/* ---------------- navi（hamburger） ----------------  */

#nav-drawer {
  position: fixed;
  right:20px;
  top:20px;
  z-index:99;
}
  
.nav-unshown {
  display:none;
}
  
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}
  
/*hamburger*/
#nav-open span, #nav-open span:before, #nav-open span:after {
    position: absolute;
    height:3.5px;
    width: 30px;
    border-radius: 3px;
    background: black;
    display: block;
    content: '';
    cursor: pointer;
    z-index: 999999999999;
    transition: all .4s;
}
@media screen and (max-width:751px) {
    #nav-open span, #nav-open span:before, #nav-open span:after { height: 3.5px; width: 25px; }
} 
  
#nav-open span:before {
    bottom: -10px;
}
#nav-open span:after {
    bottom: -20px;
}
  
/*click*/
#nav-open.active span {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
    bottom: 30px;
}
#nav-open.active span:before {
    opacity: 0;
}
#nav-open.active span:after {
    -webkit-transform: translateY(-20px) rotate(90deg);
    transform: translateY(-20px) rotate(90deg);
}
  
/*cover*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: .3s ease-in-out;
}
  
/*naka*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999;
  width: 100%;
  max-width: 700px;
  height: 100%;
  background: linear-gradient(#FFA31D 100%, white 0%);
  transition: .3s ease-in-out;
  -webkit-transform: translateX(200%);
  transform: translateX(105%);
  list-style: none;
  overflow:hidden;
  overflow: scroll;
}
  
#nav-content ul li {
    list-style-type:none; 
    background-image:none; 
    text-align:center;
}
  
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}
  
#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
  
/*link*/
.link-g {
    text-decoration: none;
    display:block;
    text-align: center;
    color: white;
    font-size:25px;
    letter-spacing:4px;
    font-weight:bold;
    line-height:70px;
    margin-right:50px;
}
@media screen and (max-width:751px) {
	.link-g span { font-size:17px; letter-spacing:1.5px; }
} 
.link-g:hover {
    text-decoration: none;
}
.link-g:link {
    color: black; 
}
.link-g:visited {
    color:  black;
}
.link-g:hover { 
    color:  #EB5A26;
}
.link-g:active {
    color:  black;
}

/*link*/
.link-g2 {
    text-decoration: none;
    display:block;
    text-align:left;
    color: white;
    font-size:14.5px;
    font-weight:bold;
    line-height:30px;
    margin-left:20px;
}
.link-g2:hover {
    text-decoration: none;
}
.link-g2:link {
    color: black; 
}
.link-g2:visited {
    color:  black;
}
.link-g2:hover { 
    color:  #EB5A26; 
}
.link-g2:active {
    color:  black;
}

.link-g2 span {
    margin-right:20px;
}
@media screen and (max-width:751px) {
	.link-g2 span { font-weight:normal; display:block; font-size:12px; color:#EB5A26; margin-bottom:-10px; }
} 


.sen {
  border:solid 0.5px white;
  margin-right:50px;
  margin-left:0px;
}

.logo {
  width:100px;
  margin-right:50px;
  margin-top:30px;
  margin-bottom:30px;
}