@charset "utf-8";
/* CSS Document */

/*イベントキャンペーン用基本CSS編集不可　bySZK*/



/*clearfix*/
.contents .cf:after { content:""; display:block; clear:both; }
/*イベント開催日時*/
.contents .cont_eventdate { border:1px #a19f9f solid; text-align:center; padding:1em; font-size:114.2%; font-weight:bold; }
/*注意書き*/
.contents .cont_atten { background:#E7E7E7; font-size:85.7%; text-align:center; padding:1em; margin-top:30px; }
/*コーナー時間など*/
.contents .opentime { margin-top:5px; }
.contents .opentime span { background:#9cb71e; color:#FFFFFF; padding:2px 5px; font-size:85.7%; }


/*ローディング*/
#loading {
	text-align:center;
}
#loading img {
	width:40px;
	height:40px;
}


/*アイテム一覧*/
.contents .cont_evcell{ display:none; overflow:hidden; margin-top:15px; }
.contents .cont_evcell ul {list-style-type:none; margin:0; padding:0; margin-left:-15px; }
.contents .cont_evcell ul li { float:left; display:block; }
.contents .cont_evcell ul li>div { margin-left:15px; }
.contents .cont_evcell ul li:after { content:""; display:block; height:30px; }
.contents .cont_evcell img { max-width:100%; height:auto; }
.contents .cont_evcell .cont_road { margin-right:0.5em; }
.contents .cont_evcell h4 { font-weight:bold; }  
.contents .cont_evcell h4 , .contents .cont_evcell p ,.contents .cont_evcell a { margin-top:0.4em; }


/*タブ切り替え*/
.cont_cngview , .cont_tabs , .cont_tabs_bottom { display:none; }
.cont_tabs_bottom { margin:0; padding:0; }
.cont_tabs_bottom li { list-style-type:none; }

/* タブ */
.contents .cont_tabs {
  margin: 30px 0 0 0;
  border-collapse: separate;
  border-spacing: 0;
  border: 0;
  border-bottom: 3px solid #3da414;
  width: 100%;
}
.contents .cont_tabs td {
  padding: 0;
  background: #f7f7f7;
  background: -moz-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(100%, #e9e9e9));
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #e9e9e9 100%);
  background: linear-gradient(to bottom, #f7f7f7 0%, #e9e9e9 100%);
  border: 1px solid #E6E6E6;
  border-bottom: 0;
  font-size: 107.1%;
  line-height: 1.2;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}
.contents .cont_tabs td a {
  display: block;
  padding: 16px 10px 10px 10px;
}
.contents .cont_tabs td a:link, .contents .cont_tabs td a:visited {
  color: #333333;
}
.contents .cont_tabs td.current {
  border-bottom: 0;
  color: #FFF;
}
.contents .cont_tabs td span {
  display: block;
  padding: 16px 10px 10px 10px;
}
.contents .cont_tabs td:first-child {
  border-top-left-radius: 6px;
}
.contents .cont_tabs td:last-child {
  border-top-right-radius: 6px;
}
.contents .cont_tab_5 td {
  width: 20%;
}
.contents .cont_tab_4 td {
  width: 25%;
}
.contents .cont_tab_3 td {
  width: 33%;
}
.contents .cont_tab_2 td {
  width: 50%;
}

.contents .cont_tabs_bottom ul { margin:0; padding:0; text-align:center; margin-bottom:5em;}
.contents .cont_tabs_bottom li { padding:1em; display:inline-block; }
.contents .cont_tabs_bottom li a.cont_cngtab:before { content:url(/resources/img/common/icn_link_up_sapa.png); margin:0 0.5em; }



@media screen and (max-width: 640px) {
  .contents .cont_tab_5, .contents .cont_tab_4, .contents .cont_tab_3, .contents .cont_tab_2 {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .contents .cont_tab_5 tbody, .contents .cont_tab_5 tr, .contents .cont_tab_4 tbody, .contents .cont_tab_4 tr, .contents .cont_tab_3 tbody, .contents .cont_tab_3 tr, .contents .cont_tab_2 tbody, .contents .cont_tab_2 tr {
    display: block;
    width: 100%;
    overflow: hidden;
  }
  .contents .cont_tab_5 td, .contents .cont_tab_4 td, .contents .cont_tab_3 td, .contents .cont_tab_2 td {
    width: 50%;
    float: left;
    display: block;
    border: 0;
    border-top: 1px solid #E6E6E6;
    border-left: 1px solid #E6E6E6;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .contents .cont_tab_5 td br, .contents .cont_tab_4 td br, .contents .cont_tab_3 td br, .contents .cont_tab_2 td br {
    display: none;
  }
  .contents .cont_tab_5 td:nth-child(odd) {
    border-right: 1px solid #E6E6E6;
  }
  .contents .cont_tab_5 td:first-child {
    width: 100%;
    border-top-right-radius: 6px;
  }
  .contents .cont_tab_5 td:last-child {
    border-top-right-radius: 0 !important;
  }
  .contents .cont_tab_4 td:nth-child(even) {
    border-right: 1px solid #E6E6E6;
  }
  .contents .cont_tab_4 td:nth-child(2) {
    border-top-right-radius: 6px;
  }
  .contents .cont_tab_4 td:last-child {
    border-top-right-radius: 0 !important;
  }
  .contents .cont_tab_3 td:nth-child(odd) {
    border-right: 1px solid #E6E6E6;
  }
  .contents .cont_tab_3 td:first-child {
    width: 100%;
    border-top-right-radius: 6px;
  }
  .contents .cont_tab_3 td:last-child {
    border-top-right-radius: 0 !important;
  }
  .contents .cont_tab_2 td:last-child {
    border-right: 1px solid #E6E6E6;
  }
	
.contents .cont_tabs_bottom ul { text-align:left; margin-bottom:5em;}
.contents .cont_tabs_bottom li { padding:0.5em 0; display:inline-block; display:block; }
	
	
	
	
}
.contents .cont_tabs td.current {
  background: #3da414;
  border-color: #3da414;
}
.contents .cont_tabs td.current a {
	color:#FFFFFF;
}