.title_green {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_green.png);
	background-size: cover;
}
.title_yellow {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_yellow.png);
	background-size: cover;
}
.title_blue {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_blue.png);
	background-size: cover;
}
.title_green img, .title_yellow img, .title_blue img {
	position: absolute;
	width: 60%;
	max-width: 356px;
	top: 10%;
	left: 5%;
}
.uint_float_3course {
	margin: 2% 0 7% 0;
}

.uint_float_5course {
	margin: 2% 0 7% 0;
}

.touring_float {
	margin: 2% 0;
	text-align: center;
	width: 100%;
}
.pc {
	display: none !important;
}
.sp {
	display: block !important; 
}
.touring_float_right {
	margin: 2% 0;
	text-align: center;
	width: 100%;
}

.touring_float img{
	text-align: center;
	width: 100%;
}

.touring_float_right img{
	text-align: center;
	width: 100%;
}

._blank {
	clear: both;
}

/* アコーディオン パネル */
.contenedor {
  display: table;
  margin: -20px 0 20px -10px;
  position: relative;
}

.expand {
  width: 99%;
  padding: 15px 10px;
  max-height: 60px;
  overflow: hidden;
  position: relative;
  transition: .7s;
}

.expand::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    transition: .5s;
}

.contenedor input {
  visibility: hidden;
}

.contenedor label {
  position: absolute;
  bottom: -2em;
  display: block;
  font-size: .9em;
  padding: .20em 5px;
  right: 0;
	color: #0000ff;
  z-index:999;
  cursor: pointer;
}

.contenedor label:before {
  content: "･･･続きを読む";
}

.contenedor label:hover {
  text-decoration: underline;
}

.contenedor input:checked + label:before {
  content: "元に戻す";
}

.contenedor input:checked + label:hover {
  text-decoration: underline;
}

input[type=checkbox]:checked ~ .expand {
 max-height: 100%; /* ウインドウの高さ */
}

input[type=checkbox]:checked ~ .expand:before {
 opacity: 0
}

.right{
	float: right;
}
.balloon p {
	margin:0;
	padding:0;
}
.balloon {
	margin-bottom:20px;
	position:relative;
}
.balloon.right-box {
	padding-right:130px;
}
.balloon.left-box {
	padding-left:100px;
}
.balloon .balloonbox {
	width:100%;
}
.balloon .balloonbox .txt {
	font-size:14px; /* 吹き出し内のフォントサイズ */
	text-align: left;
	line-height:1.8em;
	padding:10px 0;
}

.balloon .balloonbox .balloon-right,
.balloon .balloonbox .balloon-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	color: #000;
	text-align: center;
	background: #fff;
	z-index: 0;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	text-aline:left;
	border-radius:10px;
	min-height:100px;
}
.balloon .balloonbox .balloon-left {
	width:80%;
}
.balloon .balloonbox .balloon-right:before {
	content: "";
	position: absolute;
	top: 50px;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
.balloon .balloonbox .balloon-right:after {
	content: "";
	position: absolute;
	top: 50px;
	right: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 9px 9px;
	border-color: transparent transparent transparent #D8D8D8;
	z-index: -1;
}

.balloon .balloonbox .balloon-left:before {
	content: "";
	position: absolute;
	top: 40px; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.balloon .balloonbox .balloon-left:after {
	content: "";
	position: absolute;
	top: 40px; left: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 9px 9px 0;
	border-color: transparent #D8D8D8 transparent transparent;
	z-index: -1;
}
.balloon.right-box .img {
	width:80px;
	top:10px;
	right:0;
			position:absolute;
		}
.balloon.left-box .img {
	width:80px;
	top:10px;
	left:0;
	position:absolute;
}
.balloon .img img {
	border-radius:50%;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	width:100%;
}
.balloon5 {
	width: 100%;
	margin: 1.5em 0;
	overflow: hidden;
}

.balloon5 .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
}

.balloon5 .faceicon img{
	width: 100%;
	height: auto;
	border: solid 3px #d7ebfe;
	border-radius: 50%;
}

.balloon5 .chatting {
	width: 100%;
}
/* アコーディオン パネル end */

.says {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 105px;
	padding: 17px 13px;
	border-radius: 12px;
	background: #d7ebfe;
}

.says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}

.says p {
	margin: 0;
	padding: 0;
}

