@charset "utf-8";

body {
  text-align: center;
  background-color:#161616;
  font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 300;
  font-size: 13px;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
}

/* Titles */
h1, h2, h3, h4, h5, h6 {
font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;	
    /*letter-spacing: .06em; /*文字の横間隔*/
    word-spacing: .1em; /*単語の横間隔*/
    /*行間はbodyでは指定しない*/
	font-weight: 300;
}

p {
  line-height: 130%;
  margin-top: 5px;
  margin-bottom: 5px;
}
.centered {
  text-align: center;
}

a {
  color:#000000;
  word-wrap: break-word;
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
  color:#000000;
  text-decoration: none;
  outline: 0;
}
a:before, a:after {
  -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
  -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
  -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
  -o-transition: color 0.1s ease-in, background 0.1s ease-in;
  transition: color 0.1s ease-in, background 0.1s ease-in;
}



/*------------------------------------- */
/* ヘッダ */
/*------------------------------------- */

.header {
  margin-top:-20px;
  height:90px;
  background-color:#161616;
  border-bottom: 2px solid #FFFFFF;
}

.header_naka {
  max-width:950px;
  margin-left: auto;
  margin-right:auto;
  padding-left:10px;
  padding-right:10px;
}

.header a {
  color:#FFFFFF;
}

.header a:hover img {
  opacity:0.8;
  filter: alpha(opacity=0.5);
  -ms-filter: "alpha( opacity=0.5 )";
}

/*h1 topテキスト*/
h1.header_top {
  padding-top:10px;
  font-weight:bold;
/*  width: 230px;*/
  margin-top: 0px;
  font-size: 12px;
  color: #fff;
}

.header-logo {
  float:left;
  display: block ;
  height: auto ;
  max-width: 100% ;
  margin-top:10px;
}

.header-menu-sns {
  float:right;
  position:relative;
  top: 10px;
  width:520px;
}

@media screen and (max-width: 780px) {
.header-menu-sns {
	display:none;
}
}
.header-menu-sns img { 
  display: inline-block;
  margin-right:20px;
}

.header-menu {
  float:right;
  position: relative;
  top: 10px;
  margin-right:0px;
}  

.header-menu a {
  margin-right:20px;
}

.header-menu a:hover {
  border-bottom:dotted #0AABBA;
}

@media screen and (max-width: 790px) {
.header-menu {
	display:none !important;
}  
}

/*
.header-menu-serch {
  display:inline-block;
  width:220px;
  height:40px;
  position:relative;
  top: -26px;
  right:150px;
}

@media screen and (max-width: 800px) {
.header-menu-serch {
  position:relative;
  top: 10px;
  left:0px;
}  
}

@media screen and (max-width: 480px) {
.header-menu-serch {
	display:none;
}
}
*/

/*ドロップダウンメニュー*/
.dropdown-menu {
  min-width: 200px !important;
}

.dropdown li {
	float:left;
	list-style:none;
}

.dropdown-menu {
  background-color: #0AABBA;
  position:absolute;
  top:20px;
  left:auto;
  float:none;
  width:130px;
  z-index: 2000 !important;
}

.dropdown-menu li {
  float:none !important;
  list-style-image:url(/img/icon-list2.png);
/*  background-image:url(/img/icon-list2.png);
  background-repeat:no-repeat;*/
  margin-left:30px;
  border-bottom:1px dotted #BABABA;
}

.dropdown-menu > li > a {
  color: #fff !important;
  font-size:12px;
  margin-left:-20px !important;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #ffffff !important;
  text-decoration: none;
  background-color: #0AABBA  !important;
}


.drop_hover:hover > .dropdown-menu{
  display: block;
}


/*------------------------------------- */
/*フッター*/
/*------------------------------------- */


.hiru {
  background: #161616;
  padding-top: 20px;
  text-align: center;
  bottom:0px;
  color: #FFFFFF;
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  height:413px;
  background: url(/img/hiru.jpg) top repeat-x;
}

