/* アコーディオン（Q&A） */

	/*ボックス全体*/
.accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}
	/*ラベル*/
.accbox label {
    display: block;
    margin: 1px 0;
    padding : 0.5px 0;
    color :#0066cc;
    cursor :pointer;
}
	/*ラベルホバー時*/
.accbox label:hover {
	text-decoration: underline;
}
	/*チェックは隠す*/
.accbox input {
    display: none;
}
	/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
	/*クリックで中身表示*/
.cssacc:checked + .accshow {
  height: auto;
  padding: 2px 5px 2px 12px;

  opacity: 1;
}
/* アコーディオン（Q&A）end */

/* アコーディオン（宿泊プラン） */
.cssacc_shukuhaku:checked + .accshow {
  height: auto;
  opacity: 1;
}
/* アコーディオン（宿泊プラン）end */

/* リストマーク（Q&A）*/
	ol.kakko {
	margin-left: -1em;
}
	ol.kakko li  {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -2.8em;
	padding: 0;
}
	ol.kakko li:before  {
	display: marker;
	content: "　("counter(cnt)") ";
}
	ol.kakko p {
	display: inline;
	text-indent: 1em;
	margin-left: -1em;
}
	ol.kakko2 {
	margin: 7% 0 0 6%;
	padding: 0 0 7% 0;
}
	ol.kakko2 li {
	list-style-type: none;
	counter-increment: cnt;
	margin: -1% 0 -9% -7%;
}
	ol.kakko2 p {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1em;
	margin-left: -1em;
	margin: 15px 0 -16px 0;
}
/* リストマーク（Q&A）end */

/* TOPページエリアマップ */
.main_pct_bg {
	position: relative;
	width: 100%;
	hight: auto;
	background: url("/resources/img/trip/drawari/2018_hokkaido_winter/hokkaido_map.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.main_pct_bg::before{
	display: block;
	content: "";
	padding-top: 78%;
}
.img_box {
	position: absolute;
	top: -0.75%;
	left: 2%;
	width: 97%;
}
.main_pct_bg img{
	padding: 2% 1.75%;
	width: 45.5%
}
/* TOPページエリアマップ end */

/* カレンダー */
.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;
}
*/
.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 {
	height: 22px;
	margin: 0 0 -5% 0;
	color: #0C8E3F;
	font-size: 100%;
	font-weight: bold;
  display: block;
	padding: 0 0 3% 0;
	border-bottom: solid 2px #0C8E3F;
	text-align: left;
}
.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;

}
.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;
}
.calendar_attention {
	margin-top: -2%;
}
/* カレンダー end */

