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

/* font-family: 'Open Sans Condensed', sans-serif; */
/* @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700'); */
@font-face {
    font-family: 'Open Sans Condensed';
    src: url('/fonts/Open_Sans/static/OpenSansCondensed-Light.ttf') format('ttf');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Sawarabi Mincho';
    src: url('/fonts/Sawarabi_Mincho/SawarabiMincho-Regular.ttf') format('ttf');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



/************************************

HEADER (SP topのみ）

************************************/

@media only screen and (max-width:850px){
	#top header {
	background-color:transparent;
	background-image:url(../images/top_head_back_sp.png);
	background-repeat:repeat-x;
	color:#fff;
	width:100%;
	height:80px;
	position:fixed;
	z-index:100;
	text-align:left;
	box-shadow:none;
}
#top .drawer-hamburger {
  background-color: transparent;
}
#top .drawer-hamburger:hover {
  background-color: transparent;
}
}


/************************************

MAINIMAGE

************************************/
#top #mainimage {
	background:url(../images/top_mainimage_back.jpg) repeat-x left top;
}
#top #mainimage .ill {
	background:url(../images/top_mainimage-pc.jpg) no-repeat center bottom;
	height:550px;
	transition:3s;
}

#top #mainimage h2{
	padding-top:200px;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: 700; /*windows対策*/
font-size:21px;
transition:1s;
letter-spacing:0.1em;
color:#FFF;
}

#top #mainimage h2 strong {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-weight:bold;
	color:#fff;
/* 
	-webkit-text-stroke-color: #333;
-webkit-text-stroke-width: 1px;
text-shadow: #333 1px 1px 0px, black -1px 1px 0px,
             #333 1px -1px 0px, black -1px -1px 0px;
*/
	font-size:60px;
	line-height:110%;
}

@media only screen and (max-width:768px){
	#top #mainimage {
	background:none;
}
#top #mainimage .ill {
	background:url(../images/top_mainimage-sp@2x.jpg) no-repeat center bottom;
	background-size:contain;
	height:0;
	padding-top:69.6%;
	position:relative;
}

#top #mainimage h2{
	padding-top:0;
font-size:12px;
color:#fff;
position:absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:0;
}

#top #mainimage h2 strong {
	font-size:40px;
	-webkit-text-stroke-color:none;
-webkit-text-stroke-width: 0;
 
text-shadow:none;
}
}


/* スライダー */

.mainVisual {
    position: relative;
    text-align: center;
	padding-top:80px;
}
.mainVisual .arrowUl img {
    width: 40px;
}
.mainVisual .arrowUl .prev {
    margin: -20px 0 0 -414px;
    position: absolute;
    left: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 1;
}
.mainVisual .arrowUl .next {
    margin: -20px -414px 0 0;
    position: absolute;
    right: 50%;
    top: 50%;
    cursor: pointer;
    z-index: 1;
}
.mainVisual .slider .item {
    margin: 0;
}
.mainVisual .slider .item a:hover {
    opacity: 0.7;
}
.mainVisual .slider {
	font-size: 0;
}
.mainVisual .slick-slide {
/*	width: 1280px; */
	width: 1024px;

	margin: 0 13px;
}
/*位置決め*/
.mainVisual .slick-dots {
/*
	height: 10px;
	position: absolute;
	left: 0;
	bottom: 16px;
	width: 100%;
	text-align: center;
*/
}
.mainVisual .slick-dots li {
	display: inline-block;
	border-radius: 100%;
	cursor: pointer;
}
.mainVisual .slick-dots li button {
/*
	margin: 0;
	padding: 0;
	visibility: hidden;
*/
}
.mainVisual .slick-dots .slick-active button:before {
	color:#15B3C6;
}
.mainVisual .slider .item a {
	display: block;
}
.mainVisual .slider .item span {
	display: block;
	position: relative;
}
.mainVisual .slider .item span:before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: #000;
	opacity: 0.4;
	content: "";
	z-index: 5;
	transition: all 1.5s;
}
.mainVisual .slick-slide.slick-center span:before {
	opacity: 0;
}

@media all and (max-width: 767px) {
.mainVisual {
        padding: 0;
		margin-bottom: 30px;
        background-color: transparent;
}
    .mainVisual .arrowUl img {
        width: 30px;
    }
    .mainVisual .arrowUl .prev {
        margin: -15px 0 0;
        left: 10px;
    }
    .mainVisual .arrowUl .next {
        margin: -15px 0 0;
        right: 10px;
    }
	.mainVisual .slider {
		font-size: inherit;
	}
    .mainVisual .slider .item {
        margin: 0;
    }
    .mainVisual .slider .item img {
        width: 100%;
    }
	.mainVisual .slick-slide {
		margin: 0;
	}


}

/************************************

SP MENU

************************************/
@media only screen and (max-width:768px){
#sp-topmenu li  {
	float:left;
	width:50%;
	height:90px;
	text-align:left;
	color:#fff;
	background-repeat:no-repeat;
	background-position:right bottom;
	background-size:16px;
}
#sp-topmenu li a {
	background-position:90% 80%;
	background-repeat:no-repeat;
	background-size:24px;
	display:block;
	width:100%;
	height:90px;
	color:#fff;
}
#sp-topmenu li h3 {
	background:#fff;
	display:inline-block;
	font-size:12px;
	line-height:100%;
	padding:3px 5px;
	color:#000;
	margin:15px 0 0 15px;
}
#sp-topmenu li h4 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-weight:700;
	font-size:28px;
	margin:5px 0 0 15px;
	line-height:110%;
}
#sp-topmenu li p {
	font-size:13px;
	margin:5px 0 0 15px;
	line-height:110%;
}