.hiru a {
  color: #FFFFFF;
}
.hiru p {
  color: #FFFFFF;
  margin-bottom:10px;
}

.yoru {
  background: #161616;
  padding-top: 20px;
  text-align: center;
  bottom:0px;
  color: #FFFFFF;
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
  height:413px;
  background: url(/img/yoru.jpg) top center repeat-x;
}

.yoru a {
  color: #FFFFFF;
}
.yoru p {
  color: #FFFFFF;
  margin-bottom:10px;
}


/*------------------------------------- */
/*フッターメニュー*/
/*------------------------------------- */

#f {
  background: #161616;
  max-width:100%;
  border-top:solid #FFFFFF;
  border-top-width: 1px;
  border-bottom:solid #FFFFFF;
  padding-top: 50px;
  padding-bottom: 30px;
}

#f_naka {
  max-width:950px;
  margin-right:auto;
  margin-left:auto;
}

#f a:hover img {
  opacity:0.8;
  filter: alpha(opacity=0.5);
  -ms-filter: "alpha( opacity=0.5 )";
}

#f a:hover {
	text-decoration:underline;
}


.unav{
  margin-bottom:10px;
  list-style:none;
  display: inline-block;
}

.unav li{
  float:left;
  list-style-image:url(/img/icon-list.png) ;
  margin-left:30px;
}
	
.unav li a{
  color:#FFFFFF;
}


/*フッターロゴ*/
.footer-logo {
  float:right;
}

.footer-logo img {
  position:relative;
  top: -20px;
  margin-right:10px;

}

/*------------------------------------- */
/*ページトップボタン */
/*------------------------------------- */
		
#pagetop {
  position: fixed;
  bottom: 10px;
  right: 10px;
  opacity: 0.5;
}


/*------------------------------------- */
/*サイドメニュー */
/*------------------------------------- */
 
#navTgl {
  display:none;
}
 
label.sidemenu_open,
label.sidemenu_close {
  cursor: pointer;
  position: fixed;
  top: 0;
  right: 0; 
  /*left: 0;/*デフォルト数値*/
}
 
.sidemenu_open {
  z-index: 2;
  width: 50px;
  height: 50px;
  color: white;
  background-color: #000000;
  opacity: 0.8;
  font-size: 2em;
  line-height: 50px;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
  -webkit-transform: translateX(0px);/*デフォルトでは無し*/
  transform: translateX(0px);/*デフォルトでは無し*/
}
 
#navTgl:checked + .sidemenu_open {
  background-color: #0AABBA;
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
  /*-webkit-transform: translateX(250px);/*デフォルト数値*/
  /*transform: translateX(250px);/*デフォルト数値*/
}
 
.sidemenu_close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
#navTgl:checked ~ .sidemenu_close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
 
/* :::::: drawer menu :::::: */
 
.sidemenu {
  z-index: 1;
  position: fixed;
  top: 0;
  right: 0; 
  /*left: 0;/*デフォルト数値*/
  width: 70%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  -webkit-transform: translateX(600%);
  /*-webkit-transform: translateX(-100%); /*デフォルト数値*/
  transform: translateX(600%);
  /* transform: translateX(600%); /*デフォルト数値*/
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
  font-size:90%;
}

@media  (min-width: 768px) {
.sidemenu {
  width: 250px;
  font-size: 14px;
}
}
 
#navTgl:checked ~ .sidemenu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
 .sidemenu ul {
  margin-left:-20px;
}

.sidemenu li {
  line-height: 1.4;
  text-align:left;
  list-style:none;
}


.sidemenu li a {
  display: block;
  transition: background-color .6s;
}

/*------------------------------------- */
/* コンテンツ */
/*------------------------------------- */

.container{
  width:100% !important;
  margin-left:auto;
  margin-right:auto;
}

/*------------------------------------- */
/* メインコンテンツ */
/*------------------------------------- */