.float_media-list {
  margin-left: 2em;
}
.float_media-lss .float_media-image:nth-child(2) {
  margin-top: 10px;
}
.btn_link {
  display: block;
}
.blue {
  color: #009eff;
}
.orenge {
	color: orange;
}
.unit_indent {
	padding: 1% 0 3% 4%;
}
.unit_tokuten {
  margin-top: -25px;
  font-size: 12px;
}
.unit_indent_tokuten {

  padding: 0 2% 3% 3%;
}
.unit_indent_tokuten img{
  float: right;
}
.unit_float {
  font-weight: bold;
}
.unit_indent_pdf {
  padding: 0 0 3% 1.8%;
}
.aside_box-caution {
  background-color: gold;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.deeppink {
  color: deeppink;
}
.table_cell_bottom {
  border-top-style: hidden;
  vertical-align: bottom;
}
/* コーヒー特典 */
.hokkaido_coffee_pho {
	padding: 1%;
}
.hokkaido_coffee img{
	width: 100%;
}
.present_caption1 {
	font-weight: bold;
	font-size: 150%;
	color: #ffff00;
	background-color: deeppink;
}
.present_caption2 {
	font-weight: bold;
	font-size: 150%;
	color: #ffffff;
	background-color: darkcyan;
}
.present_caption3 {
	font-weight: bold;
	font-size: 150%;
	color: #ffffff;
	background-color: green;
}
.present_caption4 {
	font-weight: bold;
	font-size: 150%;
	color: #ffffff;
	background-color: chocolate;
}
table td.none_border {
  border-top-style: hidden;
}
.tokuten img {
	max-width: 110px;
	width: 100%;
}
.map_title {
	padding-top: 1%;
	border-radius: 5px 5px 0 0;
	font-size: 130%;
	color: white;
	background-color: green;
}
/* tokuten */
.tokuten_title_primary1,
.tokuten_title1 {
	padding: 3px;
	height: 20px;
	font-weight: bold;
	background: #ede0a1;
}

.tokuten_title_primary2,
.tokuten_title_primary3,
.tokuten_title2,
.tokuten_title3,
.tokuten_title4,
.tokuten_title5,
.tokuten_title_primary4_sp,
.tokuten_title_primary5_sp {
	padding: 3px;
	height: 20px;
	font-weight: bold;
	background: #f7f3e0;
}
.tokuten_title_primary4,
.tokuten_title_primary5 {
	display: none;
}
.tokuten_content, 
.tokuten_content_price,
.tokuten_content_ic,
.tokuten_content_time { 
	padding: 3px;
	text-align: start;
}
.tokuten_content_name {
	padding: 3%;
	text-align: center;
}
.tokuten_flexbox {
	display: flex;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	flex-wrap: wrap;
	border-collapse: collapse;
}
.name {
	width: 100%;
	border: 1px solid #ddd;
	list-style: none;
}
.name img {
	height: 100px;
	width: auto;
}
.price_ic {
	width: 100%;
	display: flex;
}
.price {
	width: 50%;
	border: 1px solid #ddd;
	list-style: none;
	margin-top: -1px;
	border-right: none;
}
.ic {
	width: 50%;
	border: 1px solid #ddd;
	list-style: none;
	margin-top: -1px;
}
.address_time {
	width: 100%;
	display: flex;
}
.address{
	width: 50%;
	border: 1px solid #ddd;
	list-style: none;
	margin-top: -1px;
	border-right: none ;
}
.time{
	width: 50%;
	border: 1px solid #ddd;
	list-style: none;
	margin-top: -1px;
}
/* end tokuten */

@media only screen and (min-width: 641px) {
/* アコーディオン（Q&A） */

	/*ボックス全体*/
.accbox {
    margin: 1em 0;
    padding: 0;
    max-width: 100%;/*最大幅*/
}
	/*ラベル*/
.accbox label {
    display: block;
    margin: 1px 0;
    padding : 0.5px 0;
    color :#0066cc;
    cursor :pointer;
}
	/*ラベルホバー時*/
.accbox label:hover {
	text-decoration: underline;
}
	/*チェックは隠す*/
.accbox input {
    display: none;
}
	/*中身を非表示にしておく*/
.accbox .accshow {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
}
	/*クリックで中身表示*/
.cssacc:checked + .accshow {
  height: auto;
  padding: 2px 5px 2px 12px;
  opacity: 1;
}
/* アコーディオン（Q&A）end */

/* アコーディオン（宿泊プラン） */
.cssacc_shukuhaku:checked + .accshow {
  height: auto;
  opacity: 1;
}
/* アコーディオン（宿泊プラン）end */

/* リストマーク（Q&A）*/
	ol.kakko {
	margin-left: -1em;
}
	ol.kakko li  {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -2.8em;
	padding: 0;
}
	ol.kakko li:before  {
	display: marker;
	content: "　("counter(cnt)") ";
}
	ol.kakko p {
	display: inline;
	text-indent: 1em;
	margin-left: -1em;
}
	ol.kakko2 {
	margin: 7% 0 0 6%;
	padding: 0 0 7% 0;
}
	ol.kakko2 li {
	list-style-type: none;
	counter-increment: cnt;
	margin: -1% 0 -9% -7%;
}
	ol.kakko2 p {
	list-style-type: none;
	counter-increment: cnt;
	text-indent: -1em;
	margin-left: -1em;
	margin: 15px 0 -16px 0;
}
/* リストマーク（Q&A）end */

/* TOPページエリアマップ */
.main_pct_bg {
	position: relative;
	width: 100%;
	hight: auto;
	background: url("/resources/img/trip/drawari/2018_hokkaido_winter/hokkaido_map.png");
	background-size: 100%;
	background-repeat: no-repeat;
}
.main_pct_bg::before{
	display: block;
	content: "";
	padding-top: 77%;
}
.img_box {
	position: absolute;
	top: -0.75%;
	left: 2%;
	width: 97%;
}
.main_pct_bg img{
	padding: 2% 1.75%;
	width: 45.5%
}
/* TOPページエリアマップ end */

/* カレンダーの設定 */
.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: 200px;
  width: 32.25%;
  float: left;
	margin-right: 1%;
	font-size: 13.5px;
  text-align: center;
}

/*
.contents .cont_calenderbox:nth-child(odd) {
  margin-right: 2%;
  clear: left;
}
*/

.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 {
	height: 25px;
	margin: 0 0 -7% 0;
	color: #0C8E3F;
	font-size: 100%;
	font-weight: bold;
  display: block;
  padding: 0 0 3% 0;
	border-bottom: solid 2px #0C8E3F;
	text-align: left;
}
.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;
}
.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;
}
.calendar_attention {
	margin-top: -2%;
}
/* カレンダー end */

