/* ------------------------------------------------------  基本　----------------------------------------------------- */


.g_koukoku {
    font-size:75%;
    font-weight:lighter;
    color:#0000ff;
}

* {
    box-sizing: border-box;
  }

/*---Firefoxのスクロールバーの有無でセンタリング位置がズレる件を解消用*/ 
html {  
    overflow-y:scroll;  
} 



/*-------------------------bodyの指定*/ 
body{
    margin: 0;
    padding: 0;
    font-family:Verdana, "ＭＳ Ｐゴシック", sans-serif;
    font-size: 100%;
    color:#333;
    text-align:center;
    background: #ffffff;
    line-height: 1.2em;
    word-break: break-all;
    min-width:320px;
}

/* ------   トップナビ  ----- */
.top_navi {
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0px;
  }
  
  .top_navi li {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  
  .top_navi {
    font-size: 110%;
    margin: 10px 0px 15px 0px ;
  }
  .top_navi li {
    margin: 0px 15px 0px 15px ;
  }
  
  
  /* 　　コンテナ　　 */
  #main {
    width: 100%;
    margin: 0px;
    padding: 0px;
    border: 0px solid #3399ff;
  }
  
  /* 　　アイテム　　 */
  article {
    padding: 0px 0px 0px 0px;
    background: #ffffff;
    width: 100%;
    font-size: 105%;
    line-height: 1.8;
    margin:  0px;
    padding: 0px 0% 0px;
    background: #ffffff;
  }
  
  aside {
    padding: 0px 0px 0px 10px;
    width: 100%;
    }

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

  aside li {
	list-style: none;
    border:2px solid #026605;
    border-radius:5pt;
    margin: 3px 3px 3px 3px;
	padding:  0px 2px 0px 2px;


}

  
    /* ------   泉州発！紀伊半島の温泉と釣り  ----- */
  .site_name {
    text-align: center;
    margin-bottom: 10px;
  }

section{
     margin-top:20px;
     margin-bottom:30px;
 }
 
  
/* ------   h1, h2, h3, h4, h5  基本  ----- */
h1, h2, h3, h4, h5 { 
    margin: 0;
    padding: 0; 
    font-size:100%;
}

/* ------    グラデーションカラー　　ダークブルー ----- */   
.color_grad {
    color:#ffffff; background-color: #568bfa; 
 border-color: #26759e;
}

h1 {
    border: 1px solid #26759e;
    font-size: 150%;
    line-height: 0.9em;
    font-family: HGS創英角ﾎﾟｯﾌﾟ体;
    color: #FFFFFF;
    text-align: center;
    text-shadow: -2px -2px #555;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
  }
  
  
  h2 {
    box-sizing: border-box;
    width: 100%;
    padding-left: 10px;
    font-size: 130%;
    color: #ffffff;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #41bcfd;
    border-bottom: 5px solid;
    text-shadow:1px 1px 0 #0000ff,-1px 1px 0 #0000ff,1px -1px 0 #0000ff,-1px -1px 0 #0000ff;
  }
  
  h2+div,
  h3+div {
    padding: 0px 20px 0px 20px;
  }

  h3 {
    width: 60%;
    padding-left: 0px;
    font-size: 115%;
    color: #0000ff;
    margin-top: 20px;
    margin-bottom: 20px;
    border-left: 10px solid #0000ff;
    border-bottom: 3px solid #0000ff;
    border-image: linear-gradient(to right, #0000ff, #FFFFFF) 1;
  }
  
/* ------   ul　flex  基本  ----- */
ul {
    display:   flex;
    flex-flow: row;
    flex-wrap: wrap;
    width:100%;
    justify-content: center;
    align-items: center;
    padding: 0px;   /* ------  0にしないと中央にこない    ----- */
}

li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ------   a  基本  ----- */
a{
text-decoration:none;
    color:#0000ff;
}


/* ------   img  基本  ----- */
img {
    width: 100%;
    height: auto;
    display: block;
}



/* ------------------------- pスタイル */
p {
    width: 100%;
    font-size:100%;
    color:#555555;
}



/* -------------- 透明hr  行間用 */
hr {
border: 0px transparent solid;
background-color: transparent;
}

/*--メニュー見出しボックス分--*/
.hr_s {
border: 0px transparent solid;
background-color: transparent;
    height:15px;
}


/* ------行間隔-------- */
.hr_set20 {
   border: 0px transparent solid;
   background-color: transparent;
   height:0px;
}

.hr_set30 {
   border: 0px transparent solid;
   background-color: transparent;
   height:15px;
}

.hr_set50 {
   border: 0px transparent solid;
   background-color: transparent;
   height:20px;
}


 /* 　　Flex ボックスではない　　 */
footer {
   display: block;
   margin: 0px;
   padding-top:40px;
   padding-bottom:10px;
   align-items: center;
   justify-content: center;
   min-height: 50px;
   border-top: 3px solid #cccccc;
   border-radius: 0pt;
   background: #ffffff;
   }


/*-------------　地域メニュー　------------*/
.tiikimenu {
    display:  flex;
    margin-bottom:20px;
}

.tiikimenu li {
    font-size:120%;
    border:2px solid #6e6e6e;
    border-radius:5pt;
    margin: 3px 3px 3px 3px;
  padding:  0px 2px 0px 2px;
  
}

/*--------紀伊半島の波止の枠---------*/

div.turibatop {
    display: flex;
    width: 95%;
    min-height: 50px; 
    font-size: 100%;
    box-sizing: border-box;
    border: 1px solid gray;
    border-radius:10pt;
    margin: 0 auto;
}

.turibatop1,.turibatop2,.turibatop3,.turibatop4,.turibatop5 {
    display: flex;
        color:#ffffff;
    background-color:#0000FF;

    margin:0px;
    min-height: 50px; 
    padding: 0px;
    border: 1px solid gray;
    align-items: center;
    justify-content: center;
    font-family:HGｺﾞｼｯｸE;
    font-size:110%;
}

.turibatop1 {
    flex:1 1 35%;
    border-radius:  10px 0px 0px 10px;}
.turibatop2 {
    flex:1 1 15%;
}
.turibatop3 {
    flex:1 1 20%;
}
.turibatop4 {
    flex:1 1 30%;
    border-radius:  0px 10px 10px 0px;
}

/*--------------turiba ---------*/

div.turiba {
    display: flex;
    width: 95%;
    min-height: 80px; 
    font-size: 100%;
    box-sizing: border-box;
    border: 1px solid gray;
    border-radius:10pt;
    margin: 0 auto;
}

.turiba1,.turiba2,.turiba3,.turiba4,.turiba5 {
    display: flex;
    background-color:#f4f4f4;
    margin:0px;
    min-height: 80px; 
    padding: 0px;
    border: 1px solid gray;
    align-items: center;
justify-content: center;
color:#333;
    }


.turiba1 {
    flex:1 1 35%;
    border-radius:  10px 0px 0px 10px;}
.turiba2 {
    flex:1 1 15%;
    flex-direction:column;
}
.turiba3 {
    flex:1 1 20%;
}
.turiba4 {
    flex:1 1 30%;
    border-radius:  0px 10px 10px 0px;
    padding:10px 10px 10px 10px;
}


/*--------------　地図　-----------*/

.turiba_map {
    color:#1E90FF;
    font-size:120%;
    margin-top:10px;
}