@media screen and (max-width:769px){

/*--------------------------------------------------------------------
共通
--------------------------------------------------------------------*/
#wpadminbar {
    display: none;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

.pc-on{
  display: none!important;
}

body{
  margin: 0;
  background-color: #232323;
  font-family :"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro", YuGothic, '游ゴシック', sans-serif;
  font-size: 14px;
}

img{
  max-width: 100%;
  height: auto;
  width /***/:auto;　
}

#mainBox{
  background-color: #232323;
  overflow:hidden;
  margin-top: 75px;
}
/*--------------------------------------------------------------------
モーダル
--------------------------------------------------------------------*/
.md-scroll{
  overflow: scroll;
}

.md-modal {
    position: absolute;
  top: 62%;
  left: 50%;
  max-width: 70%;
  min-width: 90%;
  height: 100%;
  z-index: 2000;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.md-show {
  visibility: visible;
  width: 100%;
    height: 100%;
    overflow: scroll;
}

.md-overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    visibility: hidden;
    top: 10%;
    z-index: 1000;
    background: rgba(0,0,0,0.5);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.md-show ~ .md-overlay {
  opacity: 1;
  visibility: visible;
}

.md-content {
  color: #fff;
  position: absolute;
  margin: 0 auto;
  width: 99%;
  min-height: 113%;
  background-color: #000;
  padding: 30px;
  border:solid 1px #bf9c46;
  margin-top: 120px;
}

.md-content h3 {
  margin: 0;
  background: rgba(0,0,0,0.1);
  border-radius: 3px 3px 0 0;
}

.md-content button {
    display: block;
    margin: 30px auto;
    background: none;
    text-decoration: none;
    border: 0;
    color: #fff;
}

.md-modal ,.md-close:hover{
  border: none;
  text-decoration:none;
}

.md-effect-1 .md-content {
  -webkit-transform: scale(0.7);
  -moz-transform: scale(0.7);
  -ms-transform: scale(0.7);
  transform: scale(0.7);
  display: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

.md-show.md-effect-1 .md-content {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  display: block;
}

#md-content-profile-right{
  text-align: center;
}

/*--------------------------------------------------------------------
header
--------------------------------------------------------------------*/
header{
  height: 75px;
  background-color:#1d1d1d;
  padding: 10px 20px;
  position: fixed;
  width: 100%;
  top:0;
  z-index: 9999;
}

h1#header-logo{
  margin: 0;
  float: left;
}

#header-logo img{
  height: 40px;
  margin-top: 8px;
}

#header-nav li{
  list-style: none;
}

#header-nav ul.accordion{
  width:100%;
  overflow: hidden;
  margin: 0;
}

#header-nav ul.accordion ul{
  display: none;
}

#header-nav ul.accordion li p{
    cursor: pointer;
}

#header-nav ul.accordion ul li:last-child{
     border:none;
}

#header-nav-right,
#header-nav-left{
  padding-left:0;
}


#openBlock #header-nav-right a:link,
#openBlock #header-nav-right a:visited,
#openBlock #header-nav-right a:hover,
#openBlock #header-nav-right a:active{
  color: #ffffff;
}

.nav-wrap{
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
}

.gnav {
list-style-type: none;
width: 114%;
position: relative;
left: -7%;
padding: 0;
margin: 0;
z-index: 9999999;
overflow: hidden;
height: 100%;
}

.gnav li a {
  display: block;
text-decoration: none;
width: 100%;
line-height:3;
vertical-align: middle;
text-align: center;
background-color: rgba(0,0,0,0.9);
color:rgb(200,158,77);
font-family: 'Baskerville','LibreBaskerville-Regular';
padding:10px 0;
}

a.gnavC {
  line-height: 4!important;
color: #fff !important;
}

.icon-animation {
  width: 30px;
  height: 30px;
  display: block;
  cursor: pointer;
  float: right;
  position: absolute;
  right: 20px;
  text-align: center;
  top: 28%;
  z-index:999;
}

.icon-animation span {
  width: 30px;
  height: 3px;
  display: block;
  background:rgb(200,158,77);
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -25px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}

.icon-animation .top {
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  transform: translateY(-10px);
}

.icon-animation .bottom {
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
}

.is-open .middle {
  background: rgba(51, 51, 51, 0);
}

.is-open .top {
  -webkit-transform: rotate(-45deg) translateY(0px);
  -ms-transform: rotate(-45deg) translateY(0px);
  transform: rotate(-45deg) translateY(0px);
}

