body {
  font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
}

img {
  width: 100%;
}

.width{
  max-width: 1050px;
  margin: auto;
}

header.header {
  margin-bottom: 50px;
}

.headerLog {
  width: 20%;
}
.yearOfStarted p {
  color: white;
  font-size: 20px;
}

.headerLogWrap {
  background-color: #800080;
}

.headerTop {
  display: flex;
  padding: 14px 20px 11px 10px;
  box-sizing: border-box;
}

.yearOfStarted {
  margin-left: auto;
  margin-top: auto;
}

.headerBottomTablet {
  display: none;
}

.mainList{
  padding: 0 5px;
  box-sizing: border-box;
}

.menuHamburger {
  display: none;
}

main.main h1 {
  padding: 20px 0 20px 10px;
  margin-bottom: 33px;
  font-size: 22px;
  border-top: 1px solid blue;
  border-bottom: 1px solid blue;
  font-weight: bold;
  letter-spacing: 1.5px;
}

h1.forSmartphone {
  display: none;
}

.saidSpace {
  padding: 0 15px;
}

.sentence p {
  margin-bottom: 25px;
}

.greeting {
  margin-bottom: 35px;
}

.originOfName {
  margin-bottom: 50px;
}

p {
  line-height: 1.5em;
}

.originOfName h2 {
  margin-bottom: 15px;
}

.originOfName h3 {
  margin-top: 45px;
  margin-bottom: 15px;
}

.doubleLine {
  border-left: 4px double #000;
  padding-left: 9px;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4em;
  letter-spacing: 0.3px;
  margin-bottom: 20px
}

.greeting p:nth-child(10) {
  text-align: end;
  margin-top: 40px;
}

.greeting span {
  margin-left: 1.2em;
}

.greetingSmartphone {
  display: none;
}

table {
  width: 100%;
}

.workPlaceList table {
  margin-bottom: 25px;
}

.workPlaceList td {
  margin-bottom: -1px;
}

.workPlaceList th, .workPlaceList td {
  width: calc(100% / 6);
  border: 1px solid black;
  box-sizing: border-box;
  padding: 15px 0;
  margin-left: -1px;
}

.workPlaceListWrap tr {
  display: flex;
}

tr {
  width: 100%;
  margin-left: 1px;
}

th {
  margin-bottom: 8px;
}

th, td{
  text-align: center;
}

tbody {
  width: 100%;
}

.workPlaceList table:nth-child(5) {
  margin-bottom: 18px;
}

.workPlaceListWrap p {
  margin-bottom: 10px;
}

.workPlaceListWrap p:nth-child(3) {
  margin-bottom: 20px;
}

.workPlaceList {
  margin-bottom: 25px;
}

.bicyclelist {
  margin-bottom: 25px;
}

.salaryList, .consolation {
  width: 50%;
  margin-bottom: 15px;
}

.salaryList th {
  width: calc(100%/5);
  margin: 0;
}

.salaryList td {
  width: calc(100%/5);
}

.salaryList th, .salaryList td {
  border: 1px solid black;
  padding: 12px 0;
  box-sizing: border-box;
}

.salaryList table:nth-child(2), .salaryList table:nth-child(3) {
  margin-top: 1px;
}

.salaryList tr:nth-child(15) {
  margin-top: 3px;
}

.salaryList tr:nth-child(5) td, .salaryList tr:nth-child(10) td,.salaryList tr:nth-child(13) td {
  background: rgb(0,255,255,0.5);
}

.salaryList tr:nth-child(13) td:nth-child(5) {
  background: white;
}

.consolation td {
  width: calc(100%/4);
  border: 1px solid black;
  box-sizing: border-box;
  padding: 17px 0;
}

.consolation table {
  margin-bottom: 15px;
}

.clubTable th, .clubTable td {
  width: calc(100%/5);
  border: 1px solid black;
  padding: 15px 0;
}

table.first {
  margin-bottom: 5px;
}

table.last {
  margin-top: 1px;
}

.clubTable th:nth-child(1), .clubTable td:nth-child(1) {
  width: calc((100%/5)*2);
}

