@charset "UTF-8";
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　access　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.kakomi_blue {
max-width:800px;
margin:0 auto;
border:solid 1px #01257e;
padding:0.8em;
}

.kakomi_blue2 {
max-width:1000px;
margin:0 auto;
border:solid 1px #01257e;
padding:0.9em;
}

p.accessmap {
	margin:8px 5px 0 5px;
}

ul {
list-style-type: none;
}

article h2 {
position: relative;
background: #009dca;
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2:before {
font-family: "Font Awesome 5 Free";
  content: '\f84a';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
background: #01257e;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.beach:before {
font-family: "Font Awesome 5 Free";
  content: '\f5ca';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
background: #01257e;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.baggage:before {
font-family: "Font Awesome 5 Free";
  content: '\f0f2';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
background: #01257e;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.kickb {
position: relative;
/*background: #009dca;*/
background: #4f1a77 ;	/* 25.4.17 */
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2.kickb:before {
font-family: "Font Awesome 5 Free";
  content: '\f7ca';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
/*background: #01257e;*/
background: #7e3fae;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.ea {
position: relative;
background: #135f3d;	/* 25.4.17 */
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2.ea:before {
font-family: "Font Awesome 5 Free";
  content: '\f206';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
/*background: #01257e;*/
background: #2c9d6b;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.eb {
position: relative;
background: #13135f;	/* 25.7.4 */
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2.eb:before {
font-family: "Font Awesome 5 Free";
  content: '\f206';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
/*background: #01257e;*/
background: #2c3cd1;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.normal {
position: relative;
background: #1778aa;
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2.normal:before {
font-family: "Font Awesome 5 Free";
  content: '\f84a';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
background: #389ed2;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

article h2.wheelchair {
position: relative;
background: #b04600;	/* 25.4.17 */
padding: 4px 5px 4px 20px;
font-size: 20px;
color: #FFF;
border-radius: 0 10px 10px 0;
margin:30px 0 30px 25px;
}

article h2.wheelchair:before {
font-family: "Font Awesome 5 Free";
  content: '\f193';
display: inline-block;
line-height: 40px; 
position: absolute;
padding: 0em;
color: white;
/*background: #01257e;*/
background: #da5f0f;
font-weight: 900;
width: 40px;
text-align: center;
height: 40px;
line-height: 40px;
left: -1.35em;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 50%;
box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
border-bottom: solid 2px #4967b4;
}

p.service_lead {
	margin:30px 0 20px 20px;
	font-size:90%;
}
.service_nakami {
	margin:30px 0 20px 35px;
}

ol.service_ol {
	margin:30px 0 20px 45px;
list-style-type: decimal;
}


table.bicycle {
	border-top: 1px solid #000099;
	border-right: 1px solid #000099;
	width: 100%;
	border-spacing: 0px;
	margin: 0 auto;
}
table.bicycle th, table.bicycle td {
	border-bottom: 1px solid #000099;
	border-left: 1px solid #000099;
	text-align: center;
	padding: 5px;
	text-align:left;
}
table.bicycle th {
	white-space: nowrap;
	font-weight:normal;
}
a.reserve{color:#009dca;}
a.reserve:hover{color:#022A42;}


.cp_btn {
display: inline-block;
padding: 0.4em 0.8em;
text-align: center;
text-decoration: none;
color: #000099;
border: 2px solid #000099;
border-radius: 3px;
transition: .4s;
}
.cp_btn:hover {
background: #000099;
color: #fff;
}

ul.access {
width:100%;
}
ul.access li {
display:inline;
padding:0.5em;
width:33.3333333%;
}

@media screen and (max-width: 600px) {
ul.access li {
width:100%;
}
}


dl.dl-yoko {
	padding:2em 0;
}
dl.dl-yoko dt {
  clear: left;
  float: left;
  width: 25%;
  font-weight: bold;
	padding:0.8em 0;
}
dl.dl-yoko dd { 
display: block;
width: 75%;
float: left;
	padding:0.8em 0;
}


@media screen and (min-width: 1000px) {
.bicyclewidth {
max-width:400px;
}
}

.slide-item{
  img{
    width: 100%;
  }  
}
#thumbnail-list{
  max-width: 150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}

.thumbnail-item {
  flex: 0 1 50%;
  margin-bottom: 10px;
  box-sizing: border-box;
  position: relative;
padding-right:4px;
}
.thumbnail-item:after {
  content: "";
/*  background-color: rgba(225, 225, 225, 0.4);*/
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: 0.3s opacity linear;
}
.thumbnail-item.thumbnail-current:after {
  opacity: 0;
}
.thumbnail-item img {
  width: 100%;
  margin: 0 auto;
}

p.title_cycle {
	margin:0 0 10px 0;
	font-weight: bold;
	color: #c00;
}
.color_cycle {
	background:#ecf9b1;
}
.color_cycleea {
	background:#c8e158;
}
.color_kickb {
	background:#a4e582;
}
.color_eb {
	background:#82a3e5;
}
.color_bbq {
	background:#fecbcb;
}
.color_bbq2 {
	background:#fcaeae;
}
.color_kurumaisu {
	background:#c5edff;
}

.sns_ln a{
	color:#00ca42;
	font-size:50px;
}
.sns_lnText{
	margin-top:-10px;
	color:#00ca42;
	font-size:0.8em;
}
.sns_lnTextInsta{
	margin-top:-10px;
	color:#7100bb;
	font-size:1.1em;
}