#sp-topmenu li#sptopmenu_news  {
	background-color:#ffa600 ;
	background-image:url(../images/kado_janl.png);
}
#sp-topmenu li#sptopmenu_news a  {
	background-image:url(../images/head_news@2x.png);
}
#sp-topmenu li#sptopmenu_news h3 {
	color:#ffa600;
}
#sp-topmenu li#sptopmenu_event  {
	background-color:#209900 ;
	background-image:url(../images/kado_event.png);
}
#sp-topmenu li#sptopmenu_event a  {
	background-image:url(../images/head_event@2x.png);
}
#sp-topmenu li#sptopmenu_event h3 {
	color:#209900;
}
#sp-topmenu li#sptopmenu_spot  {
	background-color:#15b3c6 ;
	background-image:url(../images/kado_spot.png);
}
#sp-topmenu li#sptopmenu_spot a  {
	background-image:url(../images/head_spot@2x.png);
}
#sp-topmenu li#sptopmenu_spot h3 {
	color:#15b3c6;
}
#sp-topmenu li#sptopmenu_stay  {
	background-color:#1b1464 ;
	background-image:url(../images/kado_stay2.png);
}
#sp-topmenu li#sptopmenu_stay a  {
	background-image:url(../images/head_stay@2x.png);
}
#sp-topmenu li#sptopmenu_stay h3 {
	color:#1b1464;
}
#sp-topmenu li#sptopmenu_gourmet  {
	width:100%;
	height:110px;
	background-color:#c1272d ;
	background-image:url(../images/kado_gourmet.png) ;
}
#sp-topmenu li#sptopmenu_gourmet a  {
	background-image:url(../images/head_gourmet@2x.png);
	background-position:90% 50px;
}
#sp-topmenu li#sptopmenu_gourmet h3 {
	color:#c1272d;
}
}

/************************************

広島ニュース

************************************/
#top #news{
	margin:70px 0;
}

#top #news .list article {
	width:25%;
}
#top #news .bt a {
	background:#15b3c6;
	color:#fff;
	font-weight:bold;
	display:block;
	width:450px;
	padding:15px 0;
	margin:30px auto 0;
	position:relative;
	letter-spacing:0.1em;
}
#top #news .bt a:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 30px;
  color: #fff;
  font: 14px 'FontAwesome';
  content: "\f054";
}

@media only screen and (max-width:768px){
	
#top #news .list{
	margin:0 8%;
}
#top #news .list article {
	width:48%;
	margin:1%;
}
#top #news .list article .text{
	margin:5% 0% 0;
}
#top #news .bt a {
	display:block;
	width:84%;
}
#top #news .bt a:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 20px;
  color: #fff;
  font: 14px 'FontAwesome';
  content: "\f054";
}
}
@media only screen and (max-width:480px){
	

#top #news .list article {
	width:100%;
}
#top #news .list article .text{
	margin:5% 0% 0;
}
#top #news .bt a {
	display:block;
	width:84%;
}
#top #news .bt a:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 20px;
  color: #fff;
  font: 14px 'FontAwesome';
  content: "\f054";
}
}



#top #news figure.image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height:294px; /*rashin修正 height:220px; */
  text-align:center;
  display:block;
  pointer-events: none;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

#top #news figure.image img {
  position:absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:auto;
  min-height:220px;
/*
  min-height:220px;
*/
  width:auto;
 }
 @media only screen and (max-width:1000px){
#top #news figure.image {
  height:170px;
/*
  height:170px;

*/
}

#top #news figure.image img {
  min-height:170px;
 } 
 }

@media only screen and (max-width:480px){
	figure.image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height:220px;
  text-align:center;
  display:block;
/*
  pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
}

 figure.image img {
	 position:relative;
	 top: auto;
	  transform:none;
  left: auto;
  right:auto;
  margin:auto;
  min-height:220px;
 }
}

/************************************

EVENT

************************************/
#top #event .day,
#event #top #event .day{
	background:#000;
	color:#fff;
	display:inline-block;
	padding:3px 20px;
	font-size:80%;
	font-weight:bold;
	margin:10px 0 30px;
	transition:2s;
}
#top #event .container,
#event #top #event .container{
	max-width:1700px;
	margin:0 auto;
	padding-bottom:30px;
}



#top #event .list2,
#event #top #event .list2{
	background:#333;
	float:left;
	height:340px;　/*300px*/
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}
/**** イベント３つ以上の場合***/
#top #event .list2,
#event #top #event .list2{
	width:75%;
}
#top #event .list2 article,
#event #top #event .list2 article{
	width:33.333%;
	height:340px; /*300px*/
	overflow:hidden;
}
/*IE8▼*/
#top #event .list2 article,
#event #top #event .list2 article{
float: left\9;
}
/*IE9▼*/
#top #event .list2 article:not(:target),
#event #top #event .list2 article:not(:target){
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#top #event .list2 article,
#event #top #event .list2 article{
	float:left !important;
}
}

