/*!
 * Start Bootstrap - The Big Picture (https://startbootstrap.com/template-overviews/the-big-picture)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-the-big-picture/blob/master/LICENSE)
 */
html {
    font-size: 62.5%;
}
body{
	-webkit-appearance: none !important;
-webkit-text-size-adjust: 100% !important;
}

.mod__flex.-just_between {
    /* -webkit-box-pack: justify; */
    -webkit-justify-content: flex-start;
    /* justify-content: space-between; */
}
.row::before, .row::after {
  display: none;
}
a {
	color:#000000;
	outline: none;
	text-decoration: none;
	font-size:1.6rem;
}
.black a{
	font-size:80% !important;
}

.topimg{
	width:100%;
	height:auto;
}
.latest_article h2{
	padding: 10px;
	font-size:1.8rem;
    border-bottom: 1px solid #063C87;
    border-left: 10px solid #063C87;
    margin-bottom: 25px;
	margin-top:45px;
	font-weight:bold;
}
.current{
	font-size:2rem;
}
.rounded {
    border-radius: 0rem!important; 
}
.hobie_img{
	width:100%;
}
.hobie_img_fast{
	width:100%;
	margin-top:35px;
}
.hobie_jbf{
	margin-top:25px;
	margin-bottom:45px;
}
.text_inner{
	position: absolute;
	bottom: 0px;
}