.is-open .bottom {
  -webkit-transform: rotate(45deg) translateY(0px);
  -ms-transform: rotate(45deg) translateY(0px);
  transform: rotate(45deg) translateY(0px);
}

/*--------------------------------------------------------------------
index
--------------------------------------------------------------------*/
#mainBox-gallery{
  background: url(../img/main_02.jpg)no-repeat;
  padding-top: 100%;
  background-size: cover;
}

.checkNews{
  display: none;
}

#mainBox-news{
  color: #bf9c46;
  border: solid 1px #bf9c46;
  width: 50px;
  height: 50px;
  text-align: center;
}

#mainBox-news p{
  font-family: 'ヒラギノ明朝 ProN W6','Baskerville';
}

span.mainBox-news-arrow{
  display: block;
  color: #fff;
  margin: 30px 0;
  text-align:center;
}

#mainBox-news-content{
  display: none;
}

.panels {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
  background-color: #000000;
  color:#fff;
  margin: 0 auto;
}


input:checked +.panels {
  height: 100%;
  position: absolute;
  top:75px;
}

label#out{
  border: solid 1px #bf9c46;
  padding: 3% 0;
}

label#out p{
  margin: 0;
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 16px;
  margin-bottom: 10%;
}

label#in{
  display: none;
}

p#mainBox-news-next a {
    border: 1px solid;
    width: 80%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    display: block;
    margin: 20px auto;
    color: #bf9c46;
    text-decoration: none;
    font-size: 14px;
}

p#mainBox-news-next{
  margin-left: 30px 0;
}

h2.br-sp{
  text-align: center;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  color: #bf9c46;
    font-weight: 100;
    padding-top: 30px;
}

p.br-sp {
    text-decoration: none;
    position: absolute;
    top: 1%;
    left: 87%;
    background: url(../img/close-icon.png);
    height: 30px;
    width: 30px;
}

label.br-sp p{
    font-size: 20px;
    line-height: 20px;
    margin-top: 0!important;
}

/*--------------------------------------------------------------------
profile
--------------------------------------------------------------------*/
#profile h2{
  background-color: rgba(0,0,0,0.5);
  color: #fff;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 24px;
  padding: 1% 5% 1% 0;
  margin: 0;
  text-align: right;
  position: absolute;
  bottom: 0px;
  width: 100%;
}
/*
button#profile-profile,
button#profile-award,
button#profile-staff,
button#profile-access{
  padding: 6.9% 0;
  position: relative;
  padding: 20.2% 0;
}
*/
button#profile-profile,
button#profile-award,
button#profile-access,
button#profile-staff,
button#profile-specialty{
  padding: 6.9% 0;
  position: relative;
  padding: 20.2% 0;
}

button#profile-profile{
  background: url(../img/sp/profile/profile_01.png);
  background-size: 100% auto;
  width: 100%;
  border: none;
  margin-bottom:20px;
}

button#profile-award{
  background: url(../img/sp/profile/profile_02.jpg);
  background-size: 100% auto;
  width: 100%;
  border: none;
  margin-bottom:20px;
}

button#profile-staff{
  background: url(../img/sp/profile/profile_06.jpg);
  background-size: 100% auto;
  width: 100%;
  border: none;
  margin-bottom:20px;
}

button#profile-access{
  background: url(../img/sp/profile/profile_03.jpg);
  background-size: 100% auto;
  width: 100%;
  border: none;
  margin-bottom:20px;
}

button#profile-specialty{
  background: url(../img/sp/profile/profile_04.jpg);
  background-size: 100% auto;
  width: 100%;
  border: none;
  margin-bottom:20px;
}

#profile {
  padding: 0 30px;
}

#md-content-profile-right img{
  width: 70%;
}

#md-content-profile-left h3{
  text-align: center;
  color: #fff!important;
  margin-top: 30px;
}

#md-content-profile-left h3,
#md-content-pecialty-left h3,
#md-content-price h3,
#md-content-price h3{
  background-color: rgba(0,0,0,0);
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  color: #bf9c46;
  font-size: 24px;
}

#md-content-award dt{
  clear: both;
  color: #bf9c46;
  margin-bottom: 10px;
}

#md-content-award dd{
  margin-bottom: 40px;
  margin-left: 10px;
}

dt.md-content-award-line,
dd.md-content-award-line{
  float: left;
}

dt.md-content-award-line{
  width: 20%;
  color: #fff!important;
  margin-bottom: 20px;
}

dd.md-content-award-line{
  width: 100%;
  margin-left:0!important;
  margin-bottom: 30px;
}