/**** イベント2つの場合***/
#top #event .container.two,
#event #top #event .container.two{
	max-width:1200px;
	margin:0 auto;
}
#top #event .two .list2 ,
#event #top #event .two .list2 {
	width:66.6%;
}
#top #event .two article,
#event #top #event .two article{
	width:50%;
	height:340px;
	overflow:hidden;
}

/**** イベント1つの場合***/
#top #event .container.one,
#event #top #event .container.one{
	max-width:800px;
	margin:0 auto;
}
#top #event .one .list2,
#event #top #event .one .list2{
	width:50%;
}
#top #event .one article,
#event #top #event .one article{
	width:100%;
	height:340px;
	overflow:hidden;
}

/*** figure ***/
#top #event .list2 article figure.image,
#event #top #event .list2 article figure.image{
	height:100%;
  pointer-events: none;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
#top #event .list2 article figure.image img ,
#event #top #event .list2 article figure.image img {
  min-height:340px;
  width:auto;

}
 
@media only screen and (max-width:768px){

#top #event .list2,
#event #top #event .list2 {
	float:none;
	width:100%;
	height:220px; /*rashin修正 height:220px; */
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}

#top #event .list2 article ,
#event #top #event .list2 article {
	height:220px;
	overflow:hidden;
}


/**** イベント2つの場合***/
#top #event .container.two,
#event #top #event .container.two{
	max-width:auto;
}
#top #event .two .list2,
#event #top #event .two .list2 {
	width:100%;
}
#top #event .two article,
#event #top #event .two article {
	width:100%;
}


/**** イベント1つの場合***/
#top #event .container.one,
#event #top #event .container.one{
	max-width:auto;
}
#top #event .one .list2 ,
#event #top #event .one .list2 {
	width:100%;
}
#top #event .one article ,
#event #top #event .one article {
	width:100%;
}
#top #event .list2 article figure.image ,
#event #top #event .list2 article figure.image {

	height:100%; /*rashin修正 height:220px; */
  width:auto;
  pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}

#top #event .list2 article figure.image img ,
#event #top #event .list2 article figure.image img {

  position:relative;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:auto;
  min-height:220px; /*rashin修正 min-height:220px; */
  width:auto;


 }
}

/****** calendar ****/
#event .calendar,
#event #top .three .calendar,
#event #event .three .calendar {
	float:left;
	width:25%;
	height:300px;
	background:#fff;
	transition:2s;
}

/**** イベント2つの場合***/
#event .two .calendar,
#event #top .two .calendar ,
#event #event .two .calendar {
	float:left;
	width:33.33%;
}
/**** イベント1つの場合***/
#event .one .calendar,
#event #top .one .calendar ,
#event #event .one .calendar {
	float:left;
	width:50%;
}

#event .second .calendar {
	float:none;
	width:100%;
	height:auto;
	background:#fff;
	text-align:center;
}
#event .calendar h3 {
	  
	   margin: 5px 0;
	   font-size:100%;
}
#top #event .calendar h3 ,
#event #top #event .calendar h3 {
	  
	   margin: 15px 0 5px;
	   font-size:110%;
}
#event .second .calendar h3,
#event #top .second .calendar h3{
	   margin: 0;
	   font-size:100%;
}
#event .calendar .datepicker,
#event #top .calendar .datepicker {

	width:84%;
	margin:0 auto;
}
.ui-datepicker {
    width: 98%;
    padding: 0 0 0;
   
}


.ui-datepicker .ui-datepicker-header {
    position: relative;
    padding: .1em 0;
}
.ui-datepicker th {
    padding: .2em .2em;
    text-align: center;
    font-weight: normal;
    border: 0;
}
.ui-datepicker td {
    border: 0;
    padding: 0px;
}
.ui-datepicker td a {
    display: block;
    padding: .2em;
    text-align: center;
    text-decoration: none;
	
}
#event .calendar .bt a {
	background:#ffb600;
	font-size:13px;
	display:block;
	margin:0 8% 10px;
	padding:12px 0;
}
#event .calendar .bt a:before{
	left:15px;
	font-size:10px;
}


#event .calendar .bt2 {
	float:left;
	width:33%;
}
#event .calendar .bt2 a {
	color:#FFF;
	background:#ffb600;
	font-size:13px;
	display:block;
	margin:0 3% 0px;
	padding:10px 0;
}
#event .calendar .bt2 a:before{
	content: "\f054";
/*	display: inline-block; */
	font-family: FontAwesome;
	font-size: 10px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin:0 10px 0 0px;
	left:-20px;
}

#event .calendar .bt2 a:hover{
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/*アンカーヘッダー固定調整*/
#event #event_list {
	padding-top: 100px;
}


@media only screen and (max-width:768px){
/*アンカーヘッダー固定調整*/
#event #event_list {
	padding-top: 60px;
}

  #event .calendar,
#event #top .three .calendar,
#event #event .three .calendar {


		float:none;
		width:100%;
		height:auto;
		background:#fff;
		padding:20px 0;
	}
	/**** イベント2つの場合***/
	#event .two .calendar,
#event #top .two .calendar ,
#event #evnet .two .calendar {

		float:none;
		width:100%;
	}
	/**** イベント2つの場合***/
	#event .one .calendar,
#event #top .one .calendar ,
#event #event .one .calendar {
		float:none;
		width:100%;
	}
}

/************************************

SPOT

************************************/
#spot .back_image{
	background:url(../images/spot_back.webp) no-repeat center top;
	background-size:cover;
	width:100%;
	height:70vh;
	position:relative;
	
}
#spot .back_image img{
	position:absolute;
	bottom:-0px;
	left:0;
	width:100%;
}