.text_inner p{
	margin-bottom: 0px;
}
.text_inner p{
	font-size:1.6rem;
}
.text_inner h3{
	font-weight:bold;
	margin-bottom:0.7em;
}
.jbf_text{
	margin-top:10%;
}
.jbf_text p{
	font-size:1.6rem;
}
.jbf_text h3{
	font-weight:bold;
	margin-bottom:0.7em;
}
.JBF_img{
	max-width:95%;
	height:auto;
	margin-bottom:5px;
}
_:lang(x)+_:-webkit-full-screen-document, .JBF_img{
	max-width:95%;
	height:auto;
}
.mirage_img{
	max-width:95%;
	height:auto;
	margin-top:0px;
	margin-bottom:5px;
}
_:lang(x)+_:-webkit-full-screen-document, .mirage_img{
	max-width:95%;
	height:auto;
}
.mirage_text{
	margin-top:10%;
}
.mirage_text p{
	font-size:1.6rem;
}
.mirage_text h3{
	font-weight:bold;
}
.solt_img{
	max-width:95%;
	height:auto;
	margin-top:0px;
	margin-bottom:5px;
}
_:lang(x)+_:-webkit-full-screen-document, .solt_img{
	max-width:95%;
	height:auto;
}
.solt_text{
	margin-top:13%;
}
.solt_text p{
	font-size:16px;
}
.solt_text h3{
	font-weight:bold;
}
.lake_text{
	margin-top:16%;
}
.lake_text p{
	font-size:1.6rem;
}
.lake_text h3{
	font-weight:bold;
}
.intro h4{
	margin-top:10px;
	margin-bottom:0px;
}
.intro p{
	margin-bottom:0px;
}
.intro_text p{
	margin-bottom:0px;
}
.area_overview h2{
	padding: 10px;
	padding-top:0px;
	color:#063C87;
    border-bottom: 1px solid #063C87;
	margin-bottom: 20px;
	margin-top:45px;
	font-weight:bold;
	font-size:3.6rem;
		
}
.area_overview-2 h2{
	padding: 10px;
	padding-top:0px;
	color:#063C87;
    border-bottom: 1px solid #063C87;
	margin-bottom: 20px;
	margin-top:45px;
	font-weight:bold;
	font-size:3.6rem;
		
}
.hobie_recommend h2{
	padding: 10px;
	color:#063C87;
    border-bottom: 1px solid #063C87;
	margin-bottom: 25px;
	font-weight:bold;
	font-size:3.6rem;
}
.hobie_link{
 color: #0000EE;
 text-decoration: underline;
}
.video{
	margin-top:90px;
}
.footer{
	margin-bottom:50px;
}
.footer p{
	color:#063C87;
	font-size:1.6rem;
	font-weight:bold;
	width:100%;
	margin-bottom:0px;
}
.footer_logo {
	width:20%;
	margin-top:45px;
	margin-bottom:35px;
}
.text_right p{
	text-align:right;
	padding-right:13px;
}
@media screen and (max-width: 767px){
p{
    font-size: 12px;
    font-size: 1.2rem !important;
}
	h3{
		font-size: 17px;
    	font-size: 1.7rem !important;
	}
	
}
@media screen and (min-width: 1024px) {
    .mod__post__item {
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
.wp-pagenavi{
		margin-top:15px !important;
	}
.mod__post__item{
	margin:1px;
	padding:1px;
}
a {
	color:#000000;
	outline: none;
	text-decoration: none;
	font-size:1.2rem;
}
.latest_article h2{
	padding: 10px;
	font-size:1.8rem;
    border-bottom: 1px solid #063C87;
    border-left: 10px solid #063C87;
    margin-bottom: 25px;
	margin-top:5px;
	font-weight:bold;
}
	.area_overview h2{
		padding: 10px;
		padding-left:0px;
		color:#063C87;
		border-bottom: 1px solid #063C87;
		margin-bottom: 5px;
		margin-top:10px;
		font-weight:bold;
		font-size:2.0rem;	
	}
	.jbf_text{
		margin-top:0px;
	}
	
	.jbf_text p{
		font-size:1.4rem;
	}
	.jbf_text h3{
		font-weight:bold;
		margin-top:10px;
		font-size:1.5em;
	}
	.JBF_img{
		max-width:100%;
		height:auto;
		margin-top:15px;
	}
.lake_text{
	margin-top:0%;
}
	.lake_text h3{
		margin-top:10px;
		font-size:1.5em;
	}
	.hobie_img_fast{
	width:100%;
	margin-top:20px;
	}
	.hobie_img{
	width:100%;
	margin-top:20px;
	}

	.intro p{
	margin-bottom:0px;
	font-size:1.2rem;
	}
	.footer_logo {
		width:40%;
		margin-top:35px;
		margin-bottom:35px;
	}
	.footer p{
	color:#063C87;
	font-size:1.2rem;
	font-weight:bold;
	width:100%;
	margin-bottom:0px;
	}
	.latest_article h2{
		margin-top:0px;
	}
	.key-text p{
		margin-top:10px;
		margin-bottom:0px;
		
	}
}

.post_contents{
	padding-top:0.5em;
	padding-left:0.5em;
	padding-right:0.5em;
	width : calc(100% / 3) ;
	box-shadow:none !important;
}
.fish_Laboratory_banner_sp {
	margin-bottom:0.5em;
}
.top_contents_kayak{
	border: dashed 3px #eee;/*点線*/
	padding:1em;
	
}
.page-title{
	
  text-align: center;
}
.banner_contents{
	padding:0.5em;
	/*border: solid 2px #eee;*/
}
.top_img{
	max-width: 60% !important;
	max-height: 60% !important;
	margin:auto;
    }
.wp-pagenavi {
	clear: both;
	text-align:center;
	width:100%;
 	margin:0 auto;
	
}

.wp-pagenavi a, .wp-pagenavi span {
	color: #B8DFF7;
	background-color: #FFFFFF;
	padding: 8px 15px;
	margin: 0 2px;
	white-space: nowrap;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	text-align: center;
	text-decoration: none;
	border: medium dotted #B8DFF7 ;
}
.wp-pagenavi a:hover{
	color: #fff;
	background-color: #B8DFF7;
    }
.wp-pagenavi span.current{
	color: #fff;
	background-color: #B8DFF7;
    }
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #B8DFF7;
}
.post_title{
	font-size:22px;
}
.rogowidth{
	width: 310px;
}
.thumbnail_size{
	width:100%;
}
.float-right p{
    margin-top: 3vw;
	font-size:24px;
	color:#F30;
}
.content{
	background-color:#FFFEF8 ;
}
.container{
	background-color:#fff;
}
.head-rogo{
	margin-left:20px;
}
.simutationbtn{
	background-color:#F6F6F6;
}
.ItemSlider__set__picture {
    position: relative;
}
.text{
	padding-bottom:20px
}
.thumb{
	margin-left:10px!important;
}
.triangle{
  margin-top:3vw;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #ED490D;
}
.ItemSlider__set__picture a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}
.key {/*親div*/
  position: relative;/*相対配置*/
  }

.key p {
    position: absolute;
    color: white;
    top: 93%;
    right: 1%;
    font-size: 25px !important;
  }

.key a{
    font-size: 25px !important;
  }

.key-text{
	    text-align: center;
    margin-top: 15px;
    margin-bottom: 0px;
}