a{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
/* スマホでリンクをタップした時の青い四角を非表示*/
}


html{
overflow-y:scroll;/*スクロールバー表示*/
height:auto;
margin:0;
padding:0;
}


body{
height:auto;
margin:0;
padding:0;
font-family: "Meiryo","Hiragino Kaku Gothic ProN","MS PGothic",sans-serif;
}

.container{
position:relative; /*相対位置*/
width:1000px;/*container横幅*/
margin:0 auto; /*container左右中央表示*/
}

#header{
width:1000px;
margin: 0 auto;
margin-bottom:45px;
}


header{
width:300px; /*header横幅*/
margin-left:30px;
}


.logo img{
position:absolute; /*絶対位置*/
width:60px; /*.logo(クラス)内画像横幅*/
height:60px; /*.logo内画像縦幅*/
margin-top:15px; /*画像上側余白*/
}


.logo2 img{
position:relative; /*相対表示*/
width:240px; /*logo2内画像横幅*/
height:90px; /*logo2内画像縦幅*/
margin-left:65px; /*画像左側余白*/
}

.contact{
position:absolute;
width:400px;
margin-left:590px;
}

.sns_logo{
width:30px;
margin-left:auto;
margin-right:0;
margin-right:35px;
margin-top:-10px;
}

.sns_logo img{
width:30px;
height:30px;
}

#header h1 a{
color:#000000; /*header h1内リンクの文字色*/
}

#header h1 a:hover{
color:#000000; /*header h1内リンクにカーソル移動した際の文字色*/
}

a:link{
text-decoration:none; /*リンク下線消去*/
}

/*帯画面領域最大表示*/
#menubg{
width:100%; /*帯横幅(%=画面サイズに合わせて変動)*/
min-width:1000px; /*横幅最小値*/
border-bottom:solid 2px lightgray;
overflow:hidden;
}

#menu ul{
width:950px; /*メニューリスト横幅*/
height:40px;
margin: 0 auto;
display:flex;
justify-content: space-evenly;
}

#menu ul li {
height:30px;
list-style:none; /*メニューリスト先頭表示書式*/
font-size:18px; /*文字サイズ*/
font-weight:bold; /*文字装飾　太字*/
display:flex;
align-items:flex-end;
margin-right:40px;
}

#menu ul li a {
display:block;
color:#000000; /*メニュー文字色黒*/
}

#menu ul li:hover{
border-bottom:dashed 4px rgb(6 76 162);
border-top:dashed 4px white;
margin-top:-4px;
}

#menu ul li a:hover{
color:#000000;/*カーソル移動時の親メニューの文字色　黒*/
}

.menu {
letter-spacing:5px; /*文字間隔*/
}

h2{
width:850px;
height:30px;
margin:0 auto;
margin-top:50px;
margin-bottom:50px;
text-decoration:none;
border-bottom:3px solid;
border-color:rgb(6 76 162);
text-indent:20px;

}

h2:before{
position:absolute;
content:" ";
width:15px;
height:30px;
display:block;
background:rgb(6 76 162);
}

img {
  width: 100%;
}

.slider {
    width: 100%;
    max-width: 576px;
    overflow:hidden;
    margin:0 auto;

}

.thumb-list{
max-width:576px;
width:100%;
margin:auto;
 display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
margin-bottom:20px;
}

.thumb-item{
overflow:hidden;
text-align:left;
margin-top:10px;
margin-bottom:10px;
}

.thumb-item img{
max-width:15%;/*144px*/
height:auto;
margin-right:2px;
margin-top:3px;
margin-left:3px;
box-shadow: 0px 0px 0px 1px lightgray;
}

.thumb-list .thumb-link img:hover {
opacity:0.4;
}

.right{
display:inline;
}

.right img{
margin-right:-3px;
}


.button-position{
position:relative;
}


.swiper-button-next{
margin-right:110px;
position:absolute;
}

.swiper-button-next:after{
content:"" !important;
position:absolute;
height:60px;
width:60px;
border-radius:50%;
margin-top:-410px;
}


.swiper-button-next::after{
background:url(img/actual/next.png) no-repeat center / contain;
background-size:30px;
background-position:20px;
background-color:rgb(6 76 162);
}


.swiper-button-prev{
position:absolute;
margin-left:110px;
}

.swiper-button-prev:after{
content:"" !important;
position:absolute;
height:60px;
width:60px;
border-radius:50%;
margin-top:-410px;
}


.swiper-button-prev::after{
background:url(img/actual/prev.png) no-repeat center / contain;
background-size:30px;
background-position:10px;
background-color:rgb(6 76 162);
}


.f-container{
display:flex;
justify-content:space-between;
width:576px;
height:100px;
margin:0 auto;
margin-bottom:20px;
}

.f-item{
display:flex;
}

.next_ar{
width:120px;
left:0;
margin-left:34px;
margin-right:17px;
}

.next_ar img{
width:100%;
height:100%;
}


.next_ar_p{
width:20px;
padding-top:37px;
margin-left:0px;
font-size:25px;
}


.next_ar img:hover{
opacity:0.4;
}

.top{
position:relative;
width:150px;
height:34px;
font-size:15px;
text-align:center;
margin-top:35px;
margin-left:17px;
margin-right:17px;
border:solid 2px lightgray;
}

.top a{
position:absolute;
display:block;
width:150px;
padding-bottom:5.5px;
padding-top:6px;
color:black;
}

.top:before{
position:absolute;
content:"";
width:138px;
height:23px;
margin-top:4.5px;
margin-left:-70px;
border:solid 1px lightgray;
}

.top:active{
background:rgb(181 190 111);
border-color:gray;
}

.top a:active{
color:white;
}


.f-item a{
color:black;
}

.prev_ar_p{
width:20px;
font-size:25px;
padding-top:37px;
margin-right:0px;
}

.prev_ar{
width:120px;
right:0;
margin-left:17px;
margin-right:37px;
}

.prev_ar img{
width:100%;
height:100%;
}

.prev_ar img:hover{
opacity:0.4;
}

footer{
width:100%;
text-align:center;
background:rgb(6 76 162);
border-top:solid 2px rgb(6 76 162);
color:white;
}