.float_media-list {
  margin-left: 2em;
}
.float_media-lss .float_media-image:nth-child(2) {
  margin-top: 10px;
}
.btn_link {
  display: block;
}
.blue {
  color: #009eff;
}
.orenge {
	color: orange;
}
.unit_indent {
  padding: 1% 0 3% 4%;
}
.unit_tokuten {
  margin-top: -25px;
  font-size: 12px;
}
.unit_indent_tokuten {

  padding: 0 2% 3% 3%;
}
.unit_indent_tokuten img{
  float: right;
}
.unit_float {
  font-weight: bold;
}
.unit_indent_pdf {
  padding: 0 0 3% 1.8%;
}
.aside_box-caution {
  background-color: gold;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
}
.deeppink {
  color: deeppink;
}
.table_cell_bottom {
  border-top-style: hidden;
  vertical-align: bottom;
}
/* コーヒー特典 */
.hokkaido_coffee_pho {
	padding: 1%;
}
.hokkaido_coffee img{
	width: 100%;
}
.present_caption1 {
	font-weight: bold;
	font-size: 180%;
	color: #ffff00;
	background-color: deeppink;
}
.present_caption2 {
	font-weight: bold;
	font-size: 180%;
	color: #ffffff;
	background-color: darkcyan;
}
.present_caption3 {
	font-weight: bold;
	font-size: 180%;
	color: #ffffff;
	background-color: green;
}
.present_caption4 {
	font-weight: bold;
	font-size: 180%;
	color: #ffffff;
	background-color: chocolate;
}
table td.none_border {
  border-top-style: hidden;
}
.tokuten img {
	max-width: 110px;
	width: 100%;
}

/* tokuten */
.tokuten_title_primary1,
.tokuten_title_primary2,
.tokuten_title_primary3,
.tokuten_title_primary4,
.tokuten_title_primary5 {
	display: block;
	padding: 3px;
	height: 35px;
	font-weight: bold;
	background: #ede0a1;
}
.tokuten_title1,
.tokuten_title2,
.tokuten_title3,
.tokuten_title4,
.tokuten_title5,
.tokuten_title_primary4_sp,
.tokuten_title_primary5_sp {
	display: none;
}
.tokuten_content,
.tokuten_content_name,
.tokuten_content_price,
.tokuten_content_ic {
	padding: 5px;
	height: auto;
	text-align: start;
}
.tokuten_flexbox {
	display: flex;
	width: 100%;
	margin: 0 0 -1px 0;
	padding: 0;
	font-size: 12px;
	flex-wrap: nowrap;
	border-collapse: collapse;
}
.name {
	width: 17%;
	border: 1px solid #ddd;
	border-right: none;
	list-style: none;
}
.name img {
	height: auto;
	max-width: 98px;
	width: 100%;
}
.price_ic {
	width: 34%;
	display: flex;
}
.price {
	width: 66%;
	border: 1px solid #ddd;
	border-right: none;
	list-style: none;
	margin-top: 0;
}
.ic {
	width: 34%;
	border: 1px solid #ddd;
	border-right: none;
	list-style: none;
	margin-top: 0;
}
.address_time {
	width: 49%;
	display: flex;
}
.address {
	width: 34%;
	border: 1px solid #ddd;
	border-right: none;
	list-style: none;
	margin-top: 0;
}
.time {
	width: 66%;
	border: 1px solid #ddd;
	border-right: 1px solid #ddd;
	list-style: none;
	margin-top: 0;
}
/* end tokuten */

.map_title {
	padding-top: 1%;
	border-radius: 5px 5px 0 0;
	font-size: 175%;
	color: white;
	background-color: green;
}

}