@charset "utf-8";
/* CSS Document */
/* ----------------------PC_ON/OFF---------------------- */
#menu {
  display: none;
}
.pc {
  display: block;
}
.pclogo {
  width: 355px;
}
.pclogo img {
  max-width: 100%;
}
.sp {
  display: none;
}
.splogo {
  width: 420px;
  margin: 90px auto;
}

/* 中間設定_1000px--------------------------------------------*/
@media screen and (max-width: 1000px) {
  /* ----------------------SP_ON/OFF---------------------- */
 #top-head.fixed #global-nav ul {}
  #menu {
    display: block;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  /* ----------------------mobile_only--------------------- */
  .pc_only {
    display: none;
  }
  /* ----------------------instant--------------------- */
  .left, .right {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .box40, .box45, .box50, .box55, .box60, .box65, .box70, .box75, .box80 {
    width: 100%;
  }
  .box10, .box15, .box20, .box25, .box30, .box35 {
    width: 70%;
  }
  /* ----------------------home--------------------- */
  .boxfull, .boxplus {
    width: 90%;
  }
  .boxline li {
    font-size: 50%;
  }
  .c_works, .c_magazine, .c_photo, .c_other {
    float: left;
    margin: 60px 0 20px;
  }
  .c_works li:nth-child(1), .c_magazine li:nth-child(1), .c_photo li:nth-child(1), .c_other li:nth-child(1) {
    margin: 0 0 2px 70px;
    width: 74px;
  }
  .c_works li:nth-child(3), .c_magazine li:nth-child(3), .c_photo li:nth-child(3), .c_other li:nth-child(3) {
    color: #808080;
    font-size: 293.75%;
    margin: 0 0 0 45px;
  }
.box_news li {
line-height: 1.7em;
}
  .box_works {
    width: 80%;
    clear: both;
      float: none;
      margin: 0 auto;
    }
  .box_mag0 {
    position: static;
    width: 100%;
    margin: 0 auto;
    background-color: #12FF9E;
  }
  .box_mag1 {
    position: static;
    float: none;
    width: 90%;
    margin: 0 auto;
    padding: 25px 0 20px;
  }
  .box_mag2 {
    width: 100%;
    position: static;
    float: none;
  }
  .mag_p {
    width: 100%;
      height: 300px;
  }
  .c_photo {
    padding-top: 150px;
  }
/* ----------------------dwon--------------------- */
.boxhead {
	width: 70%;
	margin: 0 auto;
}
.boxhead dl {
margin: 80px 0 0;
}




/* ----------------------about--------------------- */
.box_about0 {
	width: 100%;
}
.box_about_l, .box_other2 {
	width: 100%;
	float: left;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.box_about_l p, .box_other2 p {
	text-align: left;
}
.box_about_r, .box_other3 {
	width: 100%;
	float: left;
	clear: both;
	margin: 30px 0 70px;
}
.box_about_in1 dt {
	width: 25%;
}
/* -------------magazine--------------------- */
.box_magazine {
	width: 75%;
float: none;
margin: 0 auto;
}
.c_box {
    width: 100%;
float: left;
    }
.backnumber {
margin-bottom: 70px;
}
/* -------------photo--------------------- */

.box_photo dl {
    float: left;
}
.box_photo dt {
    width: 120px;
    height: 80px;
}
/* -------------other--------------------- */
.c_other {
  width: 100%;
}
.box_other {
margin-top: 0px;
}
.box_other_in {
	margin-left: auto;
	margin-right: auto;
}
.box_other_in img:nth-child(1) {
    width: 125px;
    height: 125px; 
}
  /*------------ botton_SNS ------------*/
  .box_button {
    width: 240px;
    padding: 40px 0 70px;
  }
  .button {
    float: left;
    min-width: 150px;
    max-width: 250px;
  }
  .button:nth-child(-n+2) {
    margin-right: 30px;
  }
  .button--sacnite .button__icon {
    font-size: 150%;
  }
	
/* ----------------------1000px_so far--------------------- */
}

/* 中間設定_600px--------------------------------------------*/
@media screen and (max-width: 600px) {
 .splogo {
  width: 80%;
}
}