@charset "UTF-8";

/*
  基本クラスCSS
*/


/***********************************************************
#1 端末別表示（or対応のため表示分は後ろに記述）
***********************************************************/
/* 非表示 */
.device-tab,
.device-sp {
  display: none;
}

/* 表示 */
.device-pc {
  display: block;
}


/*//////////////////
#4 レスポンシブ（タブレット用）
//////////////////*/
@media screen and (max-width: 768px) {
  /* 非表示 */
  .device-pc,
  .device-sp {
    display: none;
  }

  /* 表示 */
  .device-tab {
    display: block;
  }
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
  /* 非表示 */
  .device-pc,
  .device-tab {
    display: none;
  }

  /* 表示 */
  .device-sp {
    display: block;
  }
}




/***********************************************************
#1 リンク
***********************************************************/
/* 矢印 */
a.link-arrow {
  background: url(/_themes/ud/common/images/cmn_link_arrow.png) no-repeat left center;
  padding-left: 25px;
}
a.link-arrow-entry {
  background: url(/_themes/ud/common/images/allow_entry.svg) no-repeat left center;
  padding-left: 30px;
}

/* RSS */
a.link-rss {
  background: url(/_themes/ud/common/images/cmn_link_rss.png) no-repeat left center;
  padding-left: 15px;
}

/* ボタン */
a.link-btn {
  color: #fff;
  background: #007AB7;
  padding: 2px 10px;
  text-decoration: none;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
a.link-btn:hover,
a.link-btn:active {
  background: #00A6E8;
}




/***********************************************************
#1 位置
***********************************************************/
.al-l {
  text-align: left;
}
.al-c {
  text-align: center;
}
.al-r {
  text-align: right;
}




/***********************************************************
#1 フロート
***********************************************************/
.fl-l {
  float: left;
  margin-right: 10px;
}
.fl-r {
  float: right;
  margin-left: 10px;
}

/* クリア */
.clr:before,
.clr:after {
  content: " ";
  display: table;
}
.clr:after {
  clear: both;
}
.clr {
  *zoom: 1; /* for IE 6/7 only */
  overflow: hidden; /* for IE 11 fix */
}


/*//////////////////
#4 レスポンシブ（スマートフォン用）
//////////////////*/
@media screen and (max-width: 640px) {
.fl-l {
  float: none;
}
.fl-r {
  float: none;
}
}




/***********************************************************
#1 音声ブラウザ用
***********************************************************/
.voicebrowser
{
	position: absolute;
	left: -9999px;
}




/***********************************************************
#1 Javascript 補助用
***********************************************************/
.rollover {}
.scroller {}



/***********************************************************
#1 マージン調整スタイル 
***********************************************************/

.mt-1 {
	margin-top: 1.0em;
}

.mt-2 {
	margin-top: 2.0em;
}

.mt-3 {
	margin-top: 3.0em;
}

.mb-1 {
	margin-bottom: 1.0em;
}

.mb-2 {
	margin-bottom: 2.0em;
}

.mb-3 {
	margin-bottom: 3.0em;
}


.ml-1 {
	margin-left: 0.5em;
}

.ml-2 {
	margin-left: 1.0em;
}

.ml-3 {
	margin-left: 1.5em;
}

.small {
	font-size: 90%;
}


/***********************************************************
#1 グーグルマップ　レスポンシブ対応 
***********************************************************/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}