#spot .container{
	position:relative;
	
}

@media only screen and (max-width:768px){
	
	#spot .back_image{
		background:url(../images/spot_back_sp.webp) no-repeat center top;
	background-size:cover;
	height:40vh;
	}
	
}


/******* spot_search ********/
#spot_search{
	margin-bottom:50px;
}
#spot_search .search_waku {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
	-webkit-justify-content: space-between; /* Safari */
  justify-content:        space-between;
}
#spot_search .search_waku div {
	
}
/*IE8▼*/
#spot_search .search_waku div {
float: left\9;
}
/*IE9▼*/
#spot_search .search_waku div:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#spot_search .search_waku div  {
	float:left !important;
}
}

#spot_search .search_waku #cat_area{
	width:65%;
}
#cat_area{
	background:#ebf7f7;
}

#cat_area .subarea{
	padding-bottom:20px;
}
#spot_search .search_waku #spot_food{
	width:30%;
}
#spot_search .search_waku h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	padding:20px 0;
	font-size:110%;
	letter-spacing:.8s;
	position:relative;
}

#spot_search .search_waku h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 30px;
  color: #fff;
  font: 26px 'FontAwesome';
}
.search_waku #cat_area h4:before{
  content: "\f002";
}
.search_waku #spot_food h4:before{
  content: "\f0f5";
}

/****** sidecolumn *****/

@media only screen and (max-width:768px){
	#spot_search .search_waku {
		margin:0 5%;
		width:90%;
	}

	#cat_area{
	padding-bottom:0px;
}

	#spot_search .search_waku #cat_area{
	width:100%;
	background:#ebf7f7;
	margin:0 0 20px;
	padding:0 0 0px 0;
}
#spot_search .search_waku #spot_food{
	width:100%;
}
#spot_search .search_waku h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	padding:15px 0;
	font-size:100%;
	letter-spacing:.4;
	position:relative;
}

#spot_search .search_waku h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
 left: 15px;
  color: #fff;
   font: 20px 'FontAwesome';
}

#spot_search .search_waku .subarea {
	
	padding:0 0 20px;
}
/*** 現在地から探す ***/

#spot_search .search_waku .genzaichi{
	width:100%;
	margin:0 0 20px;
}
#spot_search .search_waku .genzaichi h4:before{
  content: "\f041";
}
#spot_search .search_waku .genzaichi h4 a{
	color:#fff;
}

/*** 現在地から探す(#sidecolumn) ***/
.second .search_waku {
	margin:0 8%;
}
.second .search_waku h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	
	font-size:90%;
	letter-spacing:.4;
	position:relative;
}

.second .search_waku h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
 left: 15px;
  color: #fff;
   font: 20px 'FontAwesome';
}
.second .genzaichi{
	width:100%;
	margin:0 0 20px;
	text-align:center;
}
.second .genzaichi h4:before{
  content: "\f041";
}
.second .genzaichi h4 a{
	color:#fff;
	padding:12px 0;
	display:block;
	
}

}


/**** 検索フォーム ****/
#spot #cat_area .check {
	padding:20px;
	text-align:left;
}
#spot #cat_area .cat {
	float:left;
	border-right:1px solid #000;
	width:50%;
	padding:0 20px;
}
#spot #cat_area .area {
	float:left;
	width:50%;
	padding:0 20px;
}
#spot #cat_area .check h5 {
	font-size:100%;
	margin:0 0 5px;
}
#spot #cat_area .check ul{
	letter-spacing:-1em;
}
#spot #cat_area .check li {
	letter-spacing:0em;
	display:inline-block;
	width:50%;
	font-size:90%;
}
#spot #cat_area .check li input[type="checkbox"] {
	margin-right:5px;
}
.inp_search{
	padding:20px 10px;
}
.inp_search1{
	padding:25px 0  0 10px;
}


#spot #cat_area .bt input[type="submit"],
.bt input[type="submit"] {

	background-color:#000;
	letter-spacing:0.1em;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:100%;
	padding:10px 60px;
	display:block;
	margin:0 auto;
	cursor:pointer;
	position:relative;
}
#spot #cat_area .bt input[type="submit"]:before,
.bt input[type="submit"]:before{

  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 20px;
  color: #fff;
  font: 14px 'FontAwesome';
  content: "\f105";
  z-index:10;
}

/***** sidecolumn *****/
#sidecolumn #cat_area{
	margin:0 0 50px;
}
#sidecolumn #cat_area h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	padding:15px 0;
	font-size:90%;
	letter-spacing:.8s;
	position:relative;
}
#sidecolumn #cat_area  h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 15px;
  color: #fff;
  font: 16px 'FontAwesome';
  content: "\f002";
}
#sidecolumn #cat_area .cat {
	float:none;
	border-right:none;
	width:100%;
	padding:0 5% 20px;
	border-bottom:1px solid  #000;
}
#sidecolumn #cat_area .area {
	float:none;
	width:100%;
	padding:20px 0 5%;
}
#sidecolumn #cat_area .check li {
	width:100%;
}
/*** food ***/

