@charset "UTF-8";
/* マップ
---------------------------------------------------------*/
.map{
    background-color: #EE7800;
}
.map h2{
    padding: 12px 3%;
    color: #fff;
}
#climap {
    width: 100%;
    height: auto;
    position:relative;
    background-image:url(../images/map.png);
    background-size:100% auto;
}
#fade {
    position:absolute;
    left:0;
    top:0;
    width: 100%;
    height: auto;
    z-index:9;
}
area{
    cursor:pointer;
}
#mapUp {
    z-index:6;
    visibility:hidden;
}
#img_detail img,
#fade img,
#mapUp img,
#mapOver img{
    width: 100%;
    height: auto;
}
#mapOver {
    width: 100%;
    height: auto;
    background-image:url(../images/tottori/map_tottori.png);
    background-size: 100% auto!important;
    
}   
#mapBack{
    position:absolute;
    right:3%;
    top:12px;
    z-index:8;
    width:124px;
    height:24px;

    background:url(../images/back_ov.png)no-repeat;
    background-size: 100% auto!important;
}
.popup .h1.title{
    height: auto;
}
.popup .h1.title h1{
    height: auto;
    line-height: 1.3;
}
.popup .contents #mainvisual{
    text-align: center;
    margin-bottom: 25px;
}
.popup .contents dl{
    display: table;
    width: 100%;
}
.popup .contents dl a{
    color :#1992D2;
    text-decoration: underline;
}
.popup .contents dl + dl{
    margin-top: 7px;
}
.popup .contents dd{
    background: #fff;
    padding: 3px 5px;
    font-size: 14px;
    display: table-cell;   
}
.popup .contents dt{
    width: 100px;
    padding: 3px 5px;
    text-align: center;
    color: #fff;
    background:#1992D2;
    display: table-cell;
    vertical-align: middle;
    font-size: 13px;
}
.popup .contents .freeno{
    background: url(../images/bg_tell_free.gif) no-repeat left;
    background-size: 21px auto;
    padding-left: 25px;
    font-size: 18px;
}
.popup .contents .telno{
    background: url(../images/bg_tell.gif) no-repeat left;
    background-size: 21px auto;
    padding-left: 25px;
    font-size: 18px;
}
#onegai{
    border: 2px solid #eee;
}
.popup dl.date dt{
    float: left;
}
#onegai .onegaiTit strong{
    font-weight: normal;
}
.result h2{
    color: #244C9F;
    
    font-size: 19px;
}
.result h3{
    color:#009FEA;
}
.result table {
    width: 100%;
}
.result table thead tr{
    background:#009FEA; 
}
.result table tbody tr:nth-child(2n){
    background:#E8F3FA; 
}
.result table thead th{
    color: #fff;
    font-weight: normal;
}
.result table td a{
    text-decoration: underline;
    color:#005AAC;
}
.result table tbody td:first-child + td{
    font-size: 16px;
}
.flow img{
    width:100%;
}
.box_gray strong{
    color:#009FEA;
    text-decoration: underline;
}

.singlepage > section.box > h2 {
  color: #EE7800;
  border-top: 2px solid #EE7800;
  border-bottom: 2px solid #EE7800;
  background: #FDF1E5;
  text-align: center;
  padding: 5px 0;
}
.singlepage > section.box .body {
  text-align: center;
}
.singlepage > section.box .body p img {
  width: 90%;
  max-width: 476px;
}
.singlepage > section.box .body > p:first-child {
  margin-bottom: 5px;
}
.cautionbox {
  text-align: left;
  padding-top: 30px;
}
.cautionbox h3 {
  background: #f00;
  color: #fff;
  display: inline-block;
  font-size: 23px;
  font-weight: bold;
  line-height: 1;
  padding: .4em 1em;
  margin-bottom: 10px;
}
.cautionbox .list.smldot > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.list > li + li {
  margin-top: 5px;
}
.keiyakuhenko .link_btn {
  display: block;
  width: 100%;
  max-width: 376px;
  margin: 15px 0 10px;
  transition: .5s;
}
.keiyakuhenko .link_btn:hover {
  opacity: .7;
}
.singlepage > section.box .body .keiyakuhenko p .link_btn img {
  width: 100%;
}

