body { font-family: "Mplus 1p"; }

@media only screen and (max-width: 770px){
	#header{background: #a2dfec;}
}
.show-on-mb{
  display:none;
	margin: 0;
	padding:0;
}

@media screen and (max-width: 770px){
  .show-on-mb{
    display:block;
  }
}

 nav{
    width:100%;
    overflow: hidden;
       }
   nav div{
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
}
   nav ul{
     display: inline-table;
     max-width: 100%;
}
    nav ul li{
    display: table-cell;
			padding: 0 10px;
			
}
/*   ::-webkit-scrollbar{
    display: block;
  }*/
.left-line {
	border-left: solid 1px #a2dfec;
}
.mb-next-btn { /* 右側に固定する部分 */
	position: absolute;
	top: 40px;
	right: 0;
	width: 25px; /* 固定部分の幅 */
	height: 40px; /* メニューの高さに合わせる */
	line-height: 40px;
	background: #a2dfec;
	color: #555;
}
.mb-prev-btn{ /* 左側に固定する部分 */
	position: absolute;
	top: 40px;
left: 0;
	width: 25px; /* 固定部分の幅 */
	height: 40px; /* メニューの高さに合わせる */
	line-height: 40px;
	background: #a2dfec;
	color: #555;
}
.camp-title {
    position: relative;
    margin: 5px 0 15px ; 
}
.flex-yoko {
     display: -webkit-flex;
    display: flex;
	margin-top: 8px;
	}
.img-menu1 {
width: 50%;
	margin-right: 5px;
}
.img-menu2 {
width: 50%;
	margin-left: 5px;
}

#logo_image_mobile img {padding-left:40px; }


#footer_address {
  background-color: #a2dfec;
	color: #000;
}
.text300 {font-size:300%}
.bt_orange { background:#e66d06; color:#fff; }
.bt_orange:hover, .bt_orange:focus { background-color:#ffba75; color:#fff; }

.bt_orginal { background:#d86f7c; color:#fff; }
.bt_orginal:hover, .bt_orginal:focus { background-color:#ffb6c1; color:#fff; }

#nagare, #qanda, #voice,#yoyaku {
   margin-top:-100px;
  padding-top:100px;
}

.wpcf7 {border-radius: 8px;}

.wpcf7 p { margin-bottom:1em; font-size:16px; }
.wpcf7 .required { color: #f00;}

.wpcf7 .any{ color: #72777c;}

@media only screen and (max-width:480px) {
	.sp-maruwaku {
	padding: 5px;
	margin-bottom: 3px;
	border: 1px solid #CCC;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
}
		.b-list{
		width:40%;
	}
}
.border_radius { border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.well2 {border-color: #d22b95;
background: #fdffff;
}

.well-ori1 { min-height:20px; padding:19px; margin-bottom:20px; background-color:#d9edf7; border:1px solid #bce8f1; border-radius:10px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }

.well-ori2 { min-height:20px; padding:19px; margin-bottom:20px; background-color:#f5f5f5; border:1px solid #e3e3e3; border-radius:10px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); box-shadow:inset 0 1px 1px rgba(0,0,0,0.05); }

.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}

.blue_line{background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #cce5ff 0%) repeat scroll 0 0;}

.yellow_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffffbc 0%) repeat scroll 0 0;}

.kakomi-maru4 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 100%;
 border: 2px solid #a2dfec;
 color: #000000;
line-height: 180%;
 background-color: #fff;

 border-radius: 25px;
	 -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.title-maru-rg {
 position: absolute;
 right: 20px;
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color:  #D86F7C;
 background-color: #fff;
}
.title-maru-lf {
 position: absolute;
left: 20px;
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #D86F7C;
 background-color: #fff;
}


#footer_top {background-color:#a2dfec;}
.footer_menu li:first-child a{color: #ffffff;}
.footer_menu li a{color: #ffffff;}

#footer_social_link { position:relative; top:0px; text-align:center; }
#footer_social_link li { display:inline-block; float:none; margin:0 5px 0 0; position:relative; }