#spot_search .search_waku #spot_food .banner a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/bn_spot_food.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 0;
	width: 100%;
	padding-top:79.5%;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#spot_search .search_waku #spot_food .banner a {
    background-image:url(../images/bn_spot_food@2x.jpg);
  }
}
/* Flashing */
#spot_search .search_waku #spot_food a:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
/***** sidecolumn *****/
#sidecolumn #spot_food{
	margin:0 0 50px;
}
#sidecolumn #spot_food h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	padding:15px 0;
	font-size:90%;
	letter-spacing:.8s;
	position:relative;
	text-align:center;
}
#sidecolumn #spot_food  h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 15px;
  color: #fff;
  font: 16px 'FontAwesome';
  content: "\f0f5";
}
@media only screen and (max-width:768px){
	#spot #cat_area .check {
	padding:0 20px;
	text-align:left;
}
#sidecolumn #cat_area h4 {
	padding:12px 0;
	font-size:90%;
}
#spot #cat_area .cat {
	float:none;
	border-right:none;
	border-bottom:1px solid #000;
	width:100%;
	padding:20px 0 ;
}

#spot #cat_area .area {
	float:none;
	border-right:none;
	border-bottom:1px solid #000;
	width:100%;
	padding:20px 0 ;
}
#spot #cat_area .check li {
	width:33%;
}
.inp_search1{
	padding:5px 0  0 10px;
}
.inp_search{
	padding:0px 10px;
}

#spot #cat_area .bt input[type="submit"],
.bt input[type="submit"] {

	padding:10px 0px;
	display:block;
	width:84%;
	margin:20px auto 0;
}

#sidecolumn #cat_area h4 {
	font-size:90%;
}

#spot_search .search_waku #spot_food .banner a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/bn_spot_food_sp@2x.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 0;
	width: 100%;
	padding-top:33.6%;
}
/***** sidecolumn *****/
#sidecolumn #spot_food{
	margin:0 8% 50px;
}
}
@media only screen and (max-width:480px){
#spot #cat_area .check li {
	width:50%;
}

}
/**** ランキング ****/
#spot_ranking {
	margin-bottom:70px;
}
#spot_ranking #spot_ranking_t{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/top_ranking_t.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 100px;
	width: 270px;
	margin:0 auto 0px;
	transition:1s;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#spot_ranking #spot_ranking_t{
    background-image:url(../images/top_ranking_t@2x.png);
  }
}
#spot_ranking h3 {
	font-size:100%;
	margin:0 0 40px;
	text-align:center;
	transition:1s;
}

#spot_ranking .ranking_list{
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}
#spot_ranking .ranking_list article {
	position:relative;
}
/*IE8▼*/
#spot_ranking .ranking_list article {
float: left\9;
}
/*IE9▼*/
#spot_ranking .ranking_list article:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#spot_ranking .ranking_list article  {
	float:left !important;
}
}
#spot_ranking .ranking_list article.no1,
#spot_ranking .ranking_list article.no2 {
	width:50%;
}
#spot_ranking .ranking_list article.no3,
#spot_ranking .ranking_list article.no4,
#spot_ranking .ranking_list article.no5 {
	width:33.333%;
}

#spot_ranking .ranking_list article a:hover{
	
}
#spot_ranking .ranking_list article figure{
	height:330px;
}
#spot_ranking .ranking_list article figure img{
	min-height:330px;
}
#spot_ranking .ranking_list article.no3 figure,
#spot_ranking .ranking_list article.no4 figure,
#spot_ranking .ranking_list article.no5 figure{
	height:200px;
}
#spot_ranking .ranking_list article.no3 figure img,
#spot_ranking .ranking_list article.no4 figure img,
#spot_ranking .ranking_list article.no5 figure img{
	min-height:200px;
}

@media only screen and (max-width:1200px){
	#spot_ranking .ranking_list article figure{
	height:250px;
}
#spot_ranking .ranking_list article figure img{
	min-height:250px;
}
#spot_ranking .ranking_list article.no3 figure,
#spot_ranking .ranking_list article.no4 figure,
#spot_ranking .ranking_list article.no5 figure{
	height:150px;
}
#spot_ranking .ranking_list article.no3 figure img,
#spot_ranking .ranking_list article.no4 figure img,
#spot_ranking .ranking_list article.no5 figure img{
	min-height:150px;
}
}
@media only screen and (max-width:1000px){
	#spot_ranking .ranking_list article figure{
	height:200px;
}
#spot_ranking .ranking_list article figure img{
	min-height:200px;
}
#spot_ranking .ranking_list article.no3 figure,
#spot_ranking .ranking_list article.no4 figure,
#spot_ranking .ranking_list article.no5 figure{
	height:120px;
}
#spot_ranking .ranking_list article.no3 figure img,
#spot_ranking .ranking_list article.no4 figure img,
#spot_ranking .ranking_list article.no5 figure img{
	min-height:120px;
}
}
@media only screen and (max-width:480px){
	#spot_ranking .ranking_list article figure{
	height:auto !important;
	min-height:auto;
	height:auto;
}
#spot_ranking .ranking_list article figure img{
	position:relative;
	 top: auto;
	  transform:none;
  left: auto;
  right:auto;
  margin:auto;
  min-height:auto;
}
#spot_ranking .ranking_list article.no3 figure,
#spot_ranking .ranking_list article.no4 figure,
#spot_ranking .ranking_list article.no5 figure{
	height:auto;
}
#spot_ranking .ranking_list article.no3 figure img,
#spot_ranking .ranking_list article.no4 figure img,
#spot_ranking .ranking_list article.no5 figure img{
	min-height:auto;
}
}
#spot_ranking .ranking_list article .image:hover a.linkspace {
	position:absolute;
	width:100%;
	display:block;
	height:100%;
	z-index:110;
	left:0;
	top:0;
}

