.nav-wrap {
  position: relative;
}
.scroll-nav {
  width: 100%;
  background: #73e600; /* メニューの背景色 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
  max-width: 1060px; /* メニューの最大幅 */
  min-width: 770px; /* メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
  padding-right: 25px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: 16.00%; /* メニューの個別の幅 */
  text-align: center;
}
.scroll-nav ul li:hover {
  background: #ffa500; /* マウスホバー時の背景色 */
}
.scroll-nav ul li a {
  display: inline-block;
  color: #FFFFFF; /* メニューの文字色 */
  text-decoration: none;
  font-weight:bold;
}
.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  right: 0;
  width: 25px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 40px;
  background: #73e600;
  color: #555;
}
.scroll-nav ul li {
  border-left: 2px solid #fff;
    border-right: 2px solid #fff;
  box-sizing: border-box;
}
.scroll-nav ul li + li {
    border-left: none;
}


.pr{
font-size:80%;
margin-top:3px;
margin-bottom:5px;
text-decoration:underline;
}




/*prof用*/

.body{
margin:0;
}

.main{
    margin-top:5px;
    max-width:100%;
}

.area{
    margin:auto;
    width:100%;
}



.head{
    margin:auto;
    width:380px;
    max-width: 100%;
    height: auto;

width:95%;
font-size:100%;
text-align:center;
font-weight:bold;
border:solid 1% #73e600;
}




#JS{
width:100%;
margin:auto;
}

.base{
display: flex;
flex-direction: column-reverse;
align-items:center;
}


.big{
    width:365px;
    height:auto;
    max-width:100%;
    text-align:center;
    margin-top:15px;
}
.big1{
    width:365px;
    height:auto;
    max-width:100%;
    text-align:center;
    margin:auto;
}




.prof{
    width:85%;
    max-width: 100%;
    height: auto;
float:none;
border:solid 1% #73e600;
line-height:18px;
border-radius:10px;/*丸み*/
font-size:90%;
margin-top:5px;
padding:5%;
}


h1{
font-size:150%;
color:ffa500;
font-weight:600;
}


.base{
    max-width: 100%;
    height: auto;
}
.base1{
    max-width:100%;
    height:auto;
    margin:auto;
}


@media screen and (max-width: 767px) and (orientation:landscape){

main{
width:100%;
height:auto;
}

.area{
width:100%;
height:auto;
}

/*頭文*/
.head{
width:95%;
font-size:100%;
text-align:center;/*文字・アイコン中心揃え*/
border-radius:10px;/*丸み*/
border:solid 2px #73e600;/*囲み*/
margin:auto;
font-weight:bold;
}


.icon{
max-width:80%;
height:auto;
margin:auto;
}


#JS{
width:95%;
margin:auto;
}

.base{
flex-direction: row;
display:table;
width:100%;
height:auto;
}
.base1{
width:100%;
height:auto;
}


.big{
width:60%;
padding:5px;
margin-top:15px;
margin-bottom:25px;
}
.big1{
width:60%;
padding:5px;
}

.prof{
width:34%;
border:solid 2px #73e600;
line-height:15px;
float:right;
margin-top:10px;
border-radius:10px;/*丸み*/
padding:1.5%;
font-size:70%
}

h1{
font-size:200%;
color:#ffa500;
font-weight:600;
}

.title{
font-size:110%;
font-weight:600;
text-decoration:underline;
}

.pr{
display:none !important;
}
/*ボタンデザイン*/
.btn-img{
  display: inline-block;
  padding: 0em 0em;
  text-decoration: none;
  background: #FFF;/*ボタン色*/
  color: #000;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
  border-radius: 3px;
  width:fit-content;
  height:fit-content;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: (0,0,0,0);
}

.btn-img:active{  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(2px);/*下に動く*/
  
  color:#ffc000;
}

.btn-img:hover{
	background-color:orange;
	color:#fff;
	border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-left: solid 4px transparent;
  border-right: solid 4px transparent;
}