.stopClud th, .stopClud td{
  border: 1px solid black;
  padding: 15px 0;
}



.stopClud th:nth-child(odd), .stopClud td:nth-child(odd) {
  width: 35%;
}

.stopClud th:nth-child(even), .stopClud td:nth-child(even) {
  width: 15%;
}

.clubTable {
  width: 50%;
}

.moving {
  display: flex;
  margin-top: 15px;
}

.moving > div {
  width: 45%;
  margin: 0 auto;
}

.stopClud {
  margin: 0 auto 25px auto;
  width: 50%;
}

.diagnosticTest {
  border: 2px solid black;
  width: 60%;
  margin: 25px auto 50px;
  padding: 110px 0;
  box-sizing: border-box;
}

.diagnosticTest div {
  width: 40%;
  margin: auto;
}

footer.footer {
  background: rgb(200,0,256,0.8);
}

.footerBottom {
  display: flex;
  box-sizing: border-box;
  padding: 22px 15px 0px 10px;
}

.footerRight {
  color: white;
  width: 50%;
  text-align: center;
}

.footerRight a {
  color: white;
}

.footerLeft {
  color: white;
  width: 50%;
}

.footerLeft h2 {
  font-size: 22px;
  margin-bottom: 1em;
  text-align: center;
}

.footerRight h2 {
  font-size: 22px;
  margin-bottom: 1em;
}

p.copyright {
  text-align: center;
  color: white;
  padding: 12px 0 12px 0;
}

.footerRight > div {
  display: flex;
  width: 80%;
  margin: auto;
}

.footerRight > div > div {
  width: 50%;
}

.footerRight p {
  margin-bottom: 12px;
}

.footerRight p:nth-child(4) {
  margin-bottom: 0;
}


.workPlaceList table  th br {
  display: block;
  content: "";
  margin: 7px 0;
}

.bicyclelist th {
  width: calc(100% / 6);
  padding: 15px 0;
  border: 1px solid black;
}

.timeTableWrap {
  display: flex;
}

.timeTableWrap > div {
  width: 45%;
  margin: auto;
}

.timeTableHeadline th, .timeTable td {
  border: solid 1px black;
  padding: 15px 0;
}

.timeTableHeadline th:nth-child(1), .timeTable td:nth-child(1) {
  width: 40%;
}

.timeTableHeadline th:nth-child(2), .timeTable td:nth-child(2) {
  width: 60%;
}

.timeTableWrap table {
  margin-bottom: 15px;
}

.timeTableHeadline table {
  margin-bottom: 3px;
}

.timeTableWrap p {
  margin-bottom: 20px;
  text-align: center;
}

.Doctrine table {
  width: 50%;
}

.Doctrine table td:nth-child(1) {
  width: 25%;
}

.Doctrine table td:nth-child(2) {
  width: 75%;
}

.Doctrine table td {
  border: solid 1px black;
  padding: 20px 0;
}

.Doctrine p {
  margin-bottom: 12px;
}

.subjectTablefasut {
  margin-bottom: 20px;
}

table.electiveSubjectsList tr:nth-child(1) {
  margin-bottom: 6px;
}

table.subjectsList {
  margin-bottom: 12px;
}

.subjectInDiv {
  margin-bottom: 35px;
}