#spot_ranking .ranking_list article .text{
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	width:50%;
	padding:10px 20px;
	text-align:left;
	z-index:120;
}

#spot_ranking .ranking_list article .text:after {
  position: absolute;
top:0;
  right: 0px;
  color: #ddd;
  font: 32px 'Open Sans Condensed';
  line-height:100%;
}
#spot_ranking .ranking_list article.no1 .text:after {
	content: "No1";
}
#spot_ranking .ranking_list article.no2 .text:after {
	content: "No2";
}
#spot_ranking .ranking_list article.no3 .text:after {
	content: "No3";
}
#spot_ranking .ranking_list article.no4 .text:after {
	content: "No4";
}
#spot_ranking .ranking_list article.no5 .text:after {
	content: "No5";
}
#spot_ranking .ranking_list article h3 {
	font-size:100%;
}
@media only screen and (max-width:1000px){
	#spot_ranking .ranking_list article .text{
	width:70%;
}
#spot_ranking .ranking_list article h4 {
	font-size:90%;
}
#spot_ranking .ranking_list article .text:after {
  position: absolute;
top:0;
  right: 0px;
  color: #ddd;
  font: 16px 'Open Sans Condensed';
  line-height:100%;
}
}
/*** spotページ内 ***/
.second #spot_ranking{
	margin:50px 0 ;
}
.second #spot_ranking .ranking_list article .text{
	position:relative;
	background:#efece2;
	width:100%;
	padding:5%;
}
.second #spot_ranking .ranking_list article:nth-child(even) .text{
	background:#f5f3ed;
}
/*** like ***/
.like{
	
}
.like .icon{
	cursor:pointer;
	position:relative;
	float:left;
	display:block;
	width:30px;
	height:30px;
	background:#bbb;
	/*全体角丸*/
border-radius: 50%; /* CSS3草案 */ 
-webkit-border-radius: 50%; /* Safari,Google Chrome用 */ 
-moz-border-radius: 50%; /* Firefox用 */ 
}
.like .icon.active{
	background:#c1272d;
}
.like .icon:after {
	position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 0px;
  right:0px;
  margin:auto;
  width:14px;
  color: #fff;
  font: 14px 'FontAwesome';
  content: "\f004";
}

.like p {
	margin:0 0 0 35px;
	font-size:12px;
	position:relative;
	padding:5px 0 0 0 ;
}
/*
.like p:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  right: 0px;
  width:20px;
  color: #aaa;
  font: 14px 'FontAwesome';
  content: "\f08a";
}*/
.like p.active:before{
	 color: #c1272d;
	  content: "\f004";
}
.like p .count {
	border:1px solid #aaa;
	font-size:10px;
	padding:2px;
	margin:0 0 0 5px;
	/*全体角丸*/
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
}
/*
@media only screen and (max-width:768px){
	#spot_ranking .ranking_list article .text{
	width:70%;
	padding:15px;
}
}*/

@media only screen and (max-width:768px){
	#spot_ranking .ranking_list article .text{
	width:70%;
	padding:10px;
}
}
@media only screen and (max-width:480px){
	#spot_ranking{
		margin:0 0 0px;
	}
#spot_ranking #spot_ranking_t{
	background-image:url(../images/top_ranking_t@2x.png);
	height: 85px;
	width: 200px;
	margin:0 auto 0px;
}
#spot_ranking h3 {
	font-size:90%;
}

#spot_ranking .ranking_list{
	
}
#spot_ranking .ranking_list article{
	border-bottom:1px solid #ccc;
}
#spot_ranking .ranking_list article.no1,
#spot_ranking .ranking_list article.no2 {
	width:100%;
}
#spot_ranking .ranking_list article.no3,
#spot_ranking .ranking_list article.no4,
#spot_ranking .ranking_list article.no5 {
	width:100%;
}

#spot_ranking .ranking_list article a.linkspace {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
}
#spot_ranking .ranking_list article .text{
	position:relative;
	bottom:0;
	right:0;
	background:#fff;
	width:100%;
	padding:20px;
	text-align:left;
	z-index:10;
}
/*** no3-5 ***/
#spot_ranking .ranking_list article.no3,
#spot_ranking .ranking_list article.no4,
#spot_ranking .ranking_list article.no5{
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
}
#spot_ranking .ranking_list article.no3 figure,
#spot_ranking .ranking_list article.no4 figure,
#spot_ranking .ranking_list article.no5 figure {
	float:left;
	width:50%;
}
#spot_ranking .ranking_list article.no3 .text,
#spot_ranking .ranking_list article.no4 .text,
#spot_ranking .ranking_list article.no5 .text {
	float:left;
	width:50%;
}
#spot_ranking .ranking_list article .text:after {
  position: absolute;