.info_box {
	border: 1px solid #878787;
	font-size: 110%;
	padding: 15px 20px;
	margin-bottom: 30px;
	text-align: center;
}
.info_box .info_tit {
	letter-spacing: .05em;
	margin-bottom: .3em;
}
.info_box .info_date {
	font-size: 120%;
	font-weight: bold;
	margin-top: .5em;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
@media only screen and (max-width: 960px) {
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
/* スマホ向けのスタイル：960px */
@media only screen and (max-width: 768px) {
  .map h2{
      font-size: 18px;
  }
  .map{
      margin-bottom: 20px;
  }
  .popup .h1.title{
      background: url(../images/bg_h1_popup_event_sp.jpg) no-repeat right top;
      background-size: auto 70px;
      min-height: 70px;
      padding-bottom: 15px;
      border-bottom: 3px solid #009DE6;
      padding-right: 100px;
  }
  .popup .h1.title h1{
      border: none;
      font-size: 23px;
      text-align: left;
      color: #1992D2;
      padding: 10px 0 5px 3%;
  }
  .popup .contents{
      margin: 13px 3%;
  }

  .popup .contents .freeno{
      background: url(../images/bg_tell_free.gif) no-repeat left;
      background-size: 21px auto;
      padding-left: 25px;
      font-size: 18px;
  }
  .popup .contents .telno{
      background: url(../images/bg_tell.gif) no-repeat left;
      background-size: 21px auto;
      padding-left: 25px;
      font-size: 18px;
  }
  .popup .contents #evebox li{
       float: left;
       margin-left: 4px;
  }
  .popup .contents #evebox li img{
       width: 53px;
  }
  .popup .contents #map{
      margin: 15px 0;
  }
  #onegai{
      margin:13px 0 20px 0;
      padding: 13px 3%;
      font-size: 12px;
  }
  #onegai .onegaiTit{
      margin-bottom: 5px;
  }
  .result h2{
      border-top: 2px solid  #244C9F;
      border-bottom: 2px solid  #244C9F;
      padding: 5px 3%;
      margin-bottom: 10px;
  }
  .result h2 + p{
      display: block;
      padding:0 3%;
  }
  .result h3{
      padding: 5px 3%;
      margin-top: 25px;
      font-size: 14px;
  }
  .result table{
      display: block;
      margin-bottom: 25px;
  }
  .result table thead{
      display: block;
  }
  .result table thead tr{
      padding: 5px 3%;
      display: block;
      font-size: 12px;
  }
  .result table thead th{
      display: inline;
  }
  .result table tbody {
      display: block;
  }
  .result table tbody tr{
      padding: 10px 3%;
      display: block;
  }
  .result table tbody td{
      display: block;
  }
  .result table tbody td:first-child {
      font-size: 14px;
  }
  .result table tbody td:first-child + td + td{
      font-size: 12px;
  }
  section.box_gray {
      margin:14px 3% 30px 3%;
      padding-bottom: 15px;
  }
  .box_gray h2{
      font-size: 14px;
      margin-bottom: 15px;
  }
  .flow{
      margin-bottom: 15px;
  }
  
  .singlepage > section.box > h2 {
    font-size: 18px;
  }
  .singlepage > section.box .body {
    padding-bottom: 25px;
  }
  .singlepage > section.box .body > p:first-child {
    font-size: 14px;
    margin-top: 10px;
  }
  .cautionbox {
    padding-left: 3%;
    padding-right: 3%;
  }
  .cautionbox h3 {
    display: block;
    text-align: center;
    font-size: 20px;
  }
	
	.info_box {
		padding: 15px 3%;
		margin: 20px 3%;
		text-align: left;
	}
	.info_box .info_tit {
		text-align: center;
	}
	.info_box .info_date {
		text-align: center;
	}
	.basepage.singlepage h1.ktit {
		font-size: 24px;
	}
  
  
}