/* カレンダー */
.contents .cont_calenderbox1 {
	min-height: 215px;
  width: 100%;
  float: left;
	margin-right: 1%;
  text-align: center;
  margin-bottom: 1em;
}
.contents .cont_calenderbox3 {
	height: 215px;
  width: 49%;
  float: left;
	margin-right: 1%;
  text-align: center;
  margin-bottom: 1em;
}
/*
.contents .cont_calenderbox:nth-child(odd) {
  margin-right: 2%;
  clear: left;
}
*/
.tit img {
	max-width: 30px;
}
.month {
	font-size: 150%;
}
.contents .cont_calenderbox1 span.tit {
	margin: 0 0 -2% 0;
	border-radius: 10px 10px 10px 10px;
	border: solid 2px #cccccc;
  background: #c1deee;
	color: #333333;
  font-weight: bold;
  display: block;
  padding: 0.2em;
}
.contents .cont_calenderbox3 span.tit {
	margin: 0 0 -5% 0;
	border-radius: 8px 8px 8px 8px;
	border: solid 1px #cccccc;
  background: #c1deee;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
  display: block;
	padding: 1% 0 1% 0;
}
.contents .cont_calender_tbl {
  width: 100%;
  text-align: center;
  border-collapse: separate;
}
.contents .cont_calender_tbl td {
  background: #EBEBEB;
}
.contents .cont_calender_tbl th.cont_week {
  font-weight: bold;
	border: solid 1px #cccccc;
}
.contents .cont_calender_tbl th.sat {
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl th.hol {
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_sat {
  background: #FDD3EB;
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_hol {
  background: #FDD3EB;
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_noday {
  background: #FFFFFF;
}
.contents .cont_calender_tbl td.cont_syuku {
  background: #FDD3EB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.sat {
	color: #4B9EEB;
	font-weight: bold
}
.contents .cont_calender_tbl td.hol {
	color: #F40751;
	font-weight: bold;
}
.contents .cont_calender_tbl td.cont_blue {
  background: #B1D9FA;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_pink {
  background: #FDD3EB;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_yellow {
  background: #FBE887;
  font-weight: none;
}
/* カレンダー end */


.aside_box-caution {
 	height: 25px;
	padding: 3% 0 2% 0;
	border:1px solid #ccc;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
}

.aside_box-caution img{
	width: 25px;
}

@media only screen and (min-width: 641px) {

.title_green {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_green.png);
	background-size: cover;
}
.title_yellow {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_yellow.png);
	background-size: cover;
}
.title_blue {
	position: relative;
	height: 0;
	padding-top: 9.43%;
	background-image: url(/resources/img/trip/drawari/2018_touring/bnr_bg_blue.png);
	background-size: cover;
}
.title_green img, .title_yellow img, .title_blue img {
	position: absolute;
	width: 60%;
	max-width: 356px;
	top: 12%;
	left: 4%;
}

.uint_float_3course {
	margin: 1% 0 36% 0;
}

.uint_float_5course {
	margin: 1% 0 20% 0;
}

.unit_2column {
	width: 100%;
	clear: both;
}

.unit_1column {
	width: 100%;
	clear: both;
}

.touring_float {
	margin: 1% 4%;
	width: 42%;
	float: left;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important; 
}
.touring_float_right {
	margin: -1% 4% 2% 4%;
	width: 42%;
	float: right;
}

.touring_float img{
	text-align: center;
	width: 100%;
}

.touring_float_right img{
	text-align: right;
	width: 100%;
}

._blank {
	clear: both;
}

/* アコーディオン パネル */
.contenedor {
  display: table;
  margin: -20px 0 20px -10px;
  position: relative;
}

.expand {
  width: 99%;
  padding: 15px 10px;
  max-height: 325px;
  overflow: hidden;
  position: relative;
  transition: .7s;
}

.expand::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 25%;
    bottom: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
    pointer-events: none;
    transition: .5s;
}

.contenedor input {
  visibility: hidden;
}

.contenedor label {
  position: absolute;
  bottom: -2em;
  display: block;
  font-size: .9em;
  padding: .20em 5px;
  right: 0;
	color: #0000ff;
  z-index:999;
  cursor: pointer;
}

.contenedor label:before {
  content: "･･･続きを読む";
}

.contenedor label:hover {
  text-decoration: underline;
}

.contenedor input:checked + label:before {
  content: "元に戻す";
}

.contenedor input:checked + label:hover {
  text-decoration: underline;
}

input[type=checkbox]:checked ~ .expand {
 max-height: 100%; /* ウインドウの高さ */
}

input[type=checkbox]:checked ~ .expand:before {
 opacity: 0
}

.right{
	float: right;
}
.balloon p {
	margin:0;
	padding:0;
}
.balloon {
	margin-bottom:20px;
	position:relative;
}
.balloon.right-box {
	padding-right:130px;
}
.balloon.left-box {
	padding-left:100px;
}
.balloon .balloonbox {
	width:100%;
}
.balloon .balloonbox .txt {
	font-size:14px; /* 吹き出し内のフォントサイズ */
	text-align: left;
	line-height:1.8em;
	padding:10px 0;
}

.balloon .balloonbox .balloon-right,
.balloon .balloonbox .balloon-left {
	position: relative;
	display: inline-block;
	padding: 0 15px;
	width: 100%;
	color: #000;
	text-align: center;
	background: #fff;
	z-index: 0;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	text-aline:left;
	border-radius:10px;
	min-height:100px;
	z-index: -1;
}
.balloon .balloonbox .balloon-left {
	width:80%;
}
.balloon .balloonbox .balloon-right:before {
	content: "";
	position: absolute;
	top: 50px;
	right: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 0 9px 9px;
	border-color: transparent transparent transparent #fff;
	z-index: 0;
}
	.balloon .balloonbox .balloon-right:after {
	content: "";
	position: absolute;
	top: 50px;
	right: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 9px 9px;
	border-color: transparent transparent transparent #D8D8D8;
	z-index: -1;
}
.balloon .balloonbox .balloon-left:before {
	content: "";
	position: absolute;
	top: 40px; left: -8px;
	margin-top: -9px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 9px 0;
	border-color: transparent #fff transparent transparent;
	z-index: 0;
}
.balloon .balloonbox .balloon-left:after {
	content: "";
	position: absolute;
	top: 40px; left: -9px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 9px 9px 0;
	border-color: transparent #D8D8D8 transparent transparent;
	z-index: -1;
}

.balloon.right-box .img {
	width:80px;
	top:10px;
	right:0;
	position:absolute;
}
.balloon.left-box .img {
	width:80px;
	top:10px;
	left:0;
	position:absolute;
}
.balloon .img img {
	border-radius:50%;
	box-shadow: 3px 1px 3px rgba(255, 255, 255, 0.2) inset, 3px 1px 2px rgba(0, 0, 0, 0.05);
	border:1px solid #D8D8D8;
	width:100%;
}
.balloon5 {
  width: 100%;
  margin: 1.5em 0;
	overflow: hidden;
}

.balloon5 .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
}

.balloon5 .faceicon img{
	width: 100%;
	height: auto;
	border: solid 3px #d7ebfe;
	border-radius: 50%;
}

.balloon5 .chatting {
	width: 100%;
}
/* アコーディオン パネル end */

.says {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 105px;
	padding: 17px 13px;
	border-radius: 12px;
	background: #d7ebfe;
}

.says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
}