top:0;
  right: 0px;
  color: #ddd;
  font: 32px 'Open Sans Condensed';
  line-height:100%;
}
#spot_ranking .ranking_list article h3 {
	font-size:100%;
}
/*** spotページ内 ***/
.second #spot_ranking .ranking_list article .text{
	position:relative;
	background:#fff;
	width:100%;
}
.second #spot_ranking .ranking_list article:nth-child(even) .text{
	background:#fff;
}
.second #spot_ranking .ranking_list article.no3 .text,
.second #spot_ranking .ranking_list article.no4 .text,
.second #spot_ranking .ranking_list article.no5 .text {
	float:left;
	width:50%;
}
/***like***/
.like{
	
}
.like p {
	font-size:12px;
	position:relative;
	
	
}
/*
.like p:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  width:20px;
  color: #aaa;
  font: 14px 'FontAwesome';
  content: "\f08a";
}*/
.like p.active:before{
	 color: #c1272d;
	  content: "\f004";
}
.like p .count {
	border:1px solid #aaa;
	font-size:10px;
	padding:2px;
	margin:0 0 0 5px;
	/*全体角丸*/
border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
}
}


/************************************

STAY

************************************/
#stay .back_image{
	background:url(../images/stay_back.jpg) no-repeat center ;
	background-size:cover;
	width:100%;
	height:70vh;
	position:relative;
}
#stay .back_image img{
	position:absolute;
	bottom:-0px;
	left:0;
	width:100%;
}

#stay .container{
	position:relative;
	
}

@media only screen and (max-width:768px){
	#stay .back_image{
		background:url(../images/stay_back_sp.jpg) no-repeat center ;
	background-size:cover;
	height:40vh;
	}
	
}


/*** stay news ***/
#stay_news{
	margin:0 0 60px;
}
#stay .list2 article {
	width:25%;
	position:relative;
}
#stay .list2 article .text {
	padding:10px;
	color:#fff;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.6);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff);/*IE8以下用*/
}
#stay .list2 article .text:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 10px;
  color: #fff;
  font: 10px 'FontAwesome';
  content: "\f105";
}
#stay .list2 article .text h3 {
	font-size:90%;
	font-weight:normal;
	text-align:left;
}

/*** stay recommend ***/
#stay_recommend{
	margin:0 auto 70px;
}
#stay_recommend .list_recommend{
	position:relative;
	width:100%;
	height:480px;
	text-align:left;
}
#stay_recommend ul {
	margin-left:640px;
	height:480px;
	overflow:scroll;
}
#stay_recommend li {
	height:96px;
	 background: linear-gradient(#1b1464, #201934);
}
#stay_recommend li a{
	display:block;
	height:96px;
}
/* Flashing */
#stay_recommend li:hover a.right {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

#stay_recommend li .image_s {
	float:right;
	width:128px;
}
#stay_recommend li .text {
	
	margin-right:140px;
	position:relative;
	height:96px;
}
#stay_recommend li .text p {
	position:absolute;
	top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
	left:20px;
	font-weight:bold;
	color:#fff;
}

#stay_recommend li .sub {
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:640px;
	height:480px;
	background:#bbb;
	transition:.8s;
}
#stay_recommend li:nth-child(1) .sub{
	display:block;
}
#stay_recommend li:hover .sub {
	display:block;
}
#stay_recommend li .sub figure {
	height:480px;
}
 #stay_recommend li .sub figure.image img {
	 position:absolute;
	 top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:auto;
  min-height:480px;
  width:auto;
 }
 @media only screen and (max-width:1000px){
	 #stay_recommend .list_recommend{
	position:relative;
	width:100%;
	height:288px;
	text-align:left;
}
	 #stay_recommend ul {
	margin-left:340px;
	height:288px;
}
#stay_recommend li .sub {
	width:340px;
	height:288px;
}
#stay_recommend li .sub figure {
	height:288px;
}
#stay_recommend li .sub figure.image img {
	 min-height:288px;
}
 }
@media only screen and (max-width:768px){
	#stay_recommend .list_recommend{
	position:relative;
	width:100%;
	height:auto;
}
#stay_recommend ul {
	margin-left:0;
	height:auto;
	overflow:visible;
}
#stay_recommend li {
	height:96px;
}
#stay_recommend li .sub {
	display:none;
	position:relative;
	top:auto;
	left:auto;
	width:100%;
	height:auto;
}
#stay_recommend li:nth-child(1) .sub{
	display:none;
	position:relative;
}
#stay_recommend li:hover .sub {
	display:none;
	position:relative;
}
}

/*** stay area ***/
#stay_area{
	margin:0 auto 70px;
}

#stay_area ul.area li {
	width:23%;
	height:150px;
}
#stay_area ul.area li:hover{
	transition:.3s;
	width:24%;
	height:154px;
	margin:0.5% ;
}

#stay_area ul.area li a {
	display:block;
	width:100%;
	height:150px;
}

#stay_area .bt {
	margin:20px 0 0;
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#stay_area .bt:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
#stay_area .bt a {
	width:48%;
	margin:0 1%;
	position:relative;
	padding:20px 0;
	background:#1b1464;
}
/*IE8▼*/
#stay_area .bt a {
float: left\9;
}
/*IE9▼*/
#stay_area .bt a:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#stay_area .bt a {
	float:left !important;
}
}
@media only screen and (max-width:768px){
	#stay_area{
		margin:0 5% 50px;
		width:90%;
	}
	
}
@media only screen and (max-width:480px){
	#stay_area{
		margin:0 5% 50px;
		width:90%;
	}
	
	#stay_area ul.area li {
	width:46%;
	height:100px;
}
#stay_area ul.area li:hover{
	
	width:46%;
	height:100px;
	margin:2%;
}
#stay_area ul.area li a{
	height:100px;
}

#stay_area .bt a {
	width:96%;
	margin:0 2% 2%;
}
}