/*メインの背景*/
#g{
  padding:10px;
  text-align:left;
  padding-bottom:50px;
  max-width:950px;
  margin-right:auto;
  margin-left:auto;
/*  background:#F5F5F5;*/
  background:#E7E7E7;
}


/* Links */

#g a:hover img{
  opacity:0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

#g a:hover{
	text-decoration:underline;
}


/*------------------------------------- */
/* 見出し */
/*------------------------------------- */

.title01 {
  border-color:#0AABBA;
  padding:10px 5px;
  font-size:16px;
  font-weight:bold;
  width:100%;
  border-width:0 0 2px 7px;
  border-style:solid;
  background:#161616;
  color:#FFFFFF;
  margin-top:-10px;
  margin-bottom:-10px;
}

.title02 {
  border-bottom:#AAAAAA 2px solid;
  width:100%;
  font-size:14px;
  font-weight:bold;
  height:26px;
}

.title02_naka {
  border-bottom:#0AABBA 2px solid;
  width:200px;
  padding:5px;
}


.title03 {
  border-color:#0AABBA;
  padding:5px 5px;
  font-weight:bold;
  width:100%;
  height:40px;
  border-width:0 0 0 7px;
  border-style:solid;
}

.title04 {
  width:100%;
  font-size:12px;
  font-weight:bold;
  margin-top:05px;
}

/*------------------------------------- */
/* アイコン位置調整 */
/*------------------------------------- */

/* カレンダーアイコンの位置 */
.calender {
position: relative;
top: 25px;
left: -10px;
}

/* 検索アイコンの位置 */
.serch {
position: relative;
top: 0px;
left: -5px;
}


/* 矢印アイコンの位置 */
.arrow01 {
position: relative;
top: 0px;
left: -5px;
}

/*------------------------------------- */
/* ボタン */
/*------------------------------------- */