.md-content-award-line{
  border-bottom: solid 1px #bf9c46;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.md-content-acces-box-img,
.md-content-acces-box p{
  float: left;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
}

.md-content-acces-box:active{
  background: #fff;
  color: #bf9c46;
}

#location{
  border: none;
  border-bottom: 1px solid #fff;
}

#location:active{
  background: none;
}

#location p{
  color: #fff;
}

.md-content-acces-box {
  border: solid 1px #C89E47;
  overflow: hidden;
  margin-bottom: 25px;
}

.md-content-acces-box p ,
.md-content-acces-box p a{
  color: #C89E47;
  text-decoration: none;
  padding: 0.9% 0;
}

.md-content-acces-box-img{
  width: 40%;
  text-align: center;
}

#md-content-pecialty h3 img{
  margin-right: 20px;
}

#md-content-pecialty-left{
  border-bottom: 1px solid #C89E47;
}

#md-content-pecialty-left ul{
  list-style: none;
  padding-left: 0;
  border-bottom: 1px solid #535353;
  padding-bottom: 20px;
}

ul#md-content-pecialty-left-fashion{
  border: none;
}

#md-content-pecialty-left li{
  float: left;
  width: 50%;
  margin: 5px 0;
}

#md-content-pecialty-right-text{
  margin-top: 30px;
}

.md-content-acces-box-img-iconA,
.md-content-acces-box-img-iconB,
.md-content-acces-box-img-iconC,
.md-content-acces-box-img-iconD{
  display: none;
}

.md-content-acces-box-img-iconA-sp,
.md-content-acces-box-img-iconB-sp,
.md-content-acces-box-img-iconC-sp,
.md-content-acces-box-img-iconD-sp{
  display: block;
  margin: 2% 0;
}

.md-content-acces-box-img-iconA-sp img,
.md-content-acces-box-img-iconB-sp img,
.md-content-acces-box-img-iconC-sp img,
.md-content-acces-box-img-iconD-sp img{
  margin-top: 8%;
  width: 25%;
}

button.br-sp {
    margin: 0;
    border: solid 1px #C89E47;
    width: 100%;
    margin-bottom: 30px;
    padding: 3% 0px;
    color: #C89E47;
}

button.br-sp:focus{
  background: #fff;
  color: #C89E47;
}

button.br-sp p {
    float: left;
    margin: 4.6% 0;
  font-family: 'LibreBaskerville-Regular';
    font-weight: 100;
}

button.br-sp img {
    float: left;
    height: 30px;
    margin: 3% 15%;
}
/*--------------------------------------------------------------------
price
--------------------------------------------------------------------*/
p.md-content-price-p{
  line-height: 36px;
}

.profile-box h2{
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  margin-top: 0;
}

#price-fortune{
  background: url(../img/price/price_01.jpg);
  background-size: auto 100%;
}

#price-gereral{
  background: url(../img/price/price_02.jpg);
  background-size: auto 100%;
}

#price-fortune h2{
  margin-top: 0;
}

#price-fortune h2,
#price-gereral h2{
  color: #C89E47;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  background: rgba(0,0,0,0.5);
  text-align: center;
  padding: 5% 0;
  font-size: 180%;
}

#price-fortune-box,
#price-gereral-box{
  padding: 0 30px;
}

#price-fortune-box h3,
#price-gereral-box h3{
  color: #C89E47;
}

#price-fortune-box ul,
#price-gereral-box ul{
  list-style: none;
  overflow: hidden;
  padding-left: 0;
  border-top: solid 1px #fff;
  padding-top: 20px;
}

#price-fortune-box li,
#price-gereral-box li{
  float: left;
  width: 50%;
  color: #fff;
  padding: 10px 0;
}

button#price-fortune-box-btn,
button#price-gereral-box-btn{
  width: 70%;
  height: 0%;
  margin: 10% 15%;
  padding: 15px 0;
  border: solid 1px #C89E47;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  color: #C89E47;
  background: rgba(0,0,0,0.5);
}

#md-content-price{
  text-align: center;
}

#md-content-price h2{
  font-size: 180%;
}

#md-content-price h3{
  font-size: 140%;
}

#md-content-price h2,
#md-content-price h3{
  color: #C89E47;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
}

#md-content-price dt{
  margin-bottom: 20px;
  font-weight: 600;
  line-height: 36px;
}

#md-content-price dd{
  margin-bottom: 30px;
  margin-left: 0;
}