/************************************

janl

************************************/
#top .janl {
	display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;

}
#top .janl li {
display: inline-block; 
width:23%;
	margin:1%;
transition:.7s;
	position:relative;
	background:#efece2 url(../images/kado_newsjanl.png) no-repeat right bottom;
	background-size:14px;
  border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
}
#top .janl a {
	width:100%;
	margin:1%;
	padding:10px 15px;
	display:block;
	font-size:80%;
}
#top .janl a:hover{
	background-color:#e7e3d4;
	width:100%;
	margin:0.5%;
}
/*IE8▼*/
#top .janl a {
float: left\9;
}
/*IE9▼*/
#top .janl a:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

#top .janl a  {
	float:left !important;
}
}

@media only screen and (max-width:768px){
#top .janl{
  display: block; /* before Android4.3 iOS6:Safari */
	display: -ms-flexbox;/*IE10*/
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-flex-wrap: wrap; /* Safari */
	flex-wrap:  wrap;
    margin:0 2%;
	}

  
#top .janl li {
display: inline-block; 
width:48%;
	margin:1%;
transition:.7s;
	position:relative;
	background:#efece2 url(../images/kado_newsjanl.png) no-repeat right bottom;
	background-size:14px;
  border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 
  }
 #top .janl a {
	width:100%;
	margin:1%;
	font-size:80%;
    	display:block;

	}
#top	.janl a:hover{
		width:100%;
		margin:1%;
	}
}


/************************************

useful

************************************/
#top .useful li {
	width:14.5%;
	margin:1%;
}
#top .useful li:hover{
	opacity:.5;
	width:15.5%;
	margin:0.5%;
}
#top .useful li a{
padding:20px;
display:block;
color:#fff;
}
#top .useful li p {
	
	font-size:90%;
	font-weight:bold;
}
#top .useful li img {
	width:50px;
	margin:0 0 5px;
}
@media only screen and (max-width:768px){
	
	#top .useful li {
	width:31%;
	margin:1%;
	font-size:90%;
}
#top .useful li:hover{
	width:31%;
	margin:1%;
}
}
@media only screen and (max-width:480px){
	
	#top .useful li {
	width:48%;
	margin:1%;
}
#top .useful li:hover{
	width:48%;
	margin:1%;
}
}

/************************************

johoteikyo 

************************************/
#top #johoteikyo .bt a {
	background:#1b1464;
	width:350px ;
	margin:0 10px;
	display:inline-block;
	font-size:100%;
}
#top #johoteikyo .bt a:before{
  left: 30px;
  font: 14px 'FontAwesome';
  content: "\f054";
}
@media only screen and (max-width:768px){
	#top #johoteikyo .bt {
		margin:0 5%;
	}
	#top #johoteikyo .bt a {
	width:48% ;
	margin:0 1%;
	font-size:90%;
}

}
@media only screen and (max-width:480px){
	#top #johoteikyo .bt a {
	width:98% ;
	margin:0 1% 10px;
}
}

/************************************

johoteikyo 

************************************/
#johoteikyo1 .bt a {
	background:#1b1464;
	width:350px ;
	margin:0 10px;
	display:inline-block;
	font-size:100%;
}
#johoteikyo1 .bt a:before{
  left: 30px;
  font: 14px 'FontAwesome';
  content: "\f054";
}
@media only screen and (max-width:768px){
	#johoteikyo1 .bt {
		margin:0 5%;
	}
	#johoteikyo1 .bt a {
	width:48% ;
	margin:0 1%;
	font-size:90%;
}

}
@media only screen and (max-width:480px){
	#johoteikyo1 .bt a {
	width:98% ;
	margin:0 1% 10px;
}
}
/************************************

クリックしたらサブコンテンツ表示

************************************/

.click_contents h4 {
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:16px;
	color:#fff;
	padding:20px 0;
	font-size:110%;
	letter-spacing:.8s;
	position:relative;
	text-align:center;
}
.click_contents h4:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 30px;
  color: #fff;
  font: 26px 'FontAwesome';
}
/*** news ***/
#top #news .click_contents{
	display:block !important;
}
#top #news .click_contents{
	margin:0 0 30px;
	
}
#top #news .click_contents h4 {

	padding:12px 0;
	font-size:90%;
	letter-spacing:.4;
	cursor:pointer;
}
#top #news .click_contents h4:before{
  left: 15px;
  font: 20px 'FontAwesome';
}
#top #news .subarea {
	display:none;
	padding:15px 0;
}
/*** news ***/
#top #news  .click_contents{
	display:block;
	margin:0 auto 70px;
}
#top #news  .click_contents h4{
	margin:0 auto;
	width:30%;
}
#top #news  .click_contents h4:before{
  content: "\f002";
}


@media only screen and (max-width:768px){
#top #news .click_contents{
	margin:0 0 30px;
	
}
#top #news .click_contents h4 {

	padding:12px 0;
	font-size:90%;
	letter-spacing:.4;
	cursor:pointer;
}
#top #news .click_contents h4:before{
  left: 15px;
  font: 20px 'FontAwesome';
}
.subarea {
	display:none;
	padding:15px 0;
}
/*** news ***/
#top #news .click_contents{
	display:block;
	margin:0 0 20px;
}
#top #news .click_contents h4{
	margin:0 8% ;
	width:84%;
}
#top #news .click_contents h4:before{
  content: "\f002";
}



}