.says p {
	margin: 0;
	padding: 0;
}


/* カレンダーの設定 */
.contents .cont_calenderbox1 {
	min-height: 215px;
  width: 100%;
  float: left;
	margin-right: 1%;
	font-size: 16px;
  text-align: center;
  margin-bottom: 1em;
}
.contents .cont_calenderbox3 {
	height: 215px;
  width: 32%;
  float: left;
	margin-right: 1%;
	font-size: 14px;
  text-align: center;
  margin-bottom: 1em;
}

/*
.contents .cont_calenderbox:nth-child(odd) {
  margin-right: 2%;
  clear: left;
}
*/
.tit img {
	max-width: 40px;
}
.month {
	font-size: 150%;
}
.contents .cont_calenderbox1 span.tit {
	margin: 0 0 -2% 0;
	border-radius: 10px 10px 10px 10px;
	border: solid 2px #cccccc;
  background: #c1deee;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
  display: block;
  padding: 0.2em;
}
.contents .cont_calenderbox3 span.tit {
	margin: 0 0 -7% 0;
	border-radius: 8px 8px 8px 8px;
	border: solid 1px #cccccc;
  background: #c1deee;
	color: #333333;
	font-size: 100%;
	font-weight: bold;
  display: block;
  padding: -1% 0 0 0;
}
.contents .cont_calender_tbl {
  width: 100%;
  text-align: center;
  border-collapse: separate;
}
.contents .cont_calender_tbl td {
  background: #EBEBEB;
}
.contents .cont_calender_tbl th.cont_week {
  font-weight: bold;
	border: solid 1px #cccccc;
}
.contents .cont_calender_tbl th.sat {
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl th.hol {
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_sat {
  background: #FDD3EB;
  color: #4B9EEB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_hol {
  background: #FDD3EB;
  color: #F40751;
  font-weight: bold;
}
.contents .cont_calender_tbl td.cont_noday {
  background: #FFFFFF;
}
.contents .cont_calender_tbl td.cont_syuku {
  background: #FDD3EB;
  font-weight: bold;
}
.contents .cont_calender_tbl td.sat {
	color: #4B9EEB;
	font-weight: bold
}
.contents .cont_calender_tbl td.hol {
	color: #F40751;
	font-weight: bold;
}
.contents .cont_calender_tbl td.cont_blue {
  background: #B1D9FA;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_pink {
  background: #FDD3EB;
  font-weight: none;
}
.contents .cont_calender_tbl td.cont_yellow {
  background: #FBE887;
  font-weight: none;
}
/* カレンダーの設定 end */

/* 一関 */

.bike_rogo {
	flaot: left;
}
.bike_rogo img {
	max-width: 40%;
}
.bike_rogo_text {
	width: 50%;
	flaot: left;
}

.aside_box-caution {
	height: 50px;
	padding: 3% 0 0 0;
	border:1px solid #ccc;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.aside_box-caution img{
	width: 40px;
	vertical-align: middle;
}

}