.physicalEducation mark, .greeting mark, .originOfName mark {
  background: linear-gradient(transparent 60%, #00ffff 80%);
  padding: 0 2px;
  margin: 0 5px;
}

.physicalEducation dt{
  float: left;
}

.physicalEducation dd{
  margin-left: 80px;
}


.peList, .ElectiveClassWrap {
  width: 80%;
  border: solid 1px;
  margin-right: auto;
  box-sizing: border-box;
  padding: 20px 25px 4px 25px;
}

.buttonWrap {
  margin-bottom: 50px;
  display: flex;
}

.buttonWrap > div {
  width: 50%;
  text-align: center;
}

.buttonWrap > div > div:nth-child(1) {
  margin-bottom: 25px;
}

.iconWrap {
  display: flex;
  margin-top: 60px;
  margin-bottom: 80px;
}

.iconWrap > div {
  width: 45%;
  overflow: hidden;
  position: relative;
  margin: auto;
}

.iconWrap > div:nth-child(1) {
  transition: all 0.3s;
}

.iconWrap > div:nth-child(2) {
  transition: all 0.3s;
}

.iconWrap > div:nth-child(1)::before {
  content: '';
  border-top: solid 550px transparent;
  border-right: solid 70px #ffffff;
  position: absolute;
  right: 0;
  top: 0;
}

.iconWrap > div:nth-child(2)::before {
  content: '';
  border-bottom: solid 550px transparent;
  border-left: solid 70px #ffffff;
  position: absolute;
  left: 0;
  bottom: 0;
}

.iconWrap > div:nth-child(1):hover {
  transform: translate(0, -50px);
  transition: all 0.5s;
  opacity: 0.7;
}

.iconWrap > div:nth-child(2):hover {
  transform: translate(0, 50px);
  transition: all 0.5s;
  opacity: 0.7;
}

.commonSI > div {
  display: flex;
  width: 100%;
}

.commonSI > div > div:nth-child(1) {
  width: 40%;
}

.commonSI > div > div:nth-child(2) {
  width: 60%;
}

.commonSI > div > div:nth-child(1) > div {
  width: 50%;
  margin: auto;
}

.commonSI > div > div:nth-child(1) > div img {
  border-radius: 140px;
}

.commonSI > div > div:nth-child(1) > p {
  text-align: center;
  font-size: 24px;
  margin-top: 3px;
}

.commonSI > h2 {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 25px;
  font-weight: bold;
}

.commonSI .mobil {
  display: none;
}

.girl > div {
  flex-direction: row-reverse;
}

.commonSI > div > div > div > p {
  overflow-wrap: break-word;
}


.boy > div > div:nth-child(2) {
  padding-right: 40px;
}

.commonSI {
  border: 1px solid black;
  margin-bottom: 50px;
}

.girl> div > div:nth-child(2) {
  padding-left: 40px;
}


.commonSI h3 {
  border-bottom: 2px solid blue;
  font-size: 20px;
  padding-bottom: 7px;
}

.commonSI > div > div:nth-child(2) > div:nth-child(2) ul {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
  margin: 13px 0 15px 0;
}

.commonSI > div > div:nth-child(2) > div:nth-child(2) ul li {
  width: calc(100% / 4);
  margin-top: 5px;
}

.commonSI > div > div:nth-child(2) > div:nth-child(2) ul li > div {
  width: 50%;
  margin: auto;
}

.commonSI > div > div:nth-child(2) > div:nth-child(2) ul li > p {
  text-align: center;
  padding-top: 3px;
}


.addressHover {
  display: flex;
  align-items: center;
}

.addressHover div {
  width: 20%;
  padding: 10px;
}

.addressWrap > div {
  width: 50%;
}

.addressWrap {
  display: flex;
  margin: 5px 0 10px 0;
}

.boy.commonSI mark {
  background: linear-gradient(transparent 60%, #00ffff 80%);
  padding: 0 3px;
}

.girl mark {
  background: linear-gradient(transparent 60%, #ffeb00 80%);
  padding: 0 3px;
}

.profileWrap > div {
  display: flex;
  padding: 5px 0;
}

.profileWrap {
  margin-bottom: 15px;
  margin-top: 5px;
}

.profileWrap > div > h4 {
  width: 4em;
}

.addressHover p {
  color: black;
}

.workExplanatory {
  position: relative;
}

.workExplanatory mark, .clubText mark {
  background: linear-gradient(transparent 46%, #ffeb00 90%);
  padding: 0 3px;
}

.lineWrap a {
  text-align: center!important;
  display: flex;
  height: 45px;
  width: 80px;
  padding: 0 12px;
  box-sizing: content-box;
}

.lineWrap a:hover {
  transform: translateY(5px);
}

.lineWrap {
  width: fit-content;
  position: absolute;
  right: 105px;
  bottom: 111px;
}

p.line {
  margin: 0;
  left: 6px;
  font-size: 16px;
  bottom: -13px;
  font-weight: bold;
  letter-spacing: 0;
  position: relative;
}

.lineWrap i {
  bottom: -9px!important;
}

.AMwrap {
  width: 700px;
  margin-bottom: 50px;
}

.AMtitle {
  padding: 14px 0 14px 12px;
  border: 1px solid black;
  margin-bottom: 15px;
}

.AMtitle h2 {
  font-size: 22px;
  border-left: 5px solid black;
  padding-left: 7px;
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体" , sans-serif;
  line-height: 32px;
  font-weight: bold;
}

.AMsentence p {
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue","Hiragino Kaku Gothic ProN","メイリオ",meiryo,sans-serif;
}

.AMimg {
  margin-bottom: 30px;
}

.AMsentence p {
  margin-bottom: 14px;
}

.AMsentence mark {
  background: linear-gradient(transparent 46%, rgb(0 255 255 / 50%) 90%);
  padding: 0 3px;
}

mark.numberOne {
  background: linear-gradient(transparent 46%, #ffd300 90%);
  padding: 0 3px;
}

.Regular.worship li, .classImgWrap li {
  list-style-type: disc;
  margin-left: 30px;
  line-height: 1.5em;
}

.manga {
  width: 70%;
  margin: auto;
  margin-bottom: 30px;
}

.physicalEducation > div > p {
  margin-bottom: 25px;
}

.peList h3 {
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 16px;
  border-bottom: 3px solid #27acd9;
  padding-bottom: 3px;
}

.peList dd , .peList dt, .ElectiveClassExplanation dt, .ElectiveClassExplanation dd {
  margin-bottom: 1em;
  line-height: 1.5em;
}

.peList:nth-child(1) {
  margin-bottom: 30px;
}

.boyMap {
  width: 95%;
  text-align: center;
  margin-bottom: 30px;
}

.boyMap h4 {
  padding-bottom: 7px;
}

.worshipDiv:nth-child(3) {
  display: flex;
}

.worshipDiv:nth-child(3) > div {
  width: 50%;
}

.worshipDiv {
  margin-bottom: 30px;
}

.ElectiveClassExplanation dt {
  float: left;
}

.ElectiveClassExplanation dd {
  margin-left: 5em;
}

.subjectInDiv > div > p:nth-child(2) {
  margin-bottom: 20px;
}

.ElectiveClassWrap h3 {
  position: relative;
  overflow: hidden;
  padding: 6px 0 6px 66px;
  border: solid 2px #27acd9;
  font-size: 20px;
  margin-bottom: 16px;
}

.ElectiveClassWrap h3::before {
  position: absolute;
  content: '';
  top: -150%;
  left: -106px;
  width: 153px;
  height: 300%;
  transform: rotate(25deg);
  background: #27acd9;
}

.ElectiveClassWrap span {
  position: absolute;
  display: block;
  top: 0px;
  left: 0;
  z-index: 1;
  font-size: 30px;
  padding-left: 12px;
  color: #fff;
}

.ElectiveClassWrap > div > p {
  margin-bottom: 10px;
}

.ElectiveClassExplanation {
  border: 1px solid black;
  padding: 12px 0px 0px 1em;
  margin-top: 15px;
}

.ElectiveClassWrap mark {
  background: linear-gradient(transparent 60%, #ffeb00 80%);
  padding: 0 3px;
}

.worshipImg div {
  width: 60%;
  margin: auto;
}

.worshipImg {
  background-image: url(../img/img/sanpai.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  margin-bottom: 25px;
}

.classImgWrap {
  display: flex;
}

.ElectiveClassMap {
  width: 60%;
}

.ElectiveClassMap p {
  text-align: center;
}

.classImgWrap > div:nth-child(1) {
  width: 38%;
  margin-right: auto;
}

.classImgWrap ol {
  margin-top: 3em;
}

.classMargin {
  margin-bottom: 35px;
}

.educationList th, .educationList td {
  width: calc(100% + 1px / 6);
  border: 1px solid black;
  padding: 10px 0;
}

.educationList th {
  margin-bottom: 5px;
}

.educationList th:nth-child(3), .educationList td:nth-child(3) {
  margin-right: 5px;
}

.ElectiveClassWrap table {
  margin-bottom: 15px;
}

.eduvationExplanatory li, .collegeListExplanatory li, .notes li {
  list-style-type: decimal;
  margin-left: 30px;
  line-height: 1.5em;
}

td.fontsize {
  font-size: 15px;
  padding: 11px 0 9px 0;
}

.collegeList th, .collegeList td {
  width: calc(100% + 1px / 6);
  border: 1px solid black;
  padding: 10px 0;
}

.collegeList th {
  margin-bottom: 4px;
}

.collegeList td {
  line-height: 1.3;
  font-size: 15px;
}

td.english p:nth-child(1) {
  font-size: 13.5px;
}

td.japanese {
  font-size: 19px;
}

.title7 {
  border-top: 2px dotted #ffcc00;
  border-bottom: 2px dotted #ffcc00;
  text-align: left;
  color: #000;
  background-color: #fff;
  font-size: 18px;
  padding: 10px 0 10px 7px;
  margin-bottom: 25px;
}

.title7 span.s7 {
  display:block;
  border-left: double 8px #ffcc00;
  padding: 3px 0 3px 10px;
}

.homeworkOf4 {
  width: 80%;
  margin-top: 25px;
}

span.number {
  margin-right: 5px;
}

.homeworkContent {
  padding: 0 12px 0 20px;
}

.homeworkImg {
  margin-bottom: 25px;
}

.homeworkImg img {
  height: 370px;
}

.homeworkTable th,.homeworkTable td {
  width: calc(100% / 5);
  padding: 12px 0;
  border: 1px solid black;
}

.homeworkTable {
  margin-top: 20px;
  margin-bottom: 25px;
}

.homeworkTable table {
  margin-bottom: 1px;
}

.homeworkTable p {
  margin-bottom: 0.5em;
}

.homeworkTable div {
  margin-top: 1em;
}

.twoDormitoriesWrap > div {
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}

.twoDormitoriesWrap {
  display: flex;
  margin-bottom: 50px;
}

.twoDormitoriesWrap h2 {
  font-size: 26px;
  text-align: center;
  margin-bottom: 6px;
}

.twoDormitoriesWrap > div > div {
  width: 80%;
  margin: auto;
}

.twoDormitoriesWrap a:hover {
  opacity: 0.65;
}

.twoDormitoriesWrap p {
  text-align: center;
  margin-bottom: 15px;
  text-decoration: underline wavy #f00;
}

.twoDormitoriesWrap img {
  border: 2px solid black;
  border-radius: 25px;
  height: 130px;
}

ol.olWrap {
  margin-bottom: 1em;
}

ol.olWrap li {
  line-height: 1.8em;
  padding-left: 1.3em;
  text-indent: -1.3em;
}

.hamburgerSumaho {
  display: none;
}




















@media screen and (max-width: 960px) {
  /* 960px以下に適用されるCSS（タブレット用） */

  .headerBottom {
    display: none;
  }

  .headerBottomTablet {
    display: block;
  }

  .headerLog {
    width: 200px;
  }

  main.width {
    width: 100%;
    padding: 0 15px;
  }

  .lineWrap {
    display: none;
  }

  .salaryList {
    width: 100%;
  }

  .consolation {
    width: 100%;
  }

  .manga {
    width: 80%;
  }

  .worshipImg div {
    width: 100%;
  }

  .worshipDiv:nth-child(3) {
    display: block;
  }

  .worshipDiv:nth-child(3) > div {
    width: 100%;
    margin-bottom: 30px;
  }

  .timeTableWrap.saidSpace {
    display: block;
  }

  .timeTableWrap > div {
    width: 80%;
  }

  .homeworkOf4 {
    width: 100%;
  }

  .Doctrine table {
    width: 100%;
  }

  .peList, .ElectiveClassWrap {
    width: 100%;
  }

  .twoDormitoriesWrap {
    display: block;
  }

  .twoDormitoriesWrap > div {
    width: 80%;
  }

  .yousinryou {
    margin-bottom: 30px;
  }

  .moving {
    display: block;
  }

  .moving > div {
    width: 100%;
    margin-bottom: 20px;
  }

  .stopClud {
    width: 100%;
  }

  .diagnosticTest {
    width: 100%;
  }

  .AMwrap {
    width: 100%;
  }

  .iconWrap {
    display: none;
  }











}









@media screen and (max-width: 680px) {
  /* 520px以下に適用されるCSS（スマホ用） */


  .headerBottomTablet.mainList {
    display: none;
  }

  header.header {
    margin-bottom: 25px;
  }

  .saidSpace {
    padding: 0 7px;
  }

  main.width{
    padding: 0 10px;
  }

  h1.pcTablet {
    display: none;
  }

  h1.forSmartphone {
    display: block;
  }

  h1.forSmartphone p:nth-child(2) {
    text-indent: 1em;
  }

  main.main h1 {
    padding: 16px 0 16px 10px;
  }

  .hamburgerSumaho {
    display: block;
  }

  .sentence p {
    margin-bottom: 16px;
  }

  .greeting p:nth-child(10) {
    display: none;
  }

  .greetingSmartphone p {
    margin-bottom: 0px;
  }

  .greetingSmartphone p:nth-child(2) {
    text-indent: 1em;
  }

  .greetingSmartphone {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: 5px;
  }

  .commonSI .pc {
    display: none;
  }

  .commonSI .mobil {
    display: block;
  }

  .commonSI > h2 {
    margin: 30px 0 20px 0;
  }

  .commonSI > div {
    display: block;
  }

  .commonSI > div > div:nth-child(1) , .commonSI > div > div:nth-child(2) {
      width: 100%;
  }

  .boy > div > div:nth-child(2) , .girl> div > div:nth-child(2) {
      padding: 0 0.8em;
  }

  .commonSI > div > div:nth-child(1) {
      margin-bottom: 1em;
  }

  .addressHover div {
      padding: 6px;
  }

  .homeworkContent {
    padding: 0 6px;
}

}































































/*jQueryでドロップダウンメニューのcss*/

ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

a{
  margin: 0;
  padding: 0;
  text-decoration: none;
}
.nav {
  display: flex;
}

.nav > li {
  position: relative;
  width: calc(100% / 8);
  border-right: 1px solid #0071b9;
}
.nav > li:first-child{
  border-left: 1px solid #0071b9;
}

.nav a {
  display: block;
  padding: 0.5em 0;
  font-size: 16px;
  color: #0071b9;
  line-height: 1;
  text-align: center;
  z-index: 1;
}
.sub {
  position: absolute;
  left: 0;
  top: 2em;
  display: none;
  width: 100%;
  z-index: 3;
}
.sub > li > a {
  font-size: 16px;
  color: #fff;
  line-height: 1.75;
  background-color: #0071b9;
}
.sub > li > a:hover {
  background-color: #004b83;
  opacity: 1;
}

.sub > li > span > a {
  font-size: 16px;
  color: #fff;
  line-height: 1.75;
  background-color: rgb(256,0,0,0.8);;
}

.sub > li > span > a:hover {
  background-color: rgb(199,21,133);
}

li.has-sub:nth-child(3) > ul > li:nth-child(6) > a {
  font-size: 14.8px;
}







/* ボタン全体 */

.flowbtn{
  font-family:'Arial',sans-serif;/* 好きなフォントを指定してね */
  border-radius:4px;
  position:relative;
  display:inline-block;
  width:66px;
  height:58px;
  font-size:30px;
  color:#fff!important;
  transition:.5s;
  text-decoration:none;
  box-shadow:0 1px 2px #999;
}

.flowbtn i{
  position:relative;
  bottom:-10px;
}

/* Twitter */
.fl_tw1{
  background:#55acee;
}

/* Facebook */
.fl_fb1{
  background:#3b5998;
}

/* はてブ */
.fl_hb1{
  background:#1ba5dc;
}

/* Pocket */
.fl_pk1{
  background:#ef3f56;
}

/* Feedly */
.fl_fd1{
  background:#6cc655;
}

/* YouTube */
.fl_yu1{
  background:#fc0d1c;
}

/* LINE */
.fl_li1{
  background:#00c300;
}

/* 問い合わせ */
.fl_ma1{
  background:#f3981d;
}

/* Instagram紫グラデ背景 */
.insta_btn1{
  background:-webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background:linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow:hidden;
}

/* Instagramオレンジグラデ背景 */
.insta_btn1:before{
  content: '';
  position:absolute;
  top:33px;
  left:-20px;
  width:80px;
  height:50px;
  background:-webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background:radial-gradient(#ffdb2c 5%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

/* ボタン内テキスト調整 */
.flowbtn div{
  font-size:11px;
  font-weight:bold;
  letter-spacing:0;
  position:relative;
  bottom:-13px;
}

/* ボタンマウスホバー時 */
.flowbtn:hover{
  -webkit-transform:translateY(-5px);
  -ms-transform:translateY(-5px);
  transform:translateY(-5px);
  text-decoration:none;
}

/* ulタグの内側余白を０にする */
ul.snsbtniti{
  padding:0!important;
}

/* ボタン全体の位置調整 */
.snsbtniti{
  display:flex;
  flex-flow:row wrap;
  justify-content:space-around;
}

/* ボタン同士の余白調整 */
.snsbtniti li{
  flex:0 0 33%;
  text-align:center;
  margin-bottom: 15px;
}



/*topへ戻るボタン*/

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 10px;
  bottom: -50px;
  background: #0000FF;
  opacity: 0.8;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*リンクボタン*/

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*font-size: 62.5%; rem算出をしやすくするために*/
}

.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.btn--orange {
  color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}




/*ハンバーガーメニュー*/

.burger-btn{
  display: block;
  width: 39px;
  height: 39px;
  position: fixed;
  z-index: 3;
  background-color: white;
  border: 1px solid black;;
  top: 15px;
  right: 20px;
}

.bar{
  width: 20px;
  height: 1px;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
}

.bar_top{
  top: 10px;
}

.bar_mid{
  top: 50%;
  transform: translate(-50%,-50%);
}

.bar_bottom{
  bottom: 10px;
}

.burger-btn.close .bar_top{
  transform: translate(-50%,8.5px) rotate(45deg);
  transition: transform .3s;
}
.burger-btn.close .bar_mid{
  opacity: 0;
  transition: opacity .3s;
}
.burger-btn.close .bar_bottom{
  transform: translate(-50%,-8px) rotate(-45deg);
  transition: transform .3s;
}

.noscroll{
  overflow: hidden;
}

.nav-wrapper{
  height: 100vh;
  left: 0;
  position: fixed;
  top: 0;
  transform: translateX(100%);
  transition: transform .3s;
  width: 100vw;
  z-index: 2;
}
.header-nav{
  width: 100%;
  height: 100%;
  background-color:#1B1310;
  z-index: 2;
}
.nav-list{
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
}
.nav-item{
  margin-bottom: 18px;
  padding-bottom: 8px;
  border-bottom: 1px solid white;
}

li.nav-item a {
  color: white;
}

/* メニューオープン時 */
.nav-wrapper.fade {
  visibility: visible;
  opacity: 1;
}

.nav-wrapper.slide-in {
  transform: translateX(0);
}







@media screen and (max-width: 500px){
  /*footer用*/

  .snsbtniti li {
    flex: 0 0 50%;
  }

  .footerRight > div {
    display: block;
  }

  .footerRight > div > div {
    width: 100%;
  }

  .footerRight p {
    margin-bottom: 5px;
  }

  .footerRight > div > div:nth-child(1) p:nth-child(4) {
    margin-bottom: 5px;
  }

}