.btn01 {
	background: -moz-linear-gradient(top,#333333 0%,#161616);
	background: -webkit-gradient(linear, left top, left bottom, from(#161616), to(#333333));
	border: 1px solid #DDD;
	color:#fff;
	padding: 10px;
    border-radius: 20px;
	text-align:center;
}

.btn01 a {
	color:#fff;
}

.btn01 a:hover {
	text-decoration:none !important;
}

.btn02 {
	background: #161616;;
	border: 1px solid #DDD;
	color:#FFF;
	width: 100%;
	padding: 15px;
    border-radius: 30px;
	text-align:center;
}

.btn02 a {
	color:#FFFFFF;
}
.btn02 a:hover {
	text-decoration:none !important;
}

.btn03 {
	background: #161616;;
	border: 1px solid #DDD;
	color:#FFF;
	width: 100%;
	padding: 15px;
    border-radius: 10px;
	text-align:center;
	color: #FFFFFF;
}

.btn03 a {
	color:#FFFFFF;
}
.btn03 a:hover {
	text-decoration:none !important;
}

.btn04 {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	border: 1px solid #DDD;
	color:#111;
	padding: 10px 0;
}


/*------------------------------------- */
/* 画像リサイズ */
/*------------------------------------- */

.image-resize {
  max-width: 210px;
  max-height: 210px;
  -ms-interpolation-mode: bicubic;
}

@media screen and (max-width: 960px) {
    .image-resize {
        width:100%;
    }
}


/*------------------------------------- */
/* パンくず */
/*------------------------------------- */

.breadcrumb {
	margin-left:-10px;
    margin:0px;
    background-color:#E7E7E7 !important;
	margin-bottom:10px !important;
    font-size:10px;
}


/*------------------------------------- */
/* ページネーション */
/*------------------------------------- */
.pager{padding-left:0;margin:10px 0;text-align:center;list-style:none}
.pager li{display:inline;margin:3px;}
.pager li.selected{display:inline-block;padding:3px 10px;text-decoration:none;background-color:#11D9EC;}
.pager li>a,.pager li>span{display:inline-block;padding:3px 10px;background-color:#0AABBA;border-radius:3px; border:none;}
.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}
.pager .next>a,.pager .next>span{float:right;background-color:#E7E7E7 !important;}
.pager .previous>a,.pager .previous>span{float:left;background-color:#E7E7E7 !important;}
.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}


/*------------------------------------- */
/* イベント */
/*------------------------------------- */

/* 記事内P */
.report p {
  line-height: 150%;
  margin-top: 15px;
  margin-bottom: 15px;
}

/* キャプション */
div.imagebox {
 margin-right:10px;
 margin-left:auto;
 margin-bottom:20px;
 padding:6px;
 border:1px solid #C0C0C0;
 max-width:260px;
}

@media screen and (max-width: 480px) {
div.imagebox {

	float:none;
}  
}

p.reportimg, p.cap {
 text-align: center;
 line-height:100%;
 margin:0px;
}
p.cap {
  font-size: 90%;
  color:#525252;
  width:100%;
  line-height:110%;
  text-align:left;
  margin:0px;
  margin-top:10px;
  margin-bottom:10px;
}

/* さらに読む */
.moreread {
  padding:8px 10px;
  border-color:#ffffff;
  border-style:double;
  background:#0AABBA;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
}
.moreread:hover {
  cursor:pointer;
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


/* ランキング投稿 */

div.imageranking {
float: left; display:block;
}  

@media screen and (max-width: 480px) {
div.imageranking {
float: none;
margin-right:auto;
margin-left:auto;
}  
}


/*------------------------------------- */
/* イベント　テーブル装飾 */
/*------------------------------------- */

.table01{
width: 100%;
border-collapse: separate;
border-spacing: 0px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
}

.table01 th{
width:25%;
padding:4px;
text-align: left;
vertical-align: top;
color: #444;
background-color: #EEEEEE;
border-left: 3px double #999;
border-top: 1px solid #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}
.table01 td{
width:75%;
padding:4px;
background-color: #ffffff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
word-break: break-all;
}

/*------------------------------------- */
/* イベント　google map */
/*------------------------------------- */

.google-maps {
position: relative;
padding-bottom: 75%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*------------------------------------- */
/* イベント　エリア、ジャンル選択 */
/*------------------------------------- */

#dropmenu{
  list-style-type: disc;
  width: 100%;
  height: 40px;
  margin: 10px auto 30px;
  padding-left: 10px;
  border-radius: 3px 3px 0 0;
}
@media screen and (max-width: 480px) {
#dropmenu{
  list-style-type: disc;
  width: 100%;
  height: 40px;
  margin: 10px auto 80px;
  padding-left: 10px;
  border-radius: 3px 3px 0 0;
} 
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}

@media screen and (max-width: 480px) {
#dropmenu li{
  position: relative;
  width: 50%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: left;
}  
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px 0 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li:hover > a{
  color: #ffffff;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
  width:100%; 
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: 0%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 180%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #333333;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 40px;
  border-top: 1px solid #999999;
  border-bottom: 1px solid #999999;
  z-index:100;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/*------------------------------------- */
/* 検索フォームデザイン調整 */
/*------------------------------------- */

.form-group .form-control{
  width:100% !important;
  padding:3px !important;
}

.top-form .form-control{
  width:150px !important;
  padding:3px !important;
}

.btn-info{
	background-color:#0AABBA;
}

.btn-info:hover{
	background-color:#0AABBA;
}



/*------------------------------------- */
/* スライドインメニューの中 */
/*------------------------------------- */

ul.pulldown_menu {
margin-top:40px !important;
margin-left:10px !important;
margin-right:10px !important;
margin-bottom:40px !important;
padding:0px !important;
}
ul.pulldown_menu li {
width: 100%; /* リスト項目の幅 */
cursor: pointer; /* カーソル */
}
ul.pulldown_menu ul {
display: none; /* 通常は表示しない */
list-style: none; /* 2段目の先頭記号を消す */
padding-left: 0px; /* 2段目の左位置を1段目に揃える */
}
ul.pulldown_menu li.menu_on > ul {
display: block; /* 表示する */
}
ul.pulldown_menu li.menu_off > ul {
display: none; /* 表示しない */
}
ul.pulldown_menu a {
color: white; /* 文字色 */
display: block; /* ブロックレベルに */
padding: 8px; /* 内部の余白 */
text-decoration: none; /* 下線を消す */
outline: none; /* 選択時の点線枠線を消す */
}
ul.pulldown_menu ul a {
margin-left:40px;
}
ul.pulldown_menu a:hover{/* マウスカーソルが乗っている状態 */
background-color:#666666;
color: #FFFFFF; /* 文字色 */
}
ul.pulldown_menu a:active {/* マウスがクリックされている状態 */
color: #FFFFFF; /* 文字色 */
}

/*------------------------------------- */
/* モアボタン */
/*------------------------------------- */

.moreButton:hover{
}
.moreButton:hover img{
    cursor:pointer;
    background-color:#FFF;
}

  
  /*------------------------------------- */
  /* サイトマップ */
  /*------------------------------------- */

.sitemapnav{
  margin-bottom:10px;
  list-style:none;
  display: inline-block;
}

.sitemapnav li{
  list-style-image:url(/img/icon-arrow04.png) ;
  margin-left:5px;
}
	
.sitemapnav li a{
  color:#000000;
}

#a-box {float:left;}
#b-box {float:right;}

  /*------------------------------------- */
  /* 詳細ページのタイトル */
  /*------------------------------------- */
  
  
.detailtitle_back {
  display:table;
  width:100%;
  height:100%;
}

.detailtitle{
  display:table-cell;
  vertical-align:middle;
  line-height:1.5em;
}



 /*------------------------------------- */
 /* googleアドセンス広告　　　　　　　　 */
 /* 		追加start　20151117　suzuki  */
 /*------------------------------------- */
/*
 max-width: 100%;
 height:auto;
*/
 
.bnr-img01{
 width:690px;
 height:90px;
}

@media screen and (max-width: 480px) {
	.bnr-img01{
		width:320px;
		height:50px;
	} 
}

.bnr-img02{
 width:100%;
 height:210px;
}

@media screen and (max-width: 480px) {
	.bnr-img02{
		width:300px;
		height:250px;
	} 
}

.bnr-img03{
 width:468px;
 height:60px;
}

@media screen and (max-width: 480px) {
	.bnr-img03{
		width:300px;
		height:50px;
	} 
}
/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}




/* 追加分 */

.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none;
	background-color:transparent;
	width:650px !important;
	margin-left:-45px;
}

.slide-img {
	width:210px !important;
}
@media  (max-width: 480px) {
.bx-wrapper .bx-viewport {
	width:92% !important;
	margin:0 auto !important;
}
.slide-img {
	width:300px !important;
}
}
@charset "utf-8";

h3{
    margin-top:0px;
}

@media (max-width: 500px) {
#articlebody img{
    width:100% !important;
    height:auto !important;
}
}

.article_title a{
    color:#FFF;
	font-weight:bold;
}

/*------------------------------------- */
/* SNS */
/*------------------------------------- */

.report-sns{
  list-style-type: none;
  height:30px;
  margin-bottom:0px;
} 



.report-sns li{
  position: relative;
  float: right;
  margin-left:10px;
  margin-bottom:5px;
  padding: 0;
}



/* 記事内 titterボタン */
/**
iframe.twitter-share-button {
    width: 70px !important;
}
*/

.article_box{
    height:270px !important;
    margin-bottom:6px;
}

.categoryicon{
    height:26px;
    width:95px; 
    border-right:1px dotted;
}
.categoryicon img{
    text-align:center;
}



/*------------------------------------- */
/* YOUTUBE レスポンシブ */
/*------------------------------------- */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}