div#md-content-price-small{
  text-align: left;
}

.lines-on-sides, #md-content-price h3 {
  display: table;
  text-align: center;
  white-space: nowrap;
}

.lines-on-sides:after, #md-content-price h3:after, .lines-on-sides:before, #md-content-price h3:before {
  content: '';
  display: table-cell;
  width: 50%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
  -webkit-background-clip: padding;
  background-clip: padding;
}

.lines-on-sides:after, #md-content-price h3:after {
  border-left: 1em solid transparent;
}

.lines-on-sides:before, #md-content-price h3:before {
  border-right: 1em solid transparent;
}

/*--------------------------------------------------------------------
contact
--------------------------------------------------------------------*/
input,
textarea {
  -webkit-appearance: none;
}

#mainBox-contact{
  width: 100%;
  padding: 0 30px;
}

#mainBox-contact dd img{
  width: 3%;
  position: absolute;
  z-index: 100;
  margin-top: 5%;
  right: 12%;
}

#mainBox-contact h2{
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  color: #bf9c46;
  text-align: center;
}

.contact-left{
  width: 100%;
}

.contact-left dt,
.contact-left dd{
  font-size: 14px;
  margin-left: 0px;
}

.contact-left dd{
  margin-bottom: 15px;
}

.contact-left dt{
  color: #fff;
  margin-bottom: 10px;
}

.ontact-left dt#white,
.contact-left dd input#name{
  border-left: solid 3px  #b2b2b2;
}

.contact-left dd input{
  border: none;
  background: #3b3b3b;
  width: 100%;
  height: 50px;
  padding: 0;
  color: #fff;
  padding-left: 25px;
}

.contact-left dd input:focus,
.easy-select-box.easy-select-0:focus{
  outline: none;
}

.contact-left dd input#email{
  border-left: solid 3px #bf9c46;
}

.contact-left input::-webkit-input-placeholder {
  color: #797979;
}
.contact-left input:-ms-input-placeholder {
  color: #797979;
}
.contact-left input::-moz-placeholder {
  color: #797979;
}
.contact-right textarea::-webkit-input-placeholder {
  color: #797979;
}
.contact-right textarea:-ms-input-placeholder {
  color: #797979;
}

.contact-right textarea::-moz-placeholder {
  color: #797979;
}

textarea#message{
  border: none;
  background: #3b3b3b;
  border-left: solid 3px #bf9c46;
  height: 215px;
  width: 100%;
  color: #fff;
  padding: 20px;
  margin-bottom: 20px;
}

.privacy{
  color: #fff;
  font-size: 14px;
  margin-top: 10%;
  text-align: center;
}

.contact-right .wpcf7c-elm-step1,
.contact-right .wpcf7c-elm-step2{
  text-align: center;
}

p.wpcf7c-elm-step2{
  color: #fff;
}

.contact-right p,
.contact-right a{
  color: #fff;
  text-align: center;
}

input#check:disabled {
  border: solid 1px #b2b2b2;
  color: #b2b2b2;
}

input#check,
input#submit{
  width: 200px;
  height: 50px;
  background: none;
  border: solid 1px #bf9c46;
  color: #bf9c46;
  margin: 30px 17%;
}

input#back{
  width: 200px;
  height: 50px;
  background: none;
  border: solid 1px #fff;
  color: #fff;
  margin: 0 17% 30px 17%;
}

p.step{
  text-align: center;
}

img.ajax-loader {
  display: none;
}

.easy-select-box .esb-displayer{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 50px;
  background: #3b3b3b;
  border: 0;
  border-radius: 0;
  color: #fff;
  padding-left: 25px;
  border-left: solid 3px #b2b2b2;
  line-height: 50px;
}

.easy-select-box .esb-dropdown{
  background: #3b3b3b;
  border-left: 3px solid #b2b2b2;
  display: none;
  overflow: auto;
  position: absolute;
  z-index: 999;
  width: 100%;
  color: #fff;
  padding-left: 25px;
  line-height: 50px;
}

.easy-select-box .esb-item:hover{
  opacity: 0.5;
  height: 50px;
  list-style:50px;
}

input.wpcf7-form-control.wpcf7-acceptance{
  height: 30px;
  width: 30px;
}

#mainBox-contact-text{
  padding: 30px;
  color: #fff;
}

#mainBox-contact-text-large{
  font-size: 150%;
}

div.wpcf7-validation-errors{
  display:none!important;
}

p#contact-right-text {
    float: left;
    margin-left: 10%;
    line-height: 30px;
    margin-top: 10%;
}

