/*  * {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}*/

.fixed {
  position: fixed;
  top: 0px;
  left: 0;
  width: 100%;
  z-index: 10;
}
#menu {
  text-align: center;
 /* background-color: #555;
  color: #fff;
  height: 50px;
  line-height: 50px;*/
}


.nav-wrap {
  position: relative;
    margin-top:0px;
}

.scroll-nav {
  width: 100%;
  background: linear-gradient(135deg, #d3eee0, #b9e2f2);/* メニューの背景色#2B4162 */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
   max-width: 1200px; /*メニューの最大幅 */
   min-width: 1200px; /*メニューの最小幅 */
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  list-style: none;
	font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	padding-left: 30px;
  padding-right: 10px; /* 右側の固定分余白を空ける */
}
.scroll-nav ul li {
  float: left;
  width: 100px; /* メニューの個別の幅 */
    letter-spacing: -1px;
  text-align: center;
}
.scroll-nav ul li:hover {
  background: #fff; /* マウスホバー時の背景色 #5C95C7*/
		transition-duration: 0.5s;
}
.scroll-nav ul li a {
  display: inline-block;
  color: #000; /* メニューの文字色 */
  text-decoration: none;
	padding: 15px 0 10px 0;
	line-height: 1.8em;
	font-size: 12px;
}

.scroll-nav ul li a i{
			font-size:180%;
		}










.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  left: 0;
  width: 25px; /* 固定部分の幅 */
  height: 40px; /* メニューの高さに合わせる */
  line-height: 0px;
  color: #fff;
}
@media only screen and (min-width: 1101px) { /* PCサイズでの指定 */
.scroll-nav ul {
  padding: 0 0 0 100px;
}
.scroll-nav ul li {
  width: 100px; /* メニューの個別の幅 */
}
	
	.scroll-nav2 ul {
  padding: 0 0 0 100px;
}
.scroll-nav2 ul li {
  width: 70px; /* メニューの個別の幅 */
}
	
		.scroll-nav3 ul {
  padding: 0 0 0 100px;
}
.scroll-nav3 ul li {
  width: 70px; /* メニューの個別の幅 */
}
	
.next-btn {
  display: none; /* 右側の固定部分を非表示 */
}
}

@media only screen and (max-width: 1100px) { /* スマホでの指定 */
.scroll-nav ul {
  padding: 0px 0 0 10px;
}
.scroll-nav ul li {
  width: 100px; /* メニューの個別の幅 */
}
	
	.scroll-nav2 ul {
  padding: 0px 0 0 40px;
}
.scroll-nav2 ul li {
  width: 68px; /* メニューの個別の幅 */
}
	
		.scroll-nav3 ul {
  padding: 0px 0 0 40px;
}
.scroll-nav3 ul li {
  width: 68px; /* メニューの個別の幅 */
}
	
.next-btn { /* 右側に固定する部分 */
  position: absolute;
  top: 0;
  right: 0;
  width: 30px; /* 固定部分の幅 */
  height: 72px; /* メニューの高さに合わせる */
  line-height: 40px;
	padding-top:15px;
 background: #0B7983;
	opacity: 0.8;
  color: #fff;
}
}





/*
@media all and (min-width: 1101px) {
.nav-horizontal{
    display: none;
}
}

@media all and (max-width: 1100px) {
		body{
			font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
			margin:0;
			padding:0;
		}
		.nav-horizontal{
			width:100%;
            text-align: center;
			overflow: hidden;
			background:rgba(34, 49, 52, 1.0);
		}
		.mask {
            width: 100%;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
        }
		.list{
			display: inline-table;
            max-width: 100%;
			text-align: center;
			margin:0;
			padding:0;
		}
		.list li{
			display: table-cell;
			white-space: nowrap;
			font-size: 80%;
			line-height: 1.6;
		}
		.list li a{
			text-decoration: none;
			color:#fff;
			padding:1.4em 1.4em;
			display: block;
		}
		::-webkit-scrollbar{
			display: none;
		}
		.list li a i{
			font-size:150%;
		}
}*/


@media screen and (min-width: 768px) {
  .title_mtop {
    display: none;
  }
  .title_top {
    float: left;
    width: 100%;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
    border-top: 0.1px solid #000000;
    border-bottom: 0.1px solid #000000;
    text-align: center;
    font: 14px YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #000000;
      background-color: #04081B;
    line-height: 1.8em;
    max-height: 100%;
  }
}
@media screen and (max-width: 767px) {
  .title_top {
    display: none;
  }
  /*.title-top-note {display:none;
}*/
  .title_mtop {
    float: left;
    width: 100%;
    padding: 0px 0% 0px 0%;
    margin: 0px 0% 0px 0%;
    text-align: center;
    font: 14px YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    color: #000000;
    line-height: 1.8em;
  }
}