/* タブレット＆PCのスタイル：768px */
@media only screen and (min-width: 769px) {
  .map{
      /*margin-top: 35px!important;*/
      margin-bottom: 35px;
      width: 100%;
  }
  .map h2{
      width: 36.5%;
      float: left;
      font-size: 30px;
      padding: 10px 2%;
  }

  #climap {
      width:62.5%;
      float: right;
      max-width: 640px;
  }

  #img_detail{
      width: 100%;
      height: auto;
  }
  area:active{outline:none;}
  #mapBack a:hover{
      display:block;
  }
  .popup .contents .leadCopy{
      margin-bottom: 20px;
  }
  #mapBack a:hover img{
      visibility: hidden;
  }
  /*popup*/
  .popup .h1.title{
      background: url(../images/bg_h1_popup_event.jpg) no-repeat right top;
      min-height: 144px;
  }
  .popup .h1.title>*{
      padding-right: 200px;
  }
  .popup .h1.title h1{
      padding-top: 35px !important;
      font-size: 30px;
      color :#1992D2;
      margin-bottom: 10px;;
  }
  .popup .contents dl{
      display: table;
      width: 100%;
  }
  .popup .contents dl a{
      color :#1992D2;
      text-decoration: underline;
  }
  .popup .contents dl + dl{
      margin-top: 10px;
  }
  .popup .contents dd{
      padding: 3px 10px;   
  }
  .popup .contents .toiawase p + p{
      margin-top: 5px;
  }
  .popup .contents #box{
      padding-right: 315px;
      position: relative;
      margin-bottom: 10px;;
  }
  .popup .contents #box #mainvisual{
      position: absolute;
      top:0;
      right: 0;
  }

  .popup .contents .toibikou{
      font-size: 12px;
  }
  .popup .contents dt{
      width: 100px;
      padding: 3px 10px;
      text-align: center;
      display: table-cell;
      vertical-align: middle;
      font-size: 13px;
  }
  .popup .contents #print_btn{
      background: url(../images/btn_print.png) no-repeat;
      width: 200px;
      height:36px;
      display: inline-block;
      transition: .5s ease;
      -webkit-transition: .5s ease;
      -moz-transition: .5s ease;
      -ms-transition: .5s ease;
      -o-transition: .5s ease;
  }
  .popup .contents #print_btn:hover{
      opacity: .5;
  }
  .popup .contents #evebox ul{
     padding:3px 0;
     margin-bottom: 0;
  }
  .popup .contents #evebox li:nth-child(8n+1),
  .popup .contents #evebox li:first-child{
       margin-left: 0;
  }
  .popup .contents #evebox li{
      margin-left: 3px;
      float:left;
  }
  .popup .contents #map{
      margin: 10px 0 ;
  }
  #onegai{
      margin:20px 0 50px 0;
      padding: 13px 3%;
      font-size: 12px;
  }
  .onegaiTit{
      margin-bottom: 5px;
  }
  .onegaiTit strong{
      font-weight: normal;
  }
  .result h2{
      border: 2px solid  #244C9F;
      padding: 3px 10px;
      margin-bottom: 20px;
  }
  .result h3{
      font-size: 19px;
      margin-top: 40px;
  }
  .result table{
      margin-top: 20px;
      border-collapse: collapse;
  }
  .result table thead th{
      line-height: 36px;
      font-size: 13px;
  }
  .result table td,.result table th{
      border: 1px solid #fff;
  }

  .result table tbody td{
      padding: 6px 10px;
  }
  .result table tbody td:first-child{
      text-align: center;
      white-space: nowrap;
  }
  .result table tbody td:first-child + td +td{
      white-space: nowrap;
  }
  .box_gray{
      padding: 24px 3%;
  }
  .box_gray h2{
      font-size: 16px;
      margin-bottom: 15px;
  }
  .flow{
      margin-bottom: 20px;
  }
  
  .singlepage > section.box > h2 {
    font-size: 21px;
    margin-bottom: 20px;
  }
  .singlepage > section.box .body {
    padding-bottom: 50px;
  }
  .singlepage > section.box .body > p:first-child {
    font-size: 16px;
  }
  
    
}