input.wpcf7-form-control.wpcf7-acceptance {
    float: left;
    margin-top: 10%;
}

span.wpcf7-not-valid-tip{
  margin-top: 10px;
}

div.wpcf7-mail-sent-ok{
  border: none!important;
}

input,
textarea {
  border-radius: 0;
}

.esb-dropdown.spaces img{
  width: 10px;
}

.esb-dropdown.spaces {
  position: absolute;
  z-index: 100;
  right: 15%;
  line-height: 3.5;
}

.cbox{
  text-align: center;
}

.cbox input[type=checkbox] {
  display: inline-block;
  margin-right: 6px;
}

.cbox input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  margin-right: 12px;
  font-size: 14px;
  line-height: 30px;
  cursor: pointer;
}

@media (min-width: 1px) {
  .cbox input[type=checkbox] {
    display: none;
    margin: 0;
  }
  .cbox input[type=checkbox] + label {
    padding: 0 0 0 24px;
  }

  .cbox input[type=checkbox] + label::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 30px;
    height: 30px;
    margin-top: -9px;
    background: #FFF;
  }

  .cbox input[type=checkbox] + label::before {
    border: 2px solid #ccc;
  }

  .cbox input[type=checkbox]:checked + label::after {
    content: "";
    position: absolute;
    top: 50%;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
  }

  .cbox input[type=checkbox]:checked + label::after {
    left: 3px;
    width: 26px;
    height: 18px;
    margin-top: -8px;
    border-left: 3px solid #bf9c46;
    border-bottom: 3px solid #bf9c46;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
}
/*--------------------------------------------------------------------
news
--------------------------------------------------------------------*/
#news-title{
  color: #bf9c46;
  font-family: 'Baskerville';
  font-weight: 100;
  font-size: 23px;
  text-align: center;
}

#news-box{
  padding-left: 20px;
  padding-right: 20px;
}

.news-boder{
  margin-top: 10px;
  margin-bottom: 20px;
}

.news-time{
  font-size: 14px;
  color: #bf9c46;
}

.news-oomidasi{
  font-size: 18px;
  color: #bf9c46;
  line-height: 20px;
  font-weight: 100;
}


#news-content a {
  color: #bf9c46;
}

#news-content a:focus {
  text-decoration: underline;
}

#news-centerbox{
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  float: left;
  font-size: 14px;
}

div#news-newconent{
  padding: 0 20px;
}

.news-kiji a {
  color: #bf9c46;
}

.news-kiji a:focus {
  text-decoration: underline;
}

p.close-sp{
  font-size: 20px;
}
/*--------------------------------------------------------------------
privacy policy
--------------------------------------------------------------------*/
#privacy-title{
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 23px;
  text-align: center;
}

.probacy-title{
  font-size: 16px;
}

#privacy-box{
  padding-left: 30px;
  padding-right: 30px;
  margin: 0 auto;
  overflow:auto;
  color:#e8e8e8;
  line-height:1.5em;
}

.privacy-li {
  list-style: outside !important;
  padding-top: 10px !important;
}

.probacy-title{
  margin-top: 30px;
  text-align: center;
  color: #bf9c46;
}

.prpbacy-textbox{
  margin-top: 30px;
}

.privacy-text{
  font-size: 14px;
  line-height: 25px;
}

.wp-pagenavi{
  text-align: center;
  margin: 30px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    padding: 2% 3%;
    margin: 2px;
    color: #fff;
    border: 0!important;
}

span.current{
  color:  #bf9c46!important;
}

span.mainBox-news-arrow input {
  display:none;
}

span.mainBox-news-arrow label {
  cursor: pointer;
  display: inline-block;
  background-color: #000;
  border-radius: 4px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  color: #fff;
  width: 70px;
  height: 70px;
  text-align: center;
  margin: 0px 35%;
  font-size: 14px;
}

#mainBox-news-arrow{
  text-align: center;
}

h2.privacy-title {
    color: #bf9c46;
    font-weight:100;
    margin: 40px 0 20px 0;
}

/*--------------------------------------------------------------------
information
--------------------------------------------------------------------*/
#informationbox{
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
}

#informationbox h3{
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 23px;
  text-align: center;
}

#information-left h4{
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-size: 16px;
  line-height: 25px;
  text-align: center;
  padding-top: 30px;
  color: #fff;
}

#information-left p{
  font-size: 14px;
  color: #fff;
  line-height: 25px;
  padding-top: 20px;
}

#information-center{
  border-bottom: 1px solid #bf9c46;
  margin-top: 30px;
}

table{
  display: none;
}

#information-sumaho h5{
  font-size: 16px;
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  margin-bottom: 20px;
}

#information-sumaho p{
  font-size: 14px;
  color: #fff;
  margin: 0;
}

#recruit{
  text-decoration: underline;
  color: #fff;
  line-height: 20px;
}

#information-sumaho p a{
  color: #fff;
}

p.recruit{
  line-height: 25px;
}

p#news-cut {
    line-height: 200%;
}

.infoList li{
  margin-bottom: 20px;
}
/*--------------------------------------------------------------------
selected
--------------------------------------------------------------------*/
div#selected-img{
  padding: 19.7% 0;
  background: url('http://visional-code.jp/ghostwriter/wp-content/themes/ghostwriter/img/selected/selected.png');
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;　
}

.stMain {
  font-size: 14px;
  letter-spacing: 2px;
  margin-top: -31.5%;
}

.title{
  font-size: 30px;
  background: rgba(0,0,0,0.7);
  color: #bf9c46;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  margin: 5% 10%;
  text-align: center;
  font-weight: 100;
  padding: 3% 0px;
}

.subTitle{
  margin-top: 25%;
  padding: 0 30px;
  text-align: center;
  color: #fff;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 18px;
}

.stText{
  margin: 10% 0;
  line-height: 1.5;
  color: #fff;
  padding: 0 30px;
}

/*--------------------------------------------------------------------
performance
--------------------------------------------------------------------*/
.performance{
  text-align: center;
}

ul.performance{
  padding-left: 0;
  margin-top: 0;
}

#topInfo h2{
  color: #bf9c46;
}

#topInfo ul{
  list-style: none;
}

.titleL{
  font-size: 24px;
  color:#fff;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
}

.stTextL{
  line-height:2;
  font-size:18px;
  color:#fff;
}

#btnL{
  border: 1px solid #bf9c46;
  background: rgba(0,0,0,0.5);
  line-height: 1;
  padding: 5% 20%;
}

.titleL{
  font-size: 24px;
  color:#fff;
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  margin: 0;
}

.subTitleL{
  color:#fff;
  font-size: 18px;
}

.stTextL{
  line-height:2;
  font-size:18px;
  color:#fff;
}

#btnL{
  border: 1px solid #bf9c46;
  background: rgba(0,0,0,0.5);
  color: #bf9c46;
}

#btnL:hover {
  background: rgba(0,0,0,.5);
}

.mainC{
  display: none;
  background: #000;
  width: 540px;
  height: 440px;
  background: rgba(0,0,0);
  margin:-180px 0px 0px -60px;
}

.mainD{
  display: none;
  background: #000;
  width: 540px;
  height: 440px;
  background: rgba(0,0,0);
  margin:-180px 0px 0px -60px;
}

.titleR{
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  font-size: 24px;
  color:#fff;
}

.subTitleR{
  font-size: 18px;
  color:#fff;
}

.stTextR{
  font-size:18px;
  color:#fff;
}

#btnR{
  border: 1px solid #bf9c46;
  background: rgba(0,0,0,0.5);
  color: #bf9c46;
  padding: 5% 20%;
}

#btnR:hover {
  background: rgba(0,0,0,.5);
}

h2.md-title{
  font-family: 'Baskerville','LibreBaskerville-Regular';
  font-weight: 100;
  color: #bf9c46;
  font-size: 30px;
}

.performanceL{
  background: url(../img/performance/fortune.jpg)no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;　
}

.performanceL{
  display: block;
  padding: 10%;
}

.perMainR{
  display: block;
  padding: 10%;
}

.performanceR{
  background: url(../img/performance/writing_01.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;　
}

.performanceR{
  display:block;
  margin:right;
  margin:left;
}

/*--------------------------------------------------------------------
404
--------------------------------------------------------------------*/
#mainBox-404-text{
  color: #fff;
  padding: 0 20px;
}

#mainBox-404-text a,
a#thanks{
  width: 70%;
    height: 0%;
    margin: 10% 15%;
    padding: 15px 0;
    border: solid 1px #C89E47;
    font-weight: 100;
    color: #C89E47;
    text-align: center;
    text-decoration: none;
    display: block;
}
/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
footer{
  padding-top: 15px;
  padding-bottom: 5px;
  background-color: #1d1d1d;
  color: #fff;
  font-size: 10px;
  text-align: center;
}

footer a{
  margin-bottom: 10px;
}

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

}