@charset "UTF-8";
/* CSS Document */
/*　カラー
15B3C6　メインカラー
43C2D2　検索ボックス部分
#6ED0DC　検索ボックス部分枠線
40AED0　検索ボックス部分 スマホ
7BC7DF　検索ボックス部分枠線 スマホ
15B3C6　リンクhover
15b3c6　ボタン色


*/

/* 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;
}

/* フォントを適用 */
.body-opensans {
    font-family: 'Open Sans Condensed', sans-serif;
}

.body-sawarabi {
    font-family: 'Sawarabi Mincho', serif;
}




/** 明朝（さわらび明朝あり）
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "Sawarabi Mincho", "HGS明朝E",  serif;
*/



body {
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	/* [disabled]font-weight: 500; */ /*winいｐほdows対策*/
	text-align: center;
	-webkit-text-size-adjust: 100%;

/*長押し用*/

user-select:none;
touch-callout:none;
-webkit-user-select:none;
-webkit-touch-callout:none;
-webkit-user-drag:none;
-moz-touch-callout:none;
-moz-user-select:none;

-khtml-user-select:none;
-khtml-user-drag:none;

/*フッター固定（広島ニュース駐車場用）*/
footer .fLink {
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
}

footer .fLink li {
	width: 25%;
	height: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 64px;
}


footer .fLink li a {
	display: block;
	color: #FFF;
}

footer .fLink li:nth-child(1) a {
	background: #368203;
}

footer .fLink li:nth-child(2) a {
	background: #b85c00;
}

footer .fLink li:nth-child(3) a {
	background: var(--red);
}

footer .fLink li:nth-child(4) a {
	background: var(--wine);
}

footer .fLink i {
	position: relative;
	top: 4px;
	margin-right: 8px;
}
footer .fLink img {
	position: relative;
	top: 10px;
	margin-right: 8px;
	height:30px;
}





}
*{
	margin:0;
	padding:0;
	-moz-box-sizing: border-box;
  box-sizing: border-box;



}
img{
	vertical-align: bottom;

/*iphone用コピーガード対応*/
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
pointer-events: none;
}




.noclick{
	pointer-events: auto;
}


a {
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#000;
}

.clearfix:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  
li {
	list-style:none;
}
i {
	padding:0 5px;
}
.pc {
	
}
.sp {
	display:none;
}
img{
max-width: 100%;

}
section:after,article:after,dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html section   ,* html article,* html dl          { zoom: 1; } /* IE6 */  
*:first-child+html section,*:first-child+html article,*:first-child+html dl { zoom: 1; } /* IE7 */  

@media only screen and (max-width:768px){
img{
	border: 0;
	max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
}
 

.pc {
	display:none;
}
.sp {
	display:block;
}
}
/*PC改行加える*/
.br-pc{
	display:block;
}
 /*PC改行無効*/
.br_sp{
	display:none;
}
.br_ssp{
	display:none;
}
@media only screen and (max-width:768px){
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:none; 
}
}
@media only screen and (max-width:480px){
	/*SP改行無効*/
.br-pc{
	display:none;
}
/*SP改行加える*/
.br_sp { display:block; }
.br_ssp{
	display:block; 
}
}
/************************************

scroll animation

************************************/
.b5{
margin-bottom:5px !important;
}

.b10{
margin-bottom:10px !important;
}

.b15{
margin-bottom:15px !important;
}

.b20{
margin-bottom:20px !important;
}

.b30{
margin-bottom:30px !important;
}

.b40{
margin-bottom:40px !important;
}

.b50{
margin-bottom:50px !important;
}

.b60{
margin-bottom:60px !important;
}

.b70{
margin-bottom:70px !important;
}

.b80{
margin-bottom:80px !important;
}

.b90{
margin-bottom:90px !important;
}

.b100{
margin-bottom:b100px !important;
}
/************************************

scroll animation

************************************/
@-webkit-keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}
/* transition: .8s; */

/*ズームイン表示*/
.list-mv01{
	transform: scale(0, 0);
	-webkit-transform: scale(0, 0);
	transition:.8s;
}
.mv01{
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
}

/*フェードイン表示*/
.list-mv02{
	opacity: 0;
	transition:.8s;
}
.list-mv02:not(:target) {
opacity: 1\9; /*IE9対策*/
}
.mv02{
	opacity: 1.0;
}


/*上移動*/
.list-mv05{
	transform: translate(0,40px); 
	-webkit-transform: translate(0,40px); 
	transition:.8s;
}
.mv05{
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

/*移動＋フェードイン表示*/
.list-mv07{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
	transition:.8s;
}
.list-mv07:not(:target) {
opacity: 1\9; /*IE9対策*/
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

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

wrapper

************************************/
.wrapper {
	width:100%;
	max-width:1200px;
	margin:auto;
}
.wrapper:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html .wrapper             { zoom: 1; } /* IE6 */  
*:first-child+html .wrapper { zoom: 1; } /* IE7 */  

.wrapper_sp8{
	
}
@media only screen and (max-width:1200px){
	.wrapper {
	width:90%;
	max-width:90;
	margin:auto;
}
}
@media only screen and (max-width:768px){
	.wrapper {
	width:100%;
	margin:0 auto;
overflow: hidden;
}
.wrapper_sp8{
	margin:auto 8%;
}
}

/**** second ver
.second .wrapper {
	width:100%;
	max-width:1200px;
	margin:auto;
} ****/

@media only screen and (max-width:1200px){
	.second .wrapper {
	width:90%;
	max-width:90;
	margin:auto;

}
}
@media only screen and (max-width:768px){
.second 	.wrapper {
	width:100%;
	margin:0 auto;
	overflow: hidden;
}

}


/************************************
HEADER headerのみ breakpoint 850px

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

header {
	background-color:#15B3C6;
	color:#fff;
	width:100%;
	height:80px;
	position:fixed;
	top:0;
	z-index:200;
	text-align:left;
	/* 横方向　下方向　ぼかし　色＆透過 */
box-shadow: 0px 1px 10px rgba(0,0,0,0.25);

}
header a{
	color:#fff;
	text-decoration:none;
}
header a:hover {
	color:#fff;
	text-decoration:none;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

header .wrapper{
	margin:10px auto;
}
.header-pc{
}
.header-sp{
	display:none;
}
/** logo **/
header h1 a {
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/headlogo-pc.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 49px;
	width: 190px;
	margin:8px 0 5px;

/*rashin修正
	width: 158px;
	margin:5px 0;

*/
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
header h1 a {
    background-image:url(../images/headlogo-pc@2x.png);
  }
}

@media only screen and (max-width:1200px){
	header .wrapper{
	margin:10px 10px;
	width:auto;
}
}
@media only screen and (max-width:850px){
	header {
/*background-color:#1B1464;*/
	color:#fff;
	width:100%;
	height:50px;
	position:fixed;
	z-index:100;
	text-align:left;
	padding:10px 0;
	transition:.3s;
}
header .wrapper{
	margin:0;
overflow: hidden;	
}
.header-pc{
	display:none;
}
.header-sp{
	display:block;
}
header h1 a {
	background-image:url(../images/headlogo-sp@2x.png);	
	height: 30px;
	width: 130px;
	margin:0px 0 0 5%;
}
}




/** nav **/
header .header-pc nav {
	float:left;
	width:740px;
	margin:20px 0 0 20px;
}
header .header-pc nav ul {
	height:30px;
	letter-spacing:-1em;
	/*border-left:1px solid #157DA5;
	border-right:1px solid #6AC0DB;*/
}
header .header-pc nav li {
	letter-spacing:0em;
	display:inline-block;
	font-size:13px;
	margin:0 10px;
	
}
header .header-pc nav li a {
	text-align:center;
	height:30px;
	display:block;
	line-height:120%;
	font-weight:bold;
	/*border-left:1px solid #6AC0DB;
	border-right:1px solid #157DA5;*/
	padding-left:20px;
	background-repeat:no-repeat;
	background-position:left 0px;
	background-size:15px;
}

header .header-pc nav li#head_news a {
	background-image:url(../images/head_news@2x.png);
}
header .header-pc nav li#head_event a {
	background-image:url(../images/head_event@2x.png);
}
header .header-pc nav li#head_spot a {
	background-image:url(../images/head_spot@2x.png);
	background-size:19px;
	padding-left:22px;
	background-position:left 2px;
}
header .header-pc nav li#head_stay a {
	background-image:url(../images/head_stay@2x.png);
}
header .header-pc nav li#head_gourmet a {
	background-image:url(../images/head_gourmet@2x.png);
	background-size:14px;
}

/** search **/
header .header-pc .search {
	float:right;
	margin:20px 0 0 30px;
	width:180px;
	position:relative;
}
header .header-pc .search form input[type="search"]{
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	font-weight: 500; /*windows対策*/
/*	background-color:#43C2D2; */
	background-color:#43C2D2;

	border:1px solid #6ED0DC;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:90%;
	padding:5px;
	width:100%;
	box-sizing:border-box;
	margin:0 10px 0 0;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}


header .header-pc .search form input[type="submit"]{
	position:absolute;
	right:1px;
	top:20px;
	background:#43C2D2 url(../images/search_icon@2x.png) no-repeat center center;
	background-size:contain;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:90%;
	padding:0px;
	width:30px;
	z-index:11;
	cursor:pointer;
}
header .header-pc .search form input[type="search"]:placeholder-shown {
    color: #fff; 
	font-size:80%;
opacity: 0.7; 
	}

/* Google Chrome, Safari, Opera 15+, Android, iOS */
header .header-pc .search form input[type="search"]::-webkit-input-placeholder {
    color: #fff; 
	font-size:80%;
opacity: 0.7}

/* Firefox 18- */
header .header-pc .search form input[type="search"]:-moz-placeholder {
    color: #fff; opacity: 0.7;
	font-size:80%;
}

/* Firefox 19+ */
header .header-pc .search form input[type="search"]::-moz-placeholder {
    color: #fff; opacity: 0.7;
	font-size:80%;
	}

/* IE 10+ */
header .header-pc .search form input[type="search"]:-ms-input-placeholder {
    color: #fff; }
	
@media only screen and (max-width:1200px){
	/** search **/

	/** nav **/
header .header-pc nav {
	float:left;
	width:auto;
	margin:20px 10px 0 15px;
}
header .header-pc nav li a {
	padding-left:0px;
	background-repeat:no-repeat;
	background-position:left 0px;
	background-size:15px;
	text-align:left;
}
header .header-pc nav li#head_news a {
	background-image:none;
}
header .header-pc nav li#head_event a {
	background-image:none;
}
header .header-pc nav li#head_spot a {
	background-image:none;
	padding-left:0;
}
header .header-pc nav li#head_stay a {
	background-image:none;
}
header .header-pc nav li#head_gourmet a {
	background-image:none;
}
header .header-pc nav li span {
	display:none;
}

header .header-pc .search {
	float:right;
	margin:15px 0 0 0px;
	width:150px;
	position:relative;
}
}
@media only screen and (max-width:850px){
	header .header-sp nav {
		float:right;
		margin:3px 0;
		width:100px;
	}
	header .header-sp nav li {
		float:left;
		width:50%;
		text-align:center;
		font-size:22px;
		line-height:100%;
	}
	header .header-sp .search {
		display:none;
		position:absolute;
		top:0;
		left:0px;
		background:#0076C1;
		margin-right:100px;
		height:50px;
		 width: calc(100% - 100px);
		 transtion:1s;
}
header .header-sp .search form{
	position:relative;
	margin:10px;
}
header .header-sp .search form input[type="search"]{
	background-color:#40AED0;
	border:1px solid #7BC7DF;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:90%;
	padding:5px;
	width:100%;
	box-sizing:border-box;
	margin:0 10px 0 0;/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}
header .header-sp .search form input[type="submit"]{
	position:absolute;
	right:1px;
	top:5px;
	background:#40AED0 url(../images/search_icon@2x.png) no-repeat center top;
	background-size:contain;
	border:none;
	color:#fff;
	-webkit-appearance: none;
   border-radius: 0;
	font-size:90%;
	padding:0px;
	width:30px;
	z-index:11;
	cursor:pointer;
}
	
}

.search_input{
margin:-5px 10px 0;
width:70%;
height:30px;
}
@media only screen and (max-width:768px){
.search_input{
margin:-5px 0;
width:100%;
height:30px;
}


}



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

FOOTER

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

footer {
	width:100%;
	min-width:100%;
}
/**** menu ****/
footer nav#footmenu{
	background:#EFECE2;
	padding:50px 0;
	text-align:left;
	width:100%;
}
footer nav#footmenu a:hover{
	text-decoration:underline;
}
footer nav#footmenu ul {
	float:left;
	width:20%;
	font-size:90%;
}
footer nav#footmenu ul:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
footer nav#footmenu ul li {
	font-weight:bold;
	margin:0 0 1.0em 0;
	font-size:110%;

}

footer nav#footmenu ul li ul {
	width:100%;
	margin:10px 0;
}
footer nav#footmenu ul li ul li{
	font-weight:normal;
	margin:0 0 1.0em 0;
	padding-left:18px;
	position:relative;
	font-size:100%;

}
footer nav#footmenu ul li ul li:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 3px;
  color: #595757;
  font: 14px 'FontAwesome';
  content: "\f105";
}

@media only screen and (max-width:768px){
	footer nav#footmenu{
	background:#EFECE2;
	padding:30px 5%;
	text-align:left;
}
footer nav#footmenu ul {
	float:none;
	width:100%;
	font-size:90%;
}
footer nav#footmenu ul li {
	float:left;
	width:31%;
	font-weight:normal;
	margin:0 0% 0.7em 0;
}
footer nav#footmenu ul li ul li{
	display:none;
}
footer nav#footmenu ul li ul li:before{
  font: 14px 'FontAwesome';
  content: "";
}

footer nav#footmenu ul li a {
	position:relative;
	padding-left:15px;
	display:block;
}
footer nav#footmenu ul li a:before{
  position: absolute;
top: 5px;
  left: 0px;
  color: #595757;
  font: 12px 'FontAwesome';
  content: "\f105";
}

}
@media only screen and (max-width:480px){
	footer nav#footmenu ul li {
	float:left;
	width:50%;
	font-weight:normal;
	margin:0 0 0.7em 0;
}
}
/**** footinfo ****/
footer #footinfo {
	background:#15B3C6; /*rashin修正　元色1B1464*/
	color:#fff;
	padding:50px 0;
}
footer #footinfo a{
	color:#fff;
}
footer #footinfo a:hover {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

footer #footinfo h1 a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/headlogo-pc.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 49px;
	width: 190px;
	margin:0 auto 20px auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
footer #footinfo h1 a {
    background-image:url(../images/headlogo-pc@2x.png);
  }
}
footer #footinfo ul{
	margin-left:20px;
	margin-bottom:30px;
	letter-spacing:-1em;
}
footer #footinfo ul li {
	display:inline-block;
	letter-spacing:1em;
}
footer #footinfo .copyright {
	font-size:70%;
	letter-spacing:0.3em;
}
/*** pagetop ***/
#pageup a {
	position:fixed;
	right:10px;
	bottom:10px;
	z-index:100;
	color:#aaa;
	font-size:12px;
	font-family: 'Open Sans Condensed', sans-serif;
}
#pageup a strong{
	font-size:30px;
}
#pageup a:hover{
	text-decoration:none;
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

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

	
	footer #footinfo .copyright {
	font-size:70%;
	letter-spacing:0.08em;
}
}

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

SP_MENU

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

#sp-menu{
	display:none;
}
@media only screen and (max-width:850px){
	#sp-menu{
	display:block;
}
/*!------------------------------------*\
    Right
\*!------------------------------------*/
.drawer--right .drawer-nav {
  right: -16.25rem;
  -webkit-transition: right 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: right 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
}

.drawer--right.drawer-open .drawer-nav,
.drawer--right .drawer-hamburger,
.drawer--right.drawer-open .drawer-navbar .drawer-hamburger {
  right: 0;
}

.drawer--right.drawer-open .drawer-hamburger {
  right: 16.25rem;
}
/*!------------------------------------*\
    Hamburger
\*!------------------------------------*/
.drawer-hamburger {
  position: fixed;
  z-index: 104;
  top: 0;
  display: block;
  box-sizing:border-box;
  width: 50px;
  height:50px;

  padding: 0;
  padding-top: 10px;
  padding-right: .75rem;
  padding-bottom: 20px;
  padding-left: .75rem;
  -webkit-transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  border: 0;
  outline: 0;
  background-color:#15B3C6;
}

.drawer-hamburger:hover {
  cursor: pointer;
   background-color: #15B3C6;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:before,
.drawer-hamburger-icon:after {
  width: 100%;
  height: 3px;
  -webkit-transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: all 1.2s cubic-bezier(0.190, 1.000, 0.220, 1.000);
  background-color: #fff;
}

.drawer-hamburger-icon:before
.drawer-hamburger-icon:after {
  position: absolute;
  top: 20px;
  left: 0;
  content: ' ';
}

.drawer-nav {
	text-align:left;
	z-index:200;
}
.drawer-nav a {
	text-decoration:none;
	color:#000;
	font-size:90%;
}
.drawer-nav h2 a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/spmenu_logo@2x.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 31px;
	width: 137px;
	margin:5%;
}
.drawer-nav ul.mainmenu {
	border-top:1px solid #E6E6E6;
	border-bottom:1px solid #E6E6E6;
	padding:5% ;
}
.drawer-nav ul:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
}
.drawer-nav ul.mainmenu li a {
	float:left;
	width:33%;
	height:70px;
	padding:45px 0 0px;
	position:relative;
	font-size:11px;
	line-height:120%;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center 10px;
	background-size:26px;
}
.drawer-nav ul.mainmenu li#spmenu_news a {
	background-image:url(../images/spmenu_news@2x.png);
}
.drawer-nav ul.mainmenu li#spmenu_event a {
	background-image:url(../images/spmenu_event@2x.png);
}
.drawer-nav ul.mainmenu li#spmenu_spot a {
	background-image:url(../images/spmenu_spot@2x.png);
	background-position:center 15px;
	background-size:34px;
}
.drawer-nav ul.mainmenu li#spmenu_stay a {
	background-image:url(../images/spmenu_stay@2x.png);
}
.drawer-nav ul.mainmenu li#spmenu_gourmet a {
	background-image:url(../images/spmenu_gourmet@2x.png);
}
.drawer-nav ul.mainmenu li#spmenu_home a {
	background-image:url(../images/spmenu_home@2x.png);
}
.drawer-nav ul.textmenu {
	overflow:visible;
}
.drawer-nav ul.textmenu li {
	
	border-bottom:1px solid #E6E6E6;
	padding:5% 8% ;
	display:block;
	position:relative;
}
.drawer-nav ul.textmenu li:before{
  position: absolute;
top: 20px;
  right: 8%;
  color: #595757;
  font: 14px 'FontAwesome';
  content: "\f105";
}
.drawer-nav ul.textmenu li.more:before{
  content: "\f107";
}
.drawer-nav .textmenu li ul{
	display:none;
	padding:5% 0;
		
		font-size:85%;
}
.drawer-nav .textmenu li ul li {	border-bottom:none;
	padding:3% 8% ;
	
}
.drawer-nav .textmenu li ul.half li{
	float:left;
	width:50%;
}
.drawer-nav ul.textmenu li ul li:before{
  content:"";
  color:#fff;
}
.drawer-nav ul.sns{
	font-size:150%;
	padding:3% 6% 10%;
}
.drawer-nav ul.sns li {
	display:inline-block;
	padding:2px 15px 2px 0;
}
}

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

#main.second

************************************/
#main.second {
	margin-top:80px;
}
@media only screen and (max-width:768px){
	#main.second {
	margin-top:0px;
}
}
/************************************

パンクズリスト

************************************/
#pankuzu {
	background:#efece2;
	padding:10px 0;
	text-align:left;
	font-size:80%;
	margin:0 0 50px;
}

#pankuzu ul {
	letter-spacing:-1em;
}
#pankuzu ul li {
	letter-spacing:0em;
	display:inline-block;
	padding:0 20px 0 0;
	position:relative;
}
#pankuzu ul li:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 7px;
  color: #595757;
  font: 10px 'FontAwesome';
  content: "\f105";
}
#pankuzu ul li:last-child:before{
	content: "";
}

@media only screen and (max-width:768px){
	#pankuzu{
		display:none;
	}
	#pankuzu ul {
	padding:0 5%;
	font-size:80%;
}
}
/************************************

.page_title

************************************/
.page_title {
	padding:15px 0;
	background:#1b1464;
	margin:0 0 0px;
	color:#fff;
}
#stay .page_title{
	background:#1b1464;
	color:#fff;
}
@media only screen and (max-width:768px){
	.page_title {
	padding:10px 0;
	margin:50px 0 30px;
}
	.page_title .wrapper {
	margin:0 5%;
	width:90%;
	overflow: hidden;
}
}
/************************************

セカンドページの2カラムレイアウト

************************************/
.second #container{
	padding-bottom:50px;
}
.second #container #maincolumn {
	float:left;
	width:72%; /* 72%*/
	text-align:left;
}
.second #container #sidecolumn {
	float:right;
	width:23%;
	text-align:left;
}
@media only screen and (max-width:768px){
	.second #container{
	padding-bottom:30px;
}
	.second #container #maincolumn {
	float:none;
	width:100%;
	margin-bottom:50px;
}
.second #container #sidecolumn {
	float:none;
	width:100%;
	
}
}
/************************************

背景処理

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

.beige_top_togari{
	background:#f7f6f1 url(../images/beige_togari.svg)  no-repeat center top;
	background-size:contain;
	padding:30px 0 0;
}

.white {
	background:#fff;
}

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

見出し

************************************/
/***カテゴリー見出し***/
#news h2.title {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/top_news_t.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size:contain;
	display: block;
	height: 85px;
	width:240px;
	margin:0 auto 40px;
	transition:.8s;
}
#news .second h2.title {
	text-align:left;
	text-indent:inherit;
	white-space: normal;
	background-image:url(../images/head_news@2x.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:28px;
	display: block;
	height: auto;
	width:auto;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 50px;
	margin:0 auto 0px;
}



#event h2.title{
	background:url(../images/icon_event.png) no-repeat center top;
	background-size:37px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	line-height:26px;
	padding-top:55px;
	margin:0 auto 0px;
	transition:.8s;
}
#event .second h2.title{
	text-align:left;
	background:url(../images/head_event@2x.png) no-repeat left top;
	background-size:28px;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 50px;
	margin:0 auto 0px;
	transition:0s;
}
h2.title small {
	font-size:16px;
	letter-spacing:0.08em;
}
.second h2.title small {
	font-size:14px;
	letter-spacing:0.08em;
	padding-left:10px;
}

#event #top #event h2.title {
	margin-left:-50px;
}


@media only screen and (max-width:768px){
	#event #top #event h2.title {
		margin-left:-30px;
	}
}

#event #top #event h2.title {
/*
	background:url(../images/icon_event.png) no-repeat center  top;
*/
	background-size:37px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	line-height:26px;
	padding-top:55px;
	transition:.8s;
	text-align:center;
}
#event #top h2.title small {
	font-size:14px;
	letter-spacing:0.08em;
}




#spot h2.title {
	background:url(../images/icon_spot.png) no-repeat center top;
	background-size:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	line-height:26px;
	padding-top:50px;
	margin:0 auto 20px;
	transition:.8s;
}
#spot .second h2.title {
	text-align:left;
	background:url(../images/head_spot@2x.png) no-repeat left 3px;
	background-size:38px;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 50px;
	margin:0 auto 0px;
	transition:0s;
}
#search h2.title {
	background:url(../images/search_icon.png) no-repeat center top;
	background-size:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	line-height:26px;
	padding-top:50px;
	margin:0 auto 20px;
	transition:.8s;
}
#search .second h2.title {
	text-align:left;
	background:url(../images/search_icon@2x.png) no-repeat left 3px;
	background-size:24px;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 30px;
	margin:0 auto 0px;
	transition:0s;
}


#stay h2.title {
	background:url(../images/icon_stay.png) no-repeat center top;
	background-size:45px;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size:32px;
	line-height:26px;
	padding-top:50px;
	margin:0 auto 20px;
	transition:.8s;
}
#stay .second h2.title {
	text-align:left;
	background:url(../images/head_stay@2x.png) no-repeat left top;
	background-size:32px;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 50px;
	margin:0 auto 0px;
	transition:0s;
}

#about .second h2.title {
	text-align:left;
	background:url(../images/head_about@2x.png) no-repeat left top;
	background-size:28px;
	font-size:22px;
	line-height:26px;
	padding:0px 0 0 50px;
	margin:0 auto 0px;
	transition:0s;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#news h2.title {
    background-image:url(../images/top_news_t@2x.png);
	margin:0 auto 40px;
}
#event h2.title{
	background:url(../images/icon_event@2x.png) no-repeat center top;
	background-size:37px;
  }
#event #top #event h2.title {
/*
	background:url(../images/icon_event@2x.png) no-repeat center top;
*/
	background-size:37px;
  }


  
  #spot h2.title {
	background:url(../images/icon_spot@2x.png) no-repeat center top;
	background-size:45px;
  }
  #search h2.title {
	background:url(../images/icon_search@2x.png) no-repeat center top;
	background-size:24px;
  }


}

/***その他見出し***/
.midashi01 {
	margin:20px 0;
}
.midashi01 h2 {
	font-size:140%;
	border-bottom:2px solid #000;
	padding:0 0 7px;
}
.midashi01 p {
	font-size:80%;
	padding:10px 0 0;
	text-align:right;
}
.kakko {
	background:url(../images/kakko_r@2x.png) no-repeat right top;
	background-size:contain;
	height:68px;
	display:block;
	width:500px;
	padding:0 0px 0 0px;
	margin:0 auto 30px;
	box-sizing:border-box;
}
.kakko2 {
	background:url(../images/kakko_l@2x.png) no-repeat left top;
	background-size:contain;
	
	height:68px;
	padding:0 60px;
	position:relative;
}

.kakko h3 {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	left: 0px;
	right:0;
	margin:auto;
	width:100%;
	text-align:center;
	letter-spacing:0.05em;
}
/*** side columのkakko ***/
#sidecolumn .kakko {
	padding:0 0 0 0px;
	display:block;
	width:96%;
	margin:0 auto 30px;
}
#sidecolumn .kakko2 {
	padding:0px 10px 0  ;
}
#sidecolumn .kakko h3 {
	font-size:90%;
}
@media only screen and (max-width:768px){
	/***カテゴリー見出し***/
#news h2.title {
	height: 65px;
	width:180px;
	margin:0 auto 20px;
	transition:.8s;
}
#news .second h2.title {
	background-size:22px;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 30px;
	margin:0 auto 0px;
}
#event h2.title {
	background-size:26px;
	font-size:26px;
	line-height:20px;
	padding-top:36px;
	margin:0 auto 0px;
}
#event .second h2.title {
	background-size:22px;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 30px;
	margin:0 auto 0px;
}
#spot h2.title {
	background-size:30px;
	font-size:26px;
	line-height:20px;
	padding-top:30px;
	margin:0 auto 20px;
}
#spot .second h2.title {
	background-size:24px;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 30px;
	margin:0 auto 0px;
}
#search h2.title {
	background-size:30px;
	font-size:26px;
	line-height:20px;
	padding-top:30px;
	margin:0 auto 20px;
}
#search .second h2.title {
	background-size:18px;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 25px;
	margin:0 auto 0px;
}


#stay h2.title {
	background-size:26px;
	font-size:26px;
	line-height:20px;
	padding-top:34px;
	margin:0 auto 20px;
}
#stay .second h2.title {
	background-size:21px;
	font-size:20px;
	line-height:20px;
	padding:0px 0 0 30px;
	margin:0 auto 0px;
}
.second h2.title small {
	font-size:12px;
	letter-spacing:0.08em;
	padding-left:7px;
}


h2.title small {
	font-size:12px;
	letter-spacing:0.08em;
}
	/***その他見出し***/
	.midashi01 {
	margin:20px 8%;
}
.midashi01 h2 {
	font-size:110%;
	border-bottom:2px solid #000;
}


.midashi01 p {
	font-size:70%;
	padding:10px 0 0;
	text-align:left;
}
.kakko {
	display:block;
	width:84%;
	padding:0 ;
	margin:0 8% 30px;
}
.kakko h3 {
	font-size:100%;
	
}
#sidecolumn .kakko {
	padding:0 0 0 0px;
	display:block;
	width:84%;
	margin:0 auto 30px;
}
}
/************************************

figure

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

figure.image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height:245px; /*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;
}

 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){
	figure.image {
  		height:170px;
/*  height:170px;*/
	}

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

@media only screen and (max-width:480px){
	figure.image {
	  position: relative;
	  overflow: hidden;
	  width: 100%;
	  height:auto;
	  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:auto;

	}
}
figcaption {
	position: absolute;
	top: -100%;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 1;
	color:#fff;
	font-size:130%;
}
 /*figure.image img  {
	 transition:.5s;
 }
 figure.image:hover img  {
	 width:96%;
	 margin:2%;
 }*/
figure.image:hover figcaption {
	top: 0;
	left: 0;
}
figcaption p {
	position:absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	left: 50%;
	-webkit-transform: translateX(-50%); /* Safari用 */
	transform: translateX(-50%);
	font-family: 'Open Sans Condensed', sans-serif; 
	letter-spacing:0.1em;
	font-size:130%;
	position:relative;
}
figcaption p:before {
	position: absolute;
	top: -30px;
	margin:auto;
	color: #fff;
	font: 30px 'FontAwesome';
	content: "\f0a4";
	left: 0px;
	right:0;
}


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

list (画像の下に情報）

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


.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;
	
}
.list article {
	position:relative;
	text-align:left;
	padding-bottom:5px;
	/*-webkit-transition: .5s;
	transition: .5s;*/
	background:url(../images/kado_newsjanl.png) no-repeat right bottom;
	background-size:14px;
}
 .list article:hover {
	background-color:#efefef;
}
/*IE8▼*/
.list article {
	float: left\9;
}
/*IE9▼*/
.list article:not(:target) {
	float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.list article  {
		float:left !important;
	}
}

@media only screen and (max-width:768px){
.kekka {
	margin:5%;
	font-size:90%;

}


	.list article {
	background:none;
	padding-top:20px;
	border-bottom:1px solid #CCC;
	}
}

.list article .text{
	margin:5%;
	
}
.list article .text h2 {
	font-size:110%;
	border-bottom:1px dotted #000;
	margin:0 0 5px;
}
.list article .text h2 a:hover{
	color:#15b3c6	;
	
}
.list article .text h3 {
	font-size:100%;
}

.list article .text h4 {
	font-size:90%;
	font-weight:normal;
}
.list article .text p {
	font-size:80%;
	color:#666666;
	margin:5px 0;
}
 .list article .text .day {
	text-align:right;
	font-size:75%;
	color:#666;
}
 .list article .text .area {
	 position:absolute;
	 z-index:190;
	 top:-10px;
	 left:10px;
	 background:#000;
	 color:#fff;
	 font-size:75%;
	 line-height:100%;
	 padding:10px 20px;
	 
 }
  .list article .text .access {
	  font-size:80%;
	  position:relative;
	  margin:10px 0 0;
	  padding:10px;
	  background:#f5f3ed;
  }
.list article .text .access dt {
	color:#1b1464;
	 line-height:100%;
	font-family: 'Open Sans Condensed', sans-serif;
	 font-weight:bold;
	font-size:16px;
	padding:0;
	margin:0 0px 5px;
	/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}
.list article .text .access dd {
	display:inline-block;
	color:#666;
	padding:0 70px 0 0;
}
.list article .text .access dd .map a{
	transition:.8s;
	position:absolute;
	right:10px;
	bottom:10px;
	width:60px;
	text-align:center;
	background:#1b1464;
	color:#fff;
	font-size:90%;
	 line-height:100%;
	font-weight:bold;
	padding:15px 0;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}
.list article .text .access dd .map a:hover{
	opacity:0.6;
}
/******** list maincolumn内 ********/
#maincolumn .list {
	/*justify-content:space-between;*/
	}
#maincolumn .list article {
	width:46%;
	margin:0 2% 30px;
	background-image:none;
}

/*IE8▼*/
#maincolumn .list article {
	margin:0 2% 30px \9;
}
/*IE9▼*/
#maincolumn .list article:not(:target) {
	margin:0 2% 30px ¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#maincolumn .list article  {
	margin:0 1% 30px !important;
}
}
#maincolumn .list article:hover {
	background-color:#fff;
}
#maincolumn  .list article .text .day2 {
	
	font-size:75%;
	color:#666;
}
#maincolumn .list article:hover h3 {
	color:#15b3c6;
}
#maincolumn .list article .text{
	margin:5% 0;
}
/******* ３列  ********/
#maincolumn .col3 .list article {
	width:30%;
	margin:0 1.5% 20px;
	background-image:none;
}
#maincolumn .col3 .list article figure{
	height:150px;
}
#maincolumn .col3 .list article figure.image img {
	 
  min-height:150px;
 }
@media only screen and (max-width:1000px){
	#maincolumn .col3 .list article figure{
		height:120px;
	}
	#maincolumn .col3 .list article figure.image img {
		min-height:120px;
	}
}
/******** list spot内 ********/

#maincolumn .spot_list .list{
	
}

#maincolumn .spot_list .list article .image:hover a.linkspace {
	position:absolute;
	width:100%;
	display:block;
	height:100%;
	z-index:110;
	left:0;
	top:0;
}
#maincolumn .spot_list .list article .like {
	position:absolute;
	bottom:0;
	right:0;
	background:#fff;
	padding:10px;
	z-index:99; /*rashin修正元199*/
}
#maincolumn .spot_list .list article h3 a:hover {
	color:#15b3c6;
}
#maincolumn .spot_list .list article .spot_data{
	text-align:left;
	margin-top:10px;
}
.spot_data:after{  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
.spot_data dl{
	margin:0 5px 0 0;
	display:inline-block;
	font-size:80%;
	border:1px solid #1b1464;
	/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	}

.spot_data .ninkido{
	font-size:80%;
	border:1px solid #1b1464;
	/*全体角丸*/
	border-radius: 8px; /* CSS3草案 */ 
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 8px; /* Firefox用 */ 
	overflow:hidden;
}


.event_data:after{  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
.event_data dl{
	margin:0 5px 0 0;
	display:inline-block;
	font-size:80%;
	border:1px solid #1b1464;
	/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	}

.event_data .ninkido{
	font-size:80%;
	border:1px solid #1b1464;
	/*全体角丸*/
	border-radius: 8px; /* CSS3草案 */ 
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 8px; /* Firefox用 */ 
	overflow:hidden;
}






.spot_data .osusume,
.event_data .osusume{
	background:#FFF;
	color:#1b1464;
	font-weight:900;
	padding:4px 0px 3px 5px;
}
.spot_data .osusume1,
.event_data .osusume1{
	background:#FFF;
	color:#15B3C6;
	font-weight:900;
	padding:4px 5px 3px 1px;
}
.spot_data .time,
.event_data .time{
margin:5px 0 0 5px;
}

.spot_data dt,
.event_data dt {

	background:#1b1464;
	color:#fff;
	padding:3px 10px;
	float:left;
	
}
.spot_data dd,
.event_data dd {

	float:left;
	padding:3px 5px;
	
}
.spot_data .ninkido dd,
.event_data .ninkido dd {
	color:#FC9202;
}
/****** 観光スポット帯グラフ（観光・お出かけ） ******/

.graph {
    position: relative; /* IE is dumb */
    width: 120px;
	margin: 2px 0 1px;
	padding: 0;
}
.graph .bar1 {
	float:left;
    display: block;
    position: relative;
    background: #1b1464;
    text-align: center;
    color: #f0ffff;
    height: 18px;
}
.graph .bar2 {
	float:left;
    display: block;
    position: relative;
    background: #15B3C6;
    text-align: center;
    color: #f0ffff;
    height: 18px;
}
.graph .bar span { position: absolute; left: 1em; }

@media only screen and (max-width:768px){
	.graph {
		width: 55px;
		margin: 1px -5px 0;
		padding: 0;
		overflow:hidden;
	}
	
	.graph .bar1 {
		font-size:65%;
		height: 14px;
		text-align:left;
		padding-left:2px;
		padding-top:1px;
	}
	.graph .bar2 {
		font-size:65%;
		height: 14px;
		text-align:right;
		padding-right:2px;
		padding-top:1px;
	}
}

@media only screen and (max-width:768px){
#maincolumn .list {
	width:84%;
	margin:0% auto;
}
#maincolumn .list article {
	width:48%;
	margin:1%;
}

#maincolumn .list article .text{
	margin:5% 0% 0;
}
.list article .text h2 {
	
}
.list article .text .access dt {
	position:relative;
	top:auto;
	left:auto;
	margin:0 0px 3px 0;
}
.list article .text .access dd {
	display:inline-block;
	color:#666;
	padding:0 0px 0px 0px;
}
.list article .text .access dd .map a{
	position:relative;
	display:block;
	right:auto;
	bottom:auto;
	width:100%;
	max-width:300px;
	margin:5px auto 0;
	padding:10px 0;
}
/******* ３列  ********/
#maincolumn .col3 .list article {
	width:100%;
	margin:0 0 10px 0; /*あわせて　おすすめ*/
	background-image:none;
}

#maincolumn .col3 .list article figure{
	width:115px;
	height:71px;
}
#maincolumn .col3 .list article figure .like{
	display:none;
}

#maincolumn .col3 .list article .image{
	float:left;
	width:115px;
	height:71px;/*rashin修正*/
}

#maincolumn .col3 .list article figure.image img {
	position:absolute;
	top: 0;
	-webkit-transform: translatex(-50%); 
	transform: translatex(-50%);
	left: 50%;
	margin:auto;
	min-height:71px;
}
 /*** spot single ***/
 #maincolumn .spot_etc.col3 .list article figure{
	height:150px;
}
#maincolumn .spot_etc.col3 .list article figure.image img {
	position:relative;
	top: auto;
	transform: none;
	left: auto;
	right:auto;
	margin:auto;
	min-height:150px;
	width:auto;
}
 
#maincolumn .col3 .list article .like {
	position:relative;
	bottom:auto;
	right:auto;
	background:#fff;
	padding:7px;
	z-index:199;
}
#maincolumn .col3 .list article .text{
	float:right;
	width:53%;
	margin:0 0 0 10px;;
}
#maincolumn .col3 .list article .text h3{
	font-size:80%;
	margin:0;
	padding:0;
}
#maincolumn .col3 .list article .text p{
	font-size:70%;
	margin:0;
}
/******** list spot内 ********/

#maincolumn .spot_list .list{
	width:84%;
}

#maincolumn .spot_list .list article {
	width:46%;
	margin:0 0 20px 0;
	background-image:none;
}
.spot_data dl,
.event_data dl{
	margin:0;
	font-size:65%;
}
.spot_data dt,
.event_data dt {
	padding:3px 5px;
}
.spot_data dd,
.event_data dd {
	padding:3px 5px;
	
}

.spot_data .ninkido,
.event_data .ninkido{
	font-size:65%;
	border:1px solid #1b1464;
	/*全体角丸*/
	border-radius: 7px; /* CSS3草案 */ 
	-webkit-border-radius: 7px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 7px; /* Firefox用 */ 
}


.spot_data .osusume,
.event_data .osusume{
	background:#FFF;
	font-weight:900;
	padding:4px 2px 2px 5px;
}
.spot_data .osusume1,
.event_data .osusume1{
	background:#FFF;
	font-weight:900;
	padding:4px 5px 2px 2px;
}

.spot_data .time,
.event_data .time{
	float:right;
	margin:0;
}


}
@media only screen and (max-width:480px){
#maincolumn .list {
	width:84%;
	margin:0% auto;
}
#maincolumn .list article {
	width:100%;
	margin:0% auto;
}

/*この下に追加*/

#maincolumn .list article.image {
	height:71px;/*rashin修正*/
	overflow:hidden
}

#maincolumn .list article figure.image img {
position:relative;
top: 0;
-webkit-transform: translateX(-50%); 
transform: translateX(-50%);
left: 50%;
margin:auto;
min-height:100px; /*rashin修正 min-height:220px; */
width:auto;

}

/******** list spot内 ********/

#maincolumn .spot_list .list article {
	width:100%;
	margin:0 0 10px 0;
	background-image:none;
}

/*** spot single ***/
#maincolumn .spot_etc.col3 .list article figure{
	height:auto;
}
#maincolumn .spot_etc.col3 .list article figure.image img {
	position:relative;
	top: auto;
	transform: none;
	left: auto;
	right:auto;
	margin:auto;
	min-height:auto;
	width:auto;
}
 
}
/************************************

list2 (画像の上　下部に黒帯でタイトル）

************************************/
.list2 {
	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;
	transition:2s;
}
.list2:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.list2 article {
	width:33.333%;
	position:relative;
}
/** pickupとスポット（周辺スポット）のみ **/
.pickup .list2 article,
.spot_etc .list2 article {
	width:50%;
	position:relative;
}


.list2  figure.image {
  position: relative;
  overflow: hidden;
  width: 100%;
  height:266px;/*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;
}

 .list2 figure.image img {
	position:relative;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	left: 0px;
	right:0;
	margin:auto;
	min-height:266px;
	width:auto;
}
.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以下用*/
}
.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";
}
.list2 article .text h3 {
	font-size:90%;
	font-weight:normal;
	text-align:left;
}
.list2 article .text  .day2 {
	
	font-size:75%;
}
.list2 article .text .area {
	background:#fff;
	color:#000;
	font-size:75%;
	line-height:100%;
	padding:3px 6px;
	display:inline-block;
	/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}
@media only screen and (max-width:768px){
	/** pickupのみ **/
.pickup .list2 article,
.spot_etc .list2 article {
	width:100%;
	position:relative;
}

/*rashin修正　スマホ用追加する*/

.list2  figure.image {
	position: relative;
	overflow: hidden;
	width: auto;
	height:180px;
	text-align:center;
	display:block;
	pointer-events: none;
	-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.list2 figure.image img {
	position:relative;
	top: 50%;
	-webkit-transform: translateY(-50%); 
	transform: translateY(-50%);
	left: 0px;
	right:0;
	margin:auto;
	min-height:50px;
	width:auto;
}
}
/************************************

list3 (画像：左　テキスト：右）

************************************/
.list3 article {
	background:#efefef;
	transition:.8s;
	margin:0 0 20px;
}
.list3 article:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.list3 article:hover
{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
.list3 article .image{
	float:left;
	width:30%;
}

.list3 article .text{
	float:right;
	width:60%;
	margin:5%;
}
.list3 article .text h3 {
	color:#000;
	font-size:120%;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: bold; /*windows対策*/
margin:0 0 10px;
}
.list3 article .text p {
	font-size:90%;
	line-height:180%;
}
@media only screen and (max-width:768px){
	.list3 article {
	background:#fff;
}
.list3 article .image{
	float:none;
	width:100%;
	margin:0 0 10px;
}
.list3 article .text{
	float:none;
	width:100%;
	margin:0%;
}
.list3 article .text h3 {
	font-size:100%;
}
.list3 article .text p {
	font-size:90%;
	line-height:180%;
}
	
}
/************************************

side_list

************************************/
.side_list  {
	border-top:1px solid #ccc;
}
.side_list article {
	border-bottom:1px solid #ccc;
	padding:10px 0;
}
.side_list article .image{
	float:right;
	width:40%;
	overflow: hidden;
	height:70px;/*rashin修正*/

/*
	pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
}
.side_list article figure.image {
 float:right;
	width:40%;
  min-height:70px;/*rashin修正 height:auto; */

/*
  pointer-events: none;
  -webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
*/
}

.side_list article  figure.image img {
position:absolute;
top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:auto;
  min-height:70px;
  width:auto;
 }
.side_list article figcaption p {
   font-size:90%;
}
.side_list article  figcaption p:before {
	top: -20px;
	font: 20px 'FontAwesome';
}
.side_list article .text{
	float:left;
	width:56%;
}
.side_list article .text h3 {
	font-size:14px;
	font-weight:normal;
}
@media only screen and (max-width:768px){
	.side_list  {
	margin:0 8%;
	margin:auro;
}
}
/************************************

bt

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

	
.bt a {
	color:#fff;
	font-weight:bold;
	padding:15px 0;
	position:relative;
	letter-spacing:0.1em;
	transition:.5s;
	/*全体角丸*/
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
}
.bt a:before{
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
	left: 30px;
	color: #fff;
	font: 14px 'FontAwesome';
	content: "\f054";
}
.bt a:hover{
	opacity:0.8;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}

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

janl

************************************/
.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;

}
.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用 */ 
}
.janl a {
	width:100%;
	margin:1%;
	padding:10px 15px;
	display:block;
	font-size:80%;
}
.janl a:hover{
	background-color:#e7e3d4;
	width:100%;
	margin:0.5%;
}
/*IE8▼*/
.janl a {
float: left\9;
}
/*IE9▼*/
.janl a:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

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

@media only screen and (max-width:768px){
	.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%;
	}

  
	.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用 */ 
  }
  .janl a {
	width:100%;
	margin:1%;
	font-size:80%;
    	display:block;

	}
	.janl a:hover{
		width:100%;
		margin:1%;
	}
}
/************************************

useful

************************************/
.useful {
	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;
}
.useful li {
	width:48%;
	margin:1%;
	background:#15b3c6 url(../images/kado_spot.png) no-repeat right bottom;
	background-size:14px;
	transition:.7s;
	text-align:center;
	color:#fff;
	position:relative;
	display:block;
	border-radius: 3px; /* CSS3草案 */ 
	-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 3px; /* Firefox用 */ 
	transition:.4s;
}
.useful li:hover{
	opacity:.5;
	width:48%;
	margin:1%;
}
/*IE8▼*/
.useful li {
float: left\9;
}
/*IE9▼*/
.useful li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.useful li  {
	float:left !important;
}
}
.useful li a{
padding:10px;
display:block;
color:#fff;
}
.useful li p {
	
	font-size:80%;
	font-weight:bold;
}
.useful li img {
	width:50px;
	margin:0 0 0px;
}
@media only screen and (max-width:768px){
	.useful{
		margin:0 8%;
	}
	.useful li {
	width:31%;
	margin:1%;
	font-size:90%;
}
.useful li:hover{
	width:31%;
	margin:1%;
}
}
@media only screen and (max-width:480px){
	
	.useful li {
	width:48%;
	margin:1%;
}
.useful li:hover{
	width:48%;
	margin:1%;
}
}
/************************************

johoteikyo 

************************************/
#johoteikyo .bt a {
	background:#1b1464;
	width:100% ;
	margin:0 0 10px;
	display:block;
	text-align:center;
	font-size:80%;
}
#johoteikyo .bt a:before{
  left: 15px;
  color: #fff;
  font: 10px 'FontAwesome';
  content: "\f054";
}
@media only screen and (max-width:768px){
	#johoteikyo .bt {
		margin:0 8%;
		
	}
	#johoteikyo .bt:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
	#johoteikyo .bt a {
	width:48% ;
	margin:0 1%;
	font-size:90%;
	float:left;
}
}
@media only screen and (max-width:480px){
	#johoteikyo .bt a {
	width:98% ;
	margin:0 1% 10px;
}
}




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

イベント地図用 
	background:#15B3C6;

************************************/
#johoteikyo1 {
	width:20%;
	margin:0 auto;
}

#johoteikyo1 .bt a {
	background:#15B3C6;
	width:100% ;
	margin:0 0 10px;
	display:block;
	text-align:center;
	font-size:80%;
}
#johoteikyo1 .bt a:before{
  left: 15px;
  color: #fff;
  font: 10px 'FontAwesome';
  content: "\f054";
}
@media only screen and (max-width:768px){
	#johoteikyo1 {
		width:100%;		
	}
	#johoteikyo1 .bt {
		width:84%;		
		margin:0 8%;
		
	}
	#johoteikyo1 .bt:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
	#johoteikyo1 .bt a {
	width:48% ;
	margin:0 1%;
	font-size:90%;
	float:left;
}
}
@media only screen and (max-width:480px){
	#johoteikyo1 {
		width:100%;		
	}


	#johoteikyo1 .bt {
		width:84%;		
		margin:0 8%;
		
	}

	#johoteikyo1 .bt a {
	width:98% ;
	margin:0 1% 10px;
}
}


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

area 

************************************/
ul.area {
	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;
	text-align:center;
}
ul.area:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
ul.area li{
	position:relative;
	margin:1% ;
	background:#efece2 url(../images/kado_stay.png) no-repeat right bottom;
	background-size:16px;
	border-radius: 3px; /* CSS3草案 */ 
-webkit-border-radius: 3px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 3px; /* Firefox用 */ 

}
/*IE8▼*/
ul.area li a {
float: left\9;

}
/*IE9▼*/
ul.area li a:not(:target) {
float:left¥9;

}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.area li a  {
	float:left !important;
	
}
}
ul.area li a:hover{
	opacity:0.6;
}
ul.area li a {
	display:block;
	width:100%;
}
#sidecolumn ul.area li{
	width:48%;
	height:100px;
}
.sp ul.area li a {
	width:48%;
	height:100px;
}
ul.area li a img {
	width:36%;
	position:absolute;
	top:20%;
	left:0;
	right:0;
	margin:auto;
}
ul.area li.miyajima img {
	width:30%;
	top:17%;
}
ul.area li.kure img {
	width:45%;
	top:23%;
}
ul.area li.saijo img {
	top:15%;
}
ul.area li.takehara img {
	width:33%;
	top:15%;
}

ul li.onomichi img {
	top:10%;
}

ul li.mihara img {
	width:33%;
	top:15%;
}

ul li.sera img {
	width:28%;
}

ul.area li.fukuyama img {
	width:22%;
	top:13%;
}
ul.area li.kenhoku img {
	width:39%;
	top:23%;
}
ul.area li.setouchi img {
	width:39%;
	top:10%;
}
/*追加*/
#sidecolumn .hiroshima,
#sidecolumn .miyajima,
#sidecolumn .kure,
#sidecolumn .saijo,
#sidecolumn .takehara,
#sidecolumn .onomichi,
#sidecolumn .mihara,
#sidecolumn .sera,
#sidecolumn .fukuyama,
#sidecolumn .kenhoku,
#sidecolumn .setouchi,
#sidecolumn .iwakuni

{
    position: relative;
}

#sidecolumn .hiroshima a,
#sidecolumn .miyajima a,
#sidecolumn .kure a,
#sidecolumn .saijo a,
#sidecolumn .takehara a,
#sidecolumn .onomichi a,
#sidecolumn .mihara a,
#sidecolumn .sera a,
#sidecolumn .fukuyama a,
#sidecolumn .kenhoku a,
#sidecolumn .setouchi a,
#sidecolumn .iwakuni a
{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px 0;
}

.sp .subarea ul.area .hiroshima,
.sp .subarea ul.area  .miyajima,
.sp .subarea ul.area  .kure,
.sp .subarea ul.area  .saijo,
.sp .subarea ul.area  .takehara,
.sp .subarea ul.area  .onomichi,
.sp .subarea ul.area  .mihara,
.sp .subarea ul.area  .sera,
.sp .subarea ul.area  .fukuyama,
.sp .subarea ul.area  .kenhoku,
.sp .subarea ul.area  .setouchi,
.sp .subarea ul.area  .iwakuni

{
    position: relative;
}

.sp .subarea ul.area  .hiroshima a,
.sp .subarea ul.area  .miyajima a,
.sp .subarea ul.area  .kure a,
.sp .subarea ul.area  .saijo a,
.sp .subarea ul.area  .takehara a,
.sp .subarea ul.area  .onomichi a,
.sp .subarea ul.area  .mihara a,
.sp .subarea ul.area  .sera a,
.sp .subarea ul.area  .fukuyama a,
.sp .subarea ul.area  .kenhoku a,
.sp .subarea ul.area  .setouchi a,
.sp .subarea ul.area  .iwakuni a
{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 10px 0;
}


/*　追加終了*/



ul.area li p {
	position:absolute;
	bottom:20px;
	left:0;
	right:0;
	margin:auto;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", "YuMincho", "Sawarabi Mincho", "HGS明朝E",  serif;
	font-size:100%;
}
#sidecolumn ul.area li p,.sp ul.area li p {
	font-size:90%;
}
#sidecolumn .area .bt a,.sp.area .bt a {
	display:block;
	background:#1b1464;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:90%;
	margin:1%;
}
#sidecolumn .area .bt a:before,sp .area .bt a:before {
	left:auto;
	right:10px;
}
#sidecolumn .area .bt.yoyaku a:before,
.sp .area .bt.yoyaku a:before {
	content: "\f022";
}
@media only screen and (max-width:768px){
	#sidecolumn ul.area,
	.sp ul.area{
		margin:0 8%;
	}
/*	#sidecolumn ul.area a,
	.sp ul.area a { */
	#sidecolumn ul.area li,
	.sp ul.area li {
	width:31%;
	height:150px;
}
.sp.area h3 {
	text-align:center;
	margin:0 0 10px;
	font-size:100%;
}
.sp.area .bt{
	margin:0 8%;
}
}
@media only screen and (max-width:480px){
	
	
/*	
	#sidecolumn ul.area a,
	.sp ul.area a {
  */
	#sidecolumn ul.area li,
	.sp ul.area li {
	width:48%;
	height:100px;
}
	ul.area a {
	position:relative;
}
ul.area li p {
	bottom:10px;
}

}





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

yoyaku -side

************************************/
#sidecolumn .yoyaku .bt a {
	display:block;
	background:#1b1464;
	color:#fff;
	position:relative;
	text-align:center;
	font-size:85%;
	margin:1%;
	letter-spacing:0;
}
#sidecolumn .yoyaku .bt a:before {
	left:auto;
	right:10px;
}
/************************************

EDITOR -side (News)

************************************/
.editor:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.editor .image {
	margin:0 0 20px;
}
.editor .text {
	background:#efefef;
	padding:5%;
	position:relative;
	font-size:90%;
	width:100%;
}
.set_sp {
display:none;
}


.editor .text:before{
  position: absolute;
top: -16px;
  right: 0;
  left:0;
  margin:auto;
  color: #efefef;
  width:18px;
  font-size: 18px;
  content: "▲";
}

.editor .text .link{
color:#0000ff;
text-decoration:underline;
text-align:right;
}
@media only screen and (max-width:768px){
.editor {
	margin:0 0 40px;
}
.editor .kakko {
	margin:0 10% 20px;
	width:80%;
}
.editor .clearfix {
	margin:0 10%;
}
/*
 .editor .image {
	margin:0 0 0px;
	float:left;
	width:47%;
}
*/
.editor .text {
	float:right;
	width:100%;
	padding:5%;
  font-size:85%;

}
.editor .text p{
  font-size:80%;
}

.editor .text:before{
  position: absolute;
top: 36px;
/*  
  right: auto;
left:-10px;*/
  margin:auto;
  color: #efefef;
  font-size: 12px;
  content: "";

}

.editor .text .link{
color:#0000ff;
text-decoration:underline;
text-align:right;
font-size:80%;
}
.set_sp {
display:block;
font-weight:bold;
}


	
}
@media only screen and (max-width:480px){
	.editor {
		margin:0 0 40px;
	}
	.editor .kakko {
		margin:0 10% 20px;
		width:80%;
	}
	.editor .clearfix {
		margin:0 5%;
	}
	 .editor .image {
	margin:0 0 0px;
	float:left;
	width:47%;
}
.editor .text {
	float:none;
	width:100%;
	padding:5%;
}

.editor .text:before{
  position: absolute;
top: 36px;
  right: auto;
  left:-10px;
  margin:auto;
  color: #efefef;
  font-size: 10px;
  content: "";
}
.set_sp {
display:block;
font-weight:bold;
}


/* 20200413修正前
@media only screen and (max-width:480px){
	.editor .image {
	margin:0 0 20px;
	width:100%;
}
.editor .text {
	background:#efefef;
	padding:5%;
	position:relative;
	font-size:90%;
	width:100%;
}
.editor .text:before{
  position: absolute;
top: -16px;
  right: 0;
  left:0;
  margin:auto;
  color: #efefef;
  font-size: 18px;
  content: "▲";
}
*/

}
/************************************

wp-pagenavi

************************************/
.navi {
	width:100%;
	clear:both;
}
.navi:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.wp-pagenavi {
	text-align:center;
	font-size:12px;
	line-height:12px;
	padding:0px 0;
	width:640px;
	margin:auto;
}
.wp-pagenavi:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.wp-pagenavi a {
	box-sizing:border-box;
	display:block;
	float:left;
	width:40px;
	height:40px;
	padding:13px 0;
	margin:0 5px;
	text-decoration:none;
	text-align:center;
	border:2px solid #1b1464;
color:#1b1464;
	/*全体角丸*/
border-radius: 20px; /* CSS3草案 */ 
-webkit-border-radius: 20px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 20px; /* Firefox用 */ 
}
a.nextpostslink,a.previouspostslink {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-size:20px;
}
a.nextpostslink{
	background-image:url(../images/navi_next.png);
}
a.previouspostslink{
	background-image:url(../images/navi_prev.png);
}
.wp-pagenavi .current {
	
	box-sizing:border-box;
	background:#1b1464;
	color:#fff;
	display:block;
	float:left;
	width:40px;
	padding:13px 0;
	margin:0 7px;
border-radius: 20px; /* CSS3草案 */ 
-webkit-border-radius: 20px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 20px; /* Firefox用 */ 
}
span.extend, 
span.dots

{
	display:block;
	float:left;
	padding:13px 5px;
	margin:0px;
	line-height:10px;
}

.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last {
	display:none;
}
/* rashin 追加 */



@media only screen and (max-width:768px){
.navi {
		position:relative;
		margin:20px 3%;
		width:94%;
	}
	.wp-pagenavi {
	font-size:11px;
	line-height:12px;
	width:320px;
	margin:auto;
	padding:0px 0;
}
.wp-pagenavi a {
	width:30px;
	height:30px;
	padding:8px 0;
	margin:0 2px;
border-radius: 15px; /* CSS3草案 */ 
-webkit-border-radius: 15px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 15px; /* Firefox用 */ 
}

a.nextpostslink,a.previouspostslink {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position:relative;
	background-position:4px 4px;
	background-repeat:no-repeat;
	background-size:20px;
}

.wp-pagenavi .current {
	width:30px;
	height:30px;
	padding:8px 0;
	margin:0 2px;
border-radius: 15px; /* CSS3草案 */ 
-webkit-border-radius: 15px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 15px; /* Firefox用 */ 
}
span.extend {
	padding:8px 2px;
}

.wp-pagenavi .pages,
.wp-pagenavi .first,
.wp-pagenavi .last

{
	display:none;
}
}

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

.pickup

************************************/
.pickup {
	margin:50px 0;
}

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

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

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

.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 ***/

#news .click_contents{
	display:none;
}


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

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

single

************************************/
.single {
	margin:0 0 60px;
	position:relative;
}
.single .title_ue {
	
	width:100%;
	line-height:160%;
	font-size:14px;
	font-weight:normal;
}
.single .title_ue div a {

	float:left;
	margin:0 15px 0 0;
	padding:0;
	display:block;
}

.single .mainimage {
	margin:0 0 30px 0;
}
.single .mainimage img {
	width:100%;
}
.single h1 {
	font-size:150%;
	line-height:150%;
	padding:40px 10px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.single .info {
	padding:20px 0 20px;
}
.single .info:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.single .info .day {
	float:right;
	width:120px;
	text-align:right;
	font-size:90%;
	color:#666;
	margin:0 0 0 20px;
}
#event .single h1 .day {
	width:100%;
	font-size:14px;
	font-weight:normal;
}



#event .single .info .event_set {
width:100%;
	display:inline-block;
}
#event .single .info .event_set .day {
	float:right; /*修正　float:none;*/
	width:300px;　/*200px*/
}


.single .info .tag{
	letter-spacing:-1em;
}
.single .info .tag a {
	letter-spacing:0em;
	display:inline-block;
	font-size:12px;
	color:#5d4b3d;
	background:#efece2;
	padding:3px 20px;
	margin:0 10px 10px 0;
	transition:.5s;
	/*全体角丸*/
	border-radius: 12px; /* CSS3草案 */ 
	-webkit-border-radius: 12px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 12px; /* Firefox用 */ 
}
.single .info .tag a:hover{
	background:#ddd7c2;
}


#event .single .info .event_set .tag{
	letter-spacing:-1em;
}
#event .single .info .event_set .tag a {
float:left;
	letter-spacing:0em;
	display:inline-block;
	font-size:12px;
	color:#5d4b3d;
	background:#efece2;
	padding:3px 20px;
	margin:0 10px 10px 0;
	transition:.5s;
	/*全体角丸*/
	border-radius: 12px; /* CSS3草案 */ 
	-webkit-border-radius: 12px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 12px; /* Firefox用 */ 
}

#event .single .info .event_set .tag a:hover{
	background:#ddd7c2;
}


.single .info .spot_data {
	float:left;
}
.single .info .like {
	float:left;
	margin:5px 0 0 15px;
}
.single .info .like_sp {
	display:block;
}

.single .honbun {
	font-size:100%;
	line-height:200%;
}
.single .honbun img {
	margin:20px 0;
}

#event .single .honbun img,
#news .single .honbun img {
	margin:10px 0;
}
.single .honbun p {
	margin:0 0 1.5em;
}
.single .honbun br {
	display: block;
}

.single .honbun h2 {
  position: relative;
  color:#15b3c6;
  width: 830px;
  padding: 10px;
  border-bottom: 3px solid #C4c4c4;
	font-size:140%;
	line-height:150%;
	margin:0px 0 10px 0;
	padding:0 0 10px;
}
.single .honbun h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 90px;
  height: inherit;
  border-bottom: 3px solid #15b3c6;
}
/*縦線*/
.single .honbun h3{
font-size:120%;
border-left:thick solid #15B3C6 !important;
padding-left: 10px;
color: #15B3C6;

font-weight:bold;
}
@media only screen and (max-width: 960px) {
.single .honbun h3{
font-size:110%;
border-left:thick solid #15B3C6 !important;
padding-left: 10px;
color: #15B3C6;
font-weight:bold;
}
}


/*横△*/

.v_line_left{
  position: relative;
  display: inline-block;
  padding-left: 14px;
  font-size:100%;
  font-weight:bold;
  color:#15B3C6;
  background-color:#FFF;
}
.v_line_left:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 8px 10px;
  border-color: transparent transparent transparent #15B3C6;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}
.v_line_left:after{
  background-color: #15B3C6; /* 線の色 */
  bottom: 0px; /* 線の位置 */
  content: "";
  height: 2px; /* 線の高さ */
  left: 15px; /* 線の中央寄せ */
  position: absolute;
  width: 40px; /* 線の長さ */
}






.single .honbun a {
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
.single .honbun a:hover{
    color:#0000ff;
}




/*** SETSUMEI ***/
.single .setsumei {
	margin:0px 0 50px ;
	line-height:180%;
}
.single .setsumei h3 {
	color:#1b1464;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:170%;
	margin:0 0 30px;
}
/*** OSHIRASE ***/
.single .oshirase {
	margin:0px 0 50px ;
}
.single .oshirase h3 {
	color:#1b1464;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:170%;
	margin:0 0 30px;
}
.single .oshirase article{
	margin-bottom:0;
	padding:0;
}
.single .oshirase article .text{
	margin:0;
}
.single .oshirase article h3 {
	color:#000;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: boold; /*windows対策*/
	font-size:100%;
	margin:0 0 10px;
}

/*** DATA ***/
.single .data,
.single .data1 {
	margin:25px 0 ;
}

.single .data h3,
.single .data1 h3 {
	color:#1b1464;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:170%;
	margin:0 0 30px;
}
.single .data dl,
.single .data1 dl {
	background:#f2f2f2;
	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 0 10px;
	line-height:180%;
}


.single .data dl:after,  
.single .data1 dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.single .data dl dt {
	width:25%;
	background:#1b1464;
	color:#fff;
	padding:7px 20px;
	box-sizing:border-box;
	position:relative;
}
.single .data1 dl dt {
	width:25%;
	background:#15B3C6;
	color:#fff;
	padding:7px 20px;
	box-sizing:border-box;
	position:relative;
}

/*IE8▼*/
.single .data dl dt,
.single .data1 dl dt{
float: left\9;
}
/*IE9▼*/
.single .data dl dt:not(:target),
.single .data1 dl dt:not(:target) {
float:left¥9;
}



/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.single .data dl dt,
.single .data1 dl dt  {
	float:left !important;
}
}
.single .data dl dt:before{
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: -6px;
  color: #1b1464;
  font: 20px 'FontAwesome';
  content: "\f0da";
}
.single .data dl dt i,
.single .data1 dl dt i {
	display:inline-block;
	width:25px;
	text-align:center;
}
.single .data dl dd,
.single .data1 dl dd {
	width:75%;
	padding:7px 20px 7px 30px;
}
.single .data dl dd strong,
.single .data1 dl dd strong {
	font-size:100%;
}
.single .data p,
.single .data1 p {
	font-size:80%;
}
/*** MAP ***/
.single .map {
	margin:0px 0 ;
}
.single .map h3 {
	color:#1b1464;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:170%;
	margin:0 0 30px;
}
.map .icon_description {
	border:1px solid #999;
	padding:0px;
	margin:0 0 10px;
}
.icon_description:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.map .icon_description h5 {
	float:left;
	margin:0 10px 0 0;
	font-size:90%;
	background:#ededed;
	padding:10px;
}
.map .icon_description ul {
	float:left;
	padding:10px;
}
.map .icon_description ul:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.map .icon_description ul li {
	float:left;
	margin:0 10px 0 0;
	font-size:80%;
}
.map .icon_description ul li img {
	margin:0 3px 0 0;
}
.map .icon_description ul li a {
	text-decoration:underline;
}
.maparea {
	height:500px;
}
#gmap,
#gmap1 {
	width:100%;
	height:500px;
}
#gmap2 {
	width:100%;
	height:800px;
}



@media only screen and (max-width:768px){
	.single {
	margin:0 0 40px;
}
.single h1 {
	font-size:120%;
	padding:20px 10px;
	margin:0 3%;
/*
	margin:0 8%;
*/
}
.single .info {
	margin:0 3%;
/*
	margin:0 8%;
*/

	padding:10px 0 0px;
}

.single .info .day {
	float:right;
	width:50%;
	margin:0 0 5px 0px;
}

#event .single .info .event_set {
	display:block;
}
#event .single h1 .day {
	width:100%;
	font-size:12px;
	font-weight:normal;
}
.sp_event_non{
display:none;
}
.single .info .tag a {
	float:left; /*修正　floatなし;*/
	padding:3px 10px;
}
.single .info .spot_data {
	width:100%;
	float:left;
	margin:0 10px 0 0;
}
.single .info .like {
	display:block;
}

.single .info .like_sp { /*rashin 追加*/
	float:left;
	margin:5px 0 0 0px;
}


.single .honbun {
	margin:0 8%;
	font-size:100%;
}
.single .honbun h2 {

  position: relative;
  color:#15b3c6;
  width: 100%;
  padding: 10px;
  border-bottom: 3px solid #C4c4c4;
	font-size:120%;
	line-height:150%;
	margin:0px 0 10px 0;
	padding:0 0 10px;
}
.single .honbun h2:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 90px;
  height: inherit;
  border-bottom: 3px solid #15b3c6;
}



/*** SETSUMEI ***/
.single .setsumei {
	margin: 0 0 30px ;
	line-height:180%;
	font-size:90%;
}
/*** OSHIRASE ***/
.single .oshirase {
	margin: 0 0 30px ;
}
.single .oshirase .list{
	margin:0 !important;
	width:100% !important;
	padding:0;
}
.single .oshirase article{
	margin:0 0 30px !important;
	padding:0;
}
.single .oshirase article .text{
	margin:0;
}
.single .oshirase article h3 {
	color:#000;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: boold; /*windows対策*/
	font-size:100%;
	margin:0 0 10px;
}
/*** DATA ***/
.single .data,
.single .data1 {
	margin:15px 0 ;
}
.single  .data h3,
.single  .data1 h3 {
	margin:0 0 20px;
}
.single  .data dl
.single  .data1 dl {
	font-size:90%;
}


.single  .data dl dt,
.single  .data1 dl dt {
	width:100%;
	padding:7px 20px;
}
.single  .data dl dt {
	font-size:90%;
}


#spot .single  .data dl dt,
#spot .single  .data1 dl dt {
	font-size:80%;
	width:100%;
	padding:7px 20px;
}


.single  .data dl dt:before,
.single  .data1 dl dt:before{
  right: 0;
  content: "";
}
.single .data  dl dt i,
.single .data1  dl dt i {
	display:inline-block;
	width:25px;
	text-align:center;
}
.single .data dl dd,
.single .data1 dl dd{
	width:100%;
	padding:7px 20px ;
}
.single .data dl dd {
	font-size:90%;
}


#spot .single .data dl dd,
#spot .single .data1 dl dd {
	font-size:80%;
	width:100%;
	padding:7px 20px ;
}


/*** MAP ***/
.single .map {
	margin:0px 0 ;
}
.single  .map h3 {
	margin:0 0 20px;
}
.map .icon_description {
	border:1px solid #999;
	padding:0px;
	margin:0 0 10px;
}
.map .icon_description h5 {
	float:none;
	margin:0 0px 0 0;
	font-size:90%;
	background:#ededed;
	padding:10px;
}
.map .icon_description ul {
	float:none;
	padding:10px;
}
.map .icon_description ul:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.map .icon_description ul li {
	float:left;
	margin:0 10px 0 0;
	font-size:80%;
}
.map .icon_description ul li img {
	margin:0 3px 0 0;
}
.map .icon_description ul li a {
	text-decoration:underline;
}
.map_area {
	height:300px;
}
.map_area iframe{
	height:300px;
}


#gmap,
#gmap1 {
	width:100%;
	height:300px;
}

#gmap2 {
	width:100%;
	height:100%;
}


}
/************************************

single -navi

************************************/
.single_navi ul {
	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;
}

.single_navi li {
	
	width:49%;
	background:#efece2;
	position:relative;
	box-sizing:border-box;
	transition:.5s;
}
/*IE8▼*/
.single_navi li {
float: left\9;
}
/*IE9▼*/
.single_navi li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.single_navi li {
	float:left !important;
}
}
.single_navi li.prev {
	margin:0 1% 0 0;
	padding:0 0 0 16px;
}
.single_navi li.next {
	margin:0 0 0 1%;
	padding:0 16px 0 0 ;
}
.single_navi li .yaji {
	position:absolute;
	top:0;
	width:16px;
	height:100%;
	background:#15b3c6;
	color:#fff;
}
.single_navi li.prev .yaji {
	left:0;
}
.single_navi li.next .yaji {
	right:0;
}
.single_navi li .yaji:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 0px;
  right:0;
  width:100%;
  text-align:center;
  margin:auto;
  color: #fff;
  font: 14px 'FontAwesome';

}
.single_navi li.prev .yaji:before{
	 content: "\f104";
}
.single_navi li.next .yaji:before{
	 content: "\f105";
}
.single_navi li .image {
	width:30%;
	margin:5%;
  position: relative;
  overflow: hidden;
  height:100px;/*rashin修正*/

}
.single_navi li .image img{
	 position:relative;
  top: 50%;
  -webkit-transform: translateY(-50%); 
  transform: translateY(-50%);
  left: 0px;
  right:0;
  margin:auto;
  min-height:100px;
  width:auto;
}
.single_navi li .text {
	width:55%;
	margin:5% 0;
}
.single_navi li.prev .image {
	float:left;
}
.single_navi li.prev .text {
	float:right;
	margin:5% 5% 5% 0;
}
.single_navi li.next .image {
	float:right;
}
.single_navi li.next .text {
	float:left;
	margin:5% 0 5% 5%;
}
.single_navi li .text p {
	font-size:80%;
}
.single_navi li:hover {
	opacity:.5;
}
@media only screen and (max-width:768px){
	.single_navi {
		margin:0 8%;
}
.single_navi li {
	float:left;
	width:49%;
	background:#efece2;
	position:relative;
	box-sizing:border-box;
	transition:.5s;
	
}
.single_navi li.prev {
	margin:0 1% 0 0;
	padding:0 0 0 16px;
}
.single_navi li.next {
	margin:0 0 0 1%;
	padding:0 16px 0 0 ;
}
.single_navi li .yaji {
	position:absolute;
	top:0;
	width:16px;
	height:100%;
	background:#15b3c6;
	color:#fff;
}
.single_navi li.prev .yaji {
	left:0;
}
.single_navi li.next .yaji {
	right:0;
}
.single_navi li .yaji:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 0px;
  right:0;
  width:100%;
  text-align:center;
  margin:auto;
  color: #fff;
  font: 14px 'FontAwesome';

}
.single_navi li.prev .yaji:before{
	 content: "\f104";
}
.single_navi li.next .yaji:before{
	 content: "\f105";
}
.single_navi li .image {
	display:none;
}
.single_navi li .text {
	width:90%;
	margin:5% ;
 text-align:center;
}

.single_navi li.prev .text {
	float:none;
	margin:5%;
}
.single_navi li.next .text {
	float:none;
	margin:5% ;
}
.single_navi li .text p {
	font-size:60%;
}
.single_navi li .text h4 {
display:none;
}
}
/************************************

single -awasete

************************************/
#awasete {
	margin:60px 0 0 0;
}

@media only screen and (max-width:768px){
	#awasete .list article {
		width:46%;
	}
	#awasete .list article h3 {
		font-size:80%;
		font-weight:normal;
	}
	#awasete .list article p {
		display:none;
	}
	#awasete .list article .day {
		display:none;
	}
}


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

タブメニュー

************************************/
.tabmenu{
	position:relative;
}
.tabmenu ul {
	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;
	position:relative;
}
.tabmenu li {
  
  background: #efece2;
  cursor:pointer;
  width:33.33%;
  text-align:center;
  position:relative;
  border-right:1px solid #fff;
  font-weight:bold;
  font-size:90%;
}
/*IE8▼*/
.tabmenu li {
float: left\9;
}
/*IE9▼*/
.tabmenu li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.tabmenu li  {
	float:left !important;
}
}
.tabmenu li:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 20px;
  color: #000;
  font: 16px 'FontAwesome';
}
.tabmenu.ue li:before{
  content: "\f107";
}
.tabmenu.shita li:before{
  content: "\f106";
}
.tabmenu li:nth-child(2){
	background: #eae7da;
}
.tabmenu li:nth-child(3){
	background: #e7e3d4;
}
.tabmenu li:last-child{
	border-right:none;
}
.tabmenu li.active {
  background: #15b3c6;
  color: #fff;
}
.tabmenu li.active:before{
  position: absolute;
  -webkit-transform:none;
  transform:none;
  left: 0px;
  right:0;
  margin:auto;
  color: #15b3c6;
  font-size: 12px;
}
.tabmenu.ue li.active:before{
  top:auto;
bottom:-10px;
  content: "▼";
}
.tabmenu.shita li.active:before{
  top:-10px;
bottom:auto;
  content: "▲";
}
.tabmenu li a {
	padding: 15px 0;
	display:block;
}
.tabmenu li.active a {
	color:#fff;
}
/* タブの中身 */
#tab_box {
  
}
#tab_box div.tabbox {
  display: none;
  padding:190px 0 40px 0;
  margin-top:-150px;
}
#tab_box div.tabbox.active {
  display: block;
}

/*** yoyaku ***/
.tabmenu .nav_yoyaku{
	position:absolute;
  right:0;
  top:0;
  display:block;
  width:33.33%;
  border-left:1px solid #fff;
}
.tabmenu .nav_yoyaku a {
	padding: 15px 0;
   display:block;
 background: #1b1464;
  cursor:pointer;
  color:#fff;
  text-align:center;
  position:relative;
  border-right:none;
  font-weight:bold;
  font-size:90%;
}
.tabmenu .nav_yoyaku a:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  right: 20px;
  color: #fff;
  font: 16px 'FontAwesome';
  content: "\f022";
}
@media only screen and (max-width:768px){
	.tabSection {
		
	}
	.tabmenu li {
 
  background: #efece2;
  cursor:pointer;
  width:33.33%;
  text-align:center;
  position:relative;
  border-right:1px solid #fff;
  font-weight:bold;
  font-size:70%;
}
	.tabmenu.ue li:before{
  content: "";
}
.tabmenu.shita li:before{
  content: "";
}
.tabmenu li a {
	padding: 10px 0;
	display:block;
}
/*** yoyaku ***/
.tabmenu .nav_yoyaku{
	position:absolute;
  right:0;
  top:0;
  display:block;
  width:33.33%;
  border-left:1px solid #fff;
}
.tabmenu .nav_yoyaku a {
	padding: 10px 0;
   display:block;
 background: #1b1464;
  cursor:pointer;
  color:#fff;
  text-align:center;
  position:relative;
  border-right:none;
  font-weight:bold;
   font-size:70%;
}
.tabmenu .nav_yoyaku a:before{
  content: "";
}
#tab_box div.tabbox {
  display: none;
  padding:80px 0 20px 0 ;
  margin:-40px 8% 0;
}
#tab_box div.tabbox .honbun {
	margin:0;
}
#search #tab_box div.tabbox {
  display: none;
  padding:80px 0 20px 0 ;
  margin:-40px 0% 0;
}
#search #tab_box div.tabbox .honbun {
	margin:0;
}

}
/************************************

tab_image

************************************/
.tab_image{
	margin:0 0 10px;
	background:#efefef;
}
.tab_image:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.tab_image .subimage {
  list-style: none;
}
.tab_image .subimage:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.tab_image .subimage {
	
}
.tab_image .subimage li {
 width:33.33%;
 float:left;
  overflow:hidden;
  position:relative;
}
.tab_image .subimage li.active {
 opacity:0.7;
 position:relative;
}
.tab_image .subimage li.active:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: -10px;
  color: #fff;
  font: 50px 'FontAwesome';
  content: "\f104";
  
}
.tab_image .subimage li .subimgwaku{
	position: relative;
	width: 100%;
	height: 0%;
	padding: 61.72% 0 0;
	position:relative;
	overflow:hidden;
}
.tab_image .subimage li .subimgwaku img {
	position:absolute;
	top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  width:100%;
}

/* タブの中身 */
.tab_image .mainimage {
}
.single .tab_image .mainimage {
    margin: 0;
}
.tab_image .mainimage li {
  display: none;
}
.tab_image .mainimage li.active {
  display: block;
}
@media only screen and (max-width:480px){
	.tab_image .subimage {
  float:none;
width:100%;
}
.tab_image .subimage li {
  float:left;
  width:33.33%;
}
.tab_image .subimage li.active {
  width:33.33%;
}
.tab_image .subimage li.active:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
width:100%;
text-align:center;
  color: #fff;
  font: 40px 'FontAwesome';
  content: "\f106";
  
}
.tab_image .mainimage {
 float:none;
width:100%;
}
}
/************************************

フォトギャラリー

************************************/
.photogallery{
	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;
	padding:20px 0;
}
.photogallery:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.photogallery li {
	width:29%;
	margin:2%;
	transition:.8s;
	text-align:center;
	position:relative;
}
/*IE8▼*/
.photogallery li {
float: left\9;
}
/*IE9▼*/
.photogallery li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.photogallery li {
	float:left !important;
}
}
.photogallery li:hover{
	opacity:.6;
}
.photogallery li img {
	max-width:100%;
	max-height:250px;
}
@media only screen and (max-width:480px){
	.photogallery li {
	width:46%;
	margin:2%;
	transition:.8s;
	text-align:center;
	position:relative;
}
.photogallery li img {
	max-width:100%;
	max-height:200px;
}
}

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

#stay .single　タブメニュー

************************************/
#stay .single .tabmenu2 {
	position:relative;
}
#stay .single .tabmenu2 ul {
	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;
	position:relative;
}
#stay .single .tabmenu2 li {
  
  background: #efece2;
  cursor:pointer;
  width:16.66%;
  text-align:center;
  position:relative;
  border-right:1px solid #fff;
  font-weight:bold;
  font-size:80%;
}
/*IE8▼*/
#stay .single .tabmenu2 li {
float: left\9;
}
/*IE9▼*/
#stay .single .tabmenu2 li:not(:target) {
float:left¥9;
}
/*IE10▼*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
#stay .single .tabmenu2 li  {
	float:left !important;
}
}

#stay .single .tabmenu2 li:nth-child(even){
	background: #eae7da;
}
#stay .single .tabmenu2 li:last-child{
	border-right:none;
}
#stay .single .tabmenu2 li.active {
  background: #15b3c6;
  color: #fff;
}
#stay .single .tabmenu2 li.active:before{
  position: absolute;
  -webkit-transform:none;
  transform:none;
  left: 0px;
  right:0;
  margin:auto;
  color: #15b3c6;
  font-size: 12px;
}
#stay .single .tabmenu2.ue li.active:before{
  top:auto;
bottom:-10px;
  content: "▼";
}
#stay .single .tabmenu2.shita li.active:before{
  top:-10px;
bottom:auto;
  content: "▲";
}
#stay .single .tabmenu2 li a {
	padding: 15px 0;
	display:block;
}
#stay .single .tabmenu2 li.active a {
	color:#fff;
}
/* タブの中身 */
#stay .single .tabbox {
  padding:40px 0;
  display:block;
}

/*** yoyaku ***/
#stay .single .tabmenu2 .nav_yoyaku{
	position:absolute;
  right:0;
  top:0;
  display:block;
  width:16.66%;
  border-left:1px solid #fff;
}
#stay .single .tabmenu2 .nav_yoyaku a {
	padding: 15px 0;
   display:block;
 background: #1b1464;
  cursor:pointer;
  color:#fff;
  text-align:center;
  position:relative;
  border-right:none;
  font-weight:bold;
  font-size:80%;
}
#stay .single .tabmenu2 .nav_yoyaku a:before{
  content: "";
}
@media only screen and (max-width:768px){
	
	#stay .single .tabmenu2 li {
 
  background: #efece2;
  cursor:pointer;
  width:16.66%;
  text-align:center;
  position:relative;
  border-right:1px solid #fff;
  font-weight:bold;
  font-size:65%;
}
#stay .single .tabmenu2 li a {
	padding: 12px 0;
	display:block;
}
/*** yoyaku ***/
#stay .single .tabmenu2 .nav_yoyaku{
	position:absolute;
  right:0;
  top:0;
  display:block;
 width:16.66%;
  border-left:1px solid #fff;
}
#stay .single .tabmenu2 .nav_yoyaku a {
	padding: 12px 0;
   display:block;
 background: #1b1464;
  cursor:pointer;
  color:#fff;
  text-align:center;
  position:relative;
  border-right:none;
  font-weight:bold;
   font-size:65%;
}
#stay .single .tabmenu2 .nav_yoyaku a:before{
  content: "";
}
#stay .single .tabbox {
  display:block;
  padding:20px 0;
}
}
/************************************

#stay .single

************************************/
#stay .single h1{
	padding:25px 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	margin:0 0 20px;
}
#stay .single .area a {
	position:absolute;
	top:-15px;
	left:0;
	background:#000;
	color:#fff;
	font-size:90%;
	line-height:100%;
	font-weight:bold;
	padding:7px 20px;
}

/*** photo ***/
#stay .single .tab_image{
	margin:0 0 40px;
}


/*** text ***/

#stay .single .tabbox .section {
	margin:0px 0 50px ;
}
.section:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
#stay .single .tabbox .section h2 {
	margin:0 0 20px;
	font-size:140%;
}
#stay .single .tabbox .section h3 {
	color:#1b1464;
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:170%;
	margin:0 0 30px;
}
#stay .single .tabbox .section h4 {
	font-family: 'Open Sans Condensed', sans-serif; 
	font-size:140%;
	margin:0 0 10px;
}
#stay .single .tabbox .section article{
	margin:0;
}
#stay .single .tabbox .section article h3 {
	color:#000;
	font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
font-weight: boold; /*windows対策*/
	font-size:100%;
	margin:0 0 10px;
}
/*** facility ***/
#stay .single .tabbox .facility article{
	border:1px solid #000;
	padding:5%;
	margin:10px 0;
}
#stay .single .tabbox .facility article .image {
	float:left;
	width:45%;
}

#stay .single .tabbox .facility article .fac_data {
	float:right;
	width:50%;
	
	margin:0px 0 0;
}
#stay .single .tabbox .facility article .fac_data h4 {
	font-size:120%;
	margin:0 0 20px;
}
#stay .single .tabbox .facility article .fac_data dl {
	border-bottom:1px solid #ccc;
	padding:7px 0;
	font-size:80%;
}
#stay .single .tabbox .facility article .fac_data dl:first-child {
	border-top:1px solid #ccc;
}
#stay .single .tabbox .facility article .fac_data dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
#stay .single .tabbox .facility article .fac_data dl dt {
	font-weight:bold;
	float:left;
	width:35%;
	padding:0 2%;
}
#stay .single .tabbox .facility article .fac_data dl dd {
	float:right;
	width:60%;
	padding:0 2%;
}
#stay .single .tabbox .facility article .text {
	clear:both;
	margin:20px 0 0;
}

#stay .single .tabbox .facility article .text p {
	font-size:90%;
	line-height:180%;
}
/*** sns ***/
#stay .single .tabbox .sns article{
	float:left;
	width:46%;
	margin:0 4% 10px 0;
}
#stay .single .tabbox .sns article iframe {
	max-width:100%;
	width:100%;
}
/*** stay_room ***/
#stay_room article {
	margin:0 0 50px;
}
#stay .single #stay_room article .tab_image {
	margin:0 0 20px;
}
/*** stay recommend ***/
#stay .single .tabbox .recommend .waku {
	border:10px solid #efece2;
	padding:20px;
	margin:10px 0;
}
.waku:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
#stay .single .tabbox .recommend .waku .image {
	float:left;
	width:45%;
}
#stay .single .tabbox .recommend .waku .text {
	float:right;
	width:50%;
}
#stay .single .tabbox .recommend .waku .text h4 {
	font-weight:normal;
	font-size:130%;
	margin:10px 0 20px;
	padding:0 0 5px;
	border-bottom:1px solid #000;
}
#stay .single .tabbox .recommend .waku .text p {
	font-size:90%;
	line-height:180%;
}
#stay .single .tabbox .recommend .waku .text .price {
	text-align:right;
	font-size:130%;
	margin:20px 0 0 ;
}
@media only screen and (max-width:768px){
	#stay .single .honbun {
    margin: 0 ;
}
}
@media only screen and (max-width:480px){
	/*** photo ***/
#stay .single .tab_image{
	margin:0 0 30px;
}

/*** text ***/
	#stay .single .tabbox .section h2 {
	margin:0 0 20px;
	font-size:130%;
}
#stay .single .tabbox .section h3 {
	font-size:150%;
	margin:0 0 20px;
}
#stay .single .tabbox .section h4 {
	font-size:120%;
	margin:0 0 10px;
}

	/*** facility ***/
#stay .single .tabbox .facility article{
	padding:8%;
}
#stay .single .tabbox .facility article .image {
	float:none;
	width:100%;
	margin:0 0 15px;
}

#stay .single .tabbox .facility article .fac_data {
	float:none;
	width:100%;
	
	margin:0px 0 0;
}
#stay .single .tabbox .facility article .fac_data h4 {
	font-size:110%;
	margin:0 0 15px;
}
/*** sns ***/
#stay .single .tabbox .sns article{
	float:none;
	width:100%;
	margin:0 0% 15px 0;
}
/*** stay recommend ***/
#stay .single .tabbox .recommend .waku {
	border:7px solid #efece2;
	padding:5%;
	margin:10px 0;
}
#stay .single .tabbox .recommend .waku .image {
	float:none;
	width:100%;
	margin:0 0 15px;
}
#stay .single .tabbox .recommend .waku .text {
	float:none;
	width:100%;
}
#stay .single .tabbox .recommend .waku .text h4 {
	font-size:110%;
	margin:0px 0 10px;
}
#stay .single .tabbox .recommend .waku .text p {
	font-size:90%;
	line-height:180%;
}
#stay .single .tabbox .recommend .waku .text .price {
	text-align:right;
	font-size:120%;
	margin:10px 0 0 ;
}

}


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

map_select （地図から探す）

************************************/
.map_select {
}
.map_select:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
} 
.map_select .map_area {
	float:left;
	width:75%;
	height:660px;
}
.map_select .map_info {
	float:right;
	width:24%;
}

.map_select .map_info .wrap {
	height:500px;
}
.map_select .map_info h3.open_h3{
   background:#15b3c6;
   color:#fff;
   font-size:80%;
   padding:7px;
   border-bottom:1px solid #fff;
    cursor: pointer;
    margin: 0;
	position:relative;
}
.map_select .map_info .open_h3.active::after {
     font: 12px 'FontAwesome';
  content: "\f196";
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.map_select .map_info .open_h3::after {
     font: 12px 'FontAwesome';
  content: "\f147";
    position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.map_select .map_info h4.open_h4{
   background:#beeaef;
   color:#333;
   font-size:80%;
   padding:5px 7px;
   border-bottom:1px solid #fff;
    cursor: pointer;
    margin: 0;
	position:relative;
}
.map_select .map_info .open_h4.active::after {
     font: 12px 'FontAwesome';
  content: "\f196";
  position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.map_select .map_info .open_h4::after {
     font: 12px 'FontAwesome';
  content: "\f147";
    position:absolute;
  right:10px;
  top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
.ul_open_sub {
	max-height:275px;
	overflow:scroll;
}
.ul_open_sub li {
	font-size:80%;
	padding:7px 7px 7px 20px;
	border-bottom:1px solid #ccc;
	position:relative;
}
.ul_open_sub li:before{
  position: absolute;
top: 50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
  left: 10px;
  color: #595757;
  font: 10px 'FontAwesome';
  content: "\f105";
}
.open_data{
	background:#eee;
	font-size:80%;
	padding:7px;
	border-bottom:1px solid #ccc;
}
.open_data a {
	text-decoration:underline;
}
@media only screen and (max-width:768px){
	.map_select .map_area {
	float:none;
	width:100%;
	height:300px;
}
.map_select .map_info {
	float:none;
	width:84%;
	margin:20px auto;
}

.map_select .map_info .wrap {
	height:auto;
}
.ul_open_sub {
	max-height:200px;
	overflow:scroll;
}
}

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

#about

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

/****** mainimage ******/
#about #mainimage {
	position:relative;
	margin:0 0 50px;
}
#about #mainimage .text {
	font-weight:bold;
	position:absolute;
	bottom:30px;
	left:30px;
	width:60%;
	font-size:130%;
	line-height:170%;
	color:#fff;
	padding:20px;
	background-color:rgba(0,0,0,0.8);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff);/*IE8以下用*/
}
#about #mainimage .name {
	text-align:right;
	font-size:14px;
}


@media only screen and (max-width:768px){
	#about #mainimage .text {
	bottom:20px;
	left:20px;
	width:60%;
	font-size:110%;
	padding:20px;
	background-color:rgba(0,0,0,0.8);
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#88ffffff,EndColorStr=#88ffffff);/*IE8以下用*/
}
}
@media only screen and (max-width:480px){
	#about #mainimage .text {
	font-weight:bold;
	position:relative;
	bottom:auto;
	left:auto;
	width:auto;
	font-size:110%;
	color:#fff;
	padding:5%;
}
#about #mainimage .name {
	font-size:12px%;
}
}
/****** imi ******/
#about #imi {
	margin:0 0 50px;
}
#about #imi  .text {
	float:left;
	width:100%;/*60%*/
}
#about #imi  .text h2 {
	font-size:140%;
	margin:0 0 1em;
}
#about #imi  .text  p {
	line-height:200%;
}
#about #imi  .image {
	float:right;
	width:35%;
}
#about #imi  .name {
	text-align:right;
 margin:10px 10px 0 0;
}


@media only screen and (max-width:768px){
	#about #imi {
	margin:0 8% 50px;
}
#about #imi  .text {
	float:none;
	width:100%;
	margin:0 0 20px;
}
#about #imi  .image {
	float:none;
	width:100%;
}
}
@media only screen and (max-width:480px){
	
}
/****** jisseki ******/
#about #jisseki {
	border:2px solid #000;
	padding: 5% 7%;
	position:relative;
}
#about #jisseki h3 {
	position:absolute;
	top:-20px;
	left:0;
	right:0;
	margin:0 auto;
	width:520px;
	background:#fff;
	padding:5px 20px;
	text-align:center;
}
#about #jisseki  ul {
	float:left;
	width:70%;
}
#about #jisseki ul li {
	position:relative;
	margin:0 0 15px;
	padding-left:20px;
	line-height:150%+
}
#about #jisseki ul li:before{
  position: absolute;
top: 5px;
  left: 0px;
  font: 14px 'FontAwesome';
  content: "\f046";
}
#about #jisseki ul li small {
	display:block;
	color:#15b3c6;
}
#about #jisseki  .image {
	float:right;
	width:25%;
}
@media only screen and (max-width:768px){
	#about #jisseki {
	margin:0 8%;
	padding: 5% 7%;
}
#about #jisseki h3 {
	font-size:110%;
	position:relative;
	top:auto;
	left:auto;
	right:auto;
	margin:0 auto 1em;
	width:auto;
	background:none;
	padding:5px 0px;
	text-align:center;
}
#about #jisseki  ul {
	float:none;
	width:100%;
	font-size:90%;
}
#about #jisseki  .image {
	float:none;
	width:100%;
	text-align:center;
}
#about #jisseki  .image img {
	max-width:300px;
	width:100%;
}
}


/****** youtube ******/
.youtube-content {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.youtube-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
#bnr_btn{
	width:100%;
	text-align:center;

}

#bnr_btn.pc { display: block !important;text-align:center; cursor:pointer; pointer-events: auto; }
#bnr_btn.sp { display: none !important;text-align:center; }
#bnr_btn img {cursor:pointer; pointer-events: auto; }


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
#bnr_btn.pc{ display: none !important;text-align:center; }
#bnr_btn.sp { display: block !important;text-align:center; }
}


::-webkit-input-placeholder {
  color: #fff;
}
::-moz-placeholder {
  color: #fff; opacity: 1;
}
:-ms-input-placeholder {
  color: #fff;
}

@media only screen and (max-width: 750px) {
	.share{
	width:80%;
	}
}
/*イベント　備考欄　リンクわかるように*/
.link_bule a {
	color:#00F;
	text-decoration:underline;
}
.link_bule a:hover{
	color:#00F;
	text-decoration:underline;
}

@media only screen and (max-width:768px){
	.single .honbun img {
		margin:20px 0;
	}
	#event .single .honbun img,
	#news .single .honbun img {
  max-width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  	}
}

/*追加*/

.ui-datepicker{
    width: auto;
    padding: 5px;
	margin:5px;   
}
@media only screen and (max-width:768px){

.ui-state-default{
    width: auto;
    padding: 3px 0px;
	margin:3px 0px;   
}
  
}

ul.s_search,
ul.s_area {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}

ul.s_search li,
ul.s_area li {
float: left;
margin-right:30px;
padding: 2px 0;
}

.clearLeft { 
clear: left; 
}





@media only screen and (max-width:768px){
ul.s_area {
width: 100%;
margin: 0;
padding: 0;
list-style-type: none;
}

ul.s_area li {
width: 32%;
margin-right: 1%;
padding: 2px 0;
}


}

.wp-embedded-content {
  max-width: 100%;
}

div.cate_event{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
font-weight:500; 
background:#15B3C6 !important;
}



/*
div.cate_spot{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#090 !important;

}
div.cate_news{
float:right;
max-width:200px;
text-align:right;
padding:4px 12px;
color:#FFF;
font-size:70%;
background:#00F !important;
}	

div.cate_gourmet{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#F60 !important;
}
div.cate_stay{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#33F !important;
}
div.cate_souvenir{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#630 !important;
}
div.cate_c_event{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#FF3 !important;
}
div.cate_neta{
float:right;
max-width:200px;
text-align:right;
padding:4px 10px;
color:#FFF;
font-size:70%;
background:#000 !important;
}
*/


/*-----------------------------------
内部リンクをショートコードでブログカード化
------------------------------------*/
.blog-card{
	border:1px solid #999;
	word-wrap:break-word;
	max-width:100%;
	margin-bottom: 30px;
	font-size :1.2em;
	height:auto;
	overflow:hidden;
	transition:0.1s ease;
	position:relative;
}
.blog-card:hover{
	text-decoration:none;
}
 
.blog-card a {
	font-weight: bold;
	text-decoration:none;
	text-decoration:underline;
}
 
.blog-card-thumbnail{
	float:left;
	padding:15px;
}
 
.blog-card-thumbnail img {
	display: block;
	padding: 0;
	width: 120px;
	height: 120px;
	object-fit: cover;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
 
.blog-card-content{
	padding-left:10px;
	line-height:120%;
}

.blog-card-title{
	padding: 15px 10px;
	font-size: 90%;
	color: #000;
	display: block;
	text-decoration:none;

}
 
.blog-card-title::before {
	content: '> 続きを読む';
	font-size: 0.7em;
/* font-weight: bold; */
	color: #fff;
	background: #15B3C6;
	width: 7em;
	display: inline-block;
	padding: 0.5em;
	position: absolute;
	margin-right: 1em;
	bottom: 10px;
	right: 0px;
	text-decoration:none;
}
 
 
.blog-card-excerpt {
	color: #969696;
	font-size: 14px !important;
	font-weight: normal !important;
	text-align: left !important;
	text-decoration: none; 
	padding: 0px 20px 40px;
}

a {
	text-decoration: none; 
}

/*-----------------------------------
スマホのサイズ調整
------------------------------------*/
@media only screen and (max-width:768px){
.blog-card{
	border:1px solid #999 !important;
	word-wrap:break-word;
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom: 30px;
	font-size :1.2em;
	transition:0.1s ease;
	position:relative;
}

.blog-card-title {
    font-size: 80%;

}
.blog-card-title::before {
    font-size: 0.7em;
}

.blog-card-thumbnail {
	float: none;
	width:100%;
	margin:0 auto;
	text-align:center;
}

.blog-card-thumbnail img {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 40px;
	object-fit: contain;
}

.blog-card-excerpt {
padding: 0px 20px 60px;

/* display: none; */
}
.blog-card-title a{
	text-decoration:none;
}
.blog-card-title {
	padding-top: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: left;
	text-decoration:none;
}

.blog-card-title::before {
	content: '> 続きを読む';
	font-size: 0.7em;
	/* font-weight: bold; */
	color: #fff;
	background: #15B3C6;
	display: inline-block;
	position: absolute;
	bottom: 10px;
	text-decoration:none;
	padding: 5px auto;
}
}

/*-----------------------------------
観光施設　終了表示
------------------------------------*/

.close_box{
	text-align:center;
	margin-top:-5px;
	float:left;
}
.close_list_box{
	text-align:center;
	margin-top:0px;
	float:left;
}

.close_box .close_spot,
.close_list_box .close_spot{
	min-width:50px;
	display:inline-block;
	padding:0px 10px;
	text-align:center;
	background:red;
	color:#FFF;
	font-size:12px;
	margin-right:10px
}


@media only screen and (max-width:768px){
.close_box{
	margin-top:0px;
}


}


figure .image .close_rb {
position: absolute;
background:red;
color: white;
bottom: 0;
right: 0;
padding:2px 5px
}


a .blog-card-title,
a .blog-card-excerpt{
text-decoration:underline;
text-decoration-color:#FFF;

}

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

#目次（イベント・ニュース用）

************************************/
#eve_info {
  margin: 0 0 20px;
}

@media only screen and (max-width: 960px) {
  #eve_info {
    margin: 0 0 20px;
  }
}



.inpagenavi li {
  display: inline-block;
  margin: 0 10px;
}

@media only screen and (max-width: 960px) {
.inpagenavi li {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 5px auto;
    font-size: 90%;
 	text-align:center;
  }
}

.inpagenavi li a {
  display: block;
  padding: 7px 40px 7px 20px;
  border-radius: 2em;
  position: relative;
  text-decoration:none !important;
  background-color: #FFF;
  border: 1px solid #15B3C6;
  color: #15B3C6 !important;

}

@media only screen and (max-width: 960px) {
.inpagenavi li a {
    padding: 7px 0px;
  color: #15B3C6 !important;
  }
}

.inpagenavi li a:hover {
  background-color: #15B3C6;
  color: #fff !important;
  opacity: 1;
	text-decoration:none;

}

.inpagenavi li a::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 12px;
  margin: auto;
  font-family: "FontAwesome";
  content: "\f107";
}

span.an_link {
position: relative;
top: -100px;
display: block;
}

@media only screen and (max-width: 960px) {
span.an_link {
position: relative;
top: -30px;
display: block;
}

}
.menseki{
font-size:70%;
}
@media only screen and (max-width: 960px) {
.menseki{
padding: 0 25px;
}

}
.menseki a {
text-decoration: underline;
}

#eve_info_box{
border: solid 2px #1b1464;
margin:5px 20px;

}
#eve_info_box .title{
width:100%;
  display: inline-block;

padding:10px;
margin: 0 auto;
font-weight:bold;
color:#FFF;
background:#1b1464;
left:50%;
}



#eve_info_box .eve_list{

}
#eve_info_box .eve_list li{
list-style-type: decimal;
margin:5px 10px 5px 30px;
}



#eve_info_box .eve_list1 li{
list-style-type:decimal-leading-zero;
}

/*イベントシーンアイコン*/
.event_icon{
text-align: right;

}
.event_icon img{
	width:40px;
	height:auto;
	padding:2px;
}

@media only screen and (max-width: 960px) {
.event_icon{
text-align: left;
margin:0px auto 5px;
}

.event_icon img{
	width:30px;
	height:auto;
	padding:2px;
}
}



/* アイコン説明*/

/*全体*/
.hidden_box {
}

.event_icon_ex{
margin:0px auto 5px;
text-align: right;
font-size:12px;
color:#00F;
text-decoration:underline;

}


@media only screen and (max-width: 960px) {
.event_icon_ex{
display:inline-block;
margin:0px 0px 5px 5px;
text-align: left;
font-size:12px;
color:#00F;
text-decoration:underline;


}
}


/*ボタン装飾*/
.hidden_box label {
 cursor :pointer;

}

/*ボタンホバー時*/
.hidden_box label:hover {
}

/*チェックは見えなくする*/
.hidden_box input {
 display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
	height: 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    height: auto;
    opacity: 1;
    padding: 5px 15px;
    border: solid 2px #15B3C6;
	font-size:16px;
	margin-bottom:10px;
	vertical-align:middle;

}

.hidden_box .hidden_show ul{
width:100%;
}
.hidden_box .hidden_show li{
width:50%;
float:left;
padding:5px;
}

.hidden_box .hidden_show img{
	width:30px;
	height:auto;
}

@media only screen and (max-width: 960px) {
.hidden_box .hidden_show ul{
width:100%;
}
.hidden_box .hidden_show li{
width:100%;
float:none;
padding:5px;
}

.hidden_box .hidden_show li{
padding:5px;
}
.hidden_box .hidden_show img{
	width:25px;
	height:auto;
}
}









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

#3列

************************************/
#type3 {
}


#type3 li {
	float: left;
	width: 29.3%;
	margin: 2%;
  list-style: none !important; /* ブログの都合上importantが入っています。 */
}
#type3 li:nth-child(3n+1){
  clear: left;
}
#type3 li img {

}
@media only screen and (max-width: 480px) {
#type3  li {
	float: none;
	width: 100%;
	margin: 0 0 20px; }


}

#type3 li .image img {
width:100%;
height:auto;
}
#type3 li p {
font-size: 90%;
text-align: left;
margin: 5px 2% 0;
line-height: 1.8; 
  list-style: none !important; /* ブログの都合上importantが入っています。 */

}
#type3::after {
  content: "";
  display: block;
  clear: both;
}


/*　ここまで*/
/*目次*/
/*目次 カスタマイズ*//*目次 ボディ*/
.content .outline {
position:relative;
border: 3px solid #606060;
padding: 10px ;
padding-left:0px;background:#fffff9;
}
/*H2見出しの番号*/
.content .outline__number{
width:1.8em;height:1.8em;
padding:0;
line-height:1.8em;
text-align:center;
background:#cda34f;
color:#ffffff;
border-radius:50%;
}
/*H3見出しの番号*/
.content li ul li .outline__number{
font-weight:bold;
background:transparent;
color:#606060;
width:auto;
}
/*テキストカラー*/
.content .outline__link {
transition-duration:0.2s;
display: block;
color:#606060;
}
/*マウスオーバー時のホバーエフェクト*/
.content .outline__link:hover {
transition-duration:0.2s;
color:#cda34f;
}
/*目次タイトル*/
.outline__title {
color:#505050;
font-weight: 700;
width:100%;
padding: 0px 0px 0px 20px;
}.content .outline__switch{
right:1.5rem;
top:10px;
}
/*OPEN CLOSEのカスタマイズ*/
.content .outline__toggle:checked + .outline__switch::before {
content: "［ ▲ CLOSE］";
position:absolute;
right:10px;
color:#e34717;
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
margin-top: 1rem;
}.content .outline__switch::before {
content: "［ ▼ OPEN ］";
border: 0;
position:absolute;
right:10px;
color:#e34717;
}
/*ボーダー装飾*/
.content .outline__switch + .outline__list {
background: transparent;
}
.content .outline__switch + ul.outline__list {
margin-left:0;
margin-right:0;
border-top:4px dotted #cfcfcf;
}
.content .outline__switch + .outline__list-2 li:first-child{
margin-top:1.0em;
}
.content .outline__switch + .outline__list-2 li ul li:first-child{
margin-top:0.5em;
}
.outline__list-2 > li > a{
font-weight:700;
}
/*タイトル横のアイコン*/
.outline__title:before{
font-family: "icomoon";
content: "\e92f";
margin-right:5px;
}
/* 目次の頭揃え */
.outline__link {
padding-left:2em;
text-indent: -2em;
}
.outline__number{
text-indent: 0;
}
.outline__list-3 .outline__link {
padding-left:3em;
text-indent: -2.85em;
}
@media only screen and (min-width: 992px){
.outline__list-2 > li > a{
font-weight:700;
}
.content .outline {
width:90%;
margin:3rem 5%;
}
}
@media only screen and (max-width: 991px){
.content .outline {
width:100%;
}
}


/*
.content .outline{
width:90%;
margin:0 auto;
display:block;
position:relative;
border-right:none;
border-left:none;
border-top:solid 5px #83ccd2;
border-bottom:solid 5px #83ccd2;
background:#ebf6f7;
}
.content .outline__item{
background:#ebf6f7;
}
.content .outline__number{
font-size:15px;
background:initial;
color:#777;
}
.outline__title{
color:#777;
font-weight:bold;
font-size:18px;
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
margin-top: 1rem;
background:initial;
}
*/

.content .outline{
position:relative;
width:90%;
margin:0 auto;
display:block;
background:#f3f3f2;
border-right:none;
border-left:none;
border-bottom:none;
border-top:solid 6px #444;
}
.content .outline__item{
background:#f3f3f2;
}
.outline__title:before{
display:inline-block;
font-family: "icomoon";
content: "\ea51";
margin-right:5px;
background: #444;
width:40px;
height:40px;
text-align:center;
border-radius:50%;
padding-top:4px;
color:#fff;
}
.content .outline__number{
font-size:15px;
color:#444;
}
.outline__title{
color:#444;
font-weight:bold;
font-size:18px;
}
.content .outline__toggle:checked + .outline__switch::before {
content: "［閉じる］";
font-size:17px;
margin-left:-10px;
color:#444;
}
.content .outline__toggle:checked + .outline__switch + .outline__list {
margin-top: 1rem;
background:initial;
}
.content .outline__switch::before {
content: "［開く ］";
border: 0;
margin-left:-10px;
color:#444;
font-size:17px;
}


/*　目次 */

#tocopen:checked+.toc_container {
    display: none;
}




/*****
チェックボックスと開閉する目次ボックスは非表示
****/

.toc input[type="checkbox"]{
    display: none;
}
.toc:has(:checked) label::after {
    content: "▲";
}


/*****目次*****/

#tocopen:checked+.toc_container {
    display: none;
}

/*ボックス*/
.toc_container{
/*    border: 2px solid #2589d0;
    border-radius: 3px;
*/
}



/*****
チェックボックスと開閉する目次ボックスは非表示
****/

.toc input[type="checkbox"]{
    display: none;
}
.toc:has(:checked) label::after {
    content: "▼";
}
/*****目次*****/

.toc { /**/
	margin:30px auto;
    border: 2px solid #1b1464;
    border-radius: 3px;
	width:95%;
}

.toc label { /**/
    display: flex;
    align-items: center;
    margin: 0;
    padding: 20px 30px 20px 10px;
    background-color: #1b1464;
    color: #fff;
    font-weight: 600;
}

/*
.toc label::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M3.8%2017.2h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.8-.8-.8zm0-15h-3c-.5%200-.8.4-.8.8v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8V3c-.1-.4-.4-.8-.8-.8zm0%207.6h-3c-.5%200-.8.3-.8.7v3c0%20.4.3.8.8.8h3c.4%200%20.8-.3.8-.8v-3c-.1-.4-.4-.7-.8-.7zM23.2%2018h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8zm0-15h-15c-.4%200-.7.3-.7.8v1.5c0%20.4.3.7.7.7h15c.5%200%20.8-.3.8-.8V3.8c0-.5-.3-.8-.8-.8zm0%207.5h-15c-.4%200-.8.3-.8.8v1.5c0%20.4.3.8.8.8h15c.4%200%20.8-.3.8-.8v-1.5c0-.5-.3-.8-.8-.8z%22%2F%3E%3C%2Fsvg%3E');
    content: '';
}
*/


.toc label::after {
	position:absolute;
	right:50px;
    font-family: "Font Awesome 5 Free";
    margin-right: 10px;
    font-weight: 600;
    color: #fff;
    content: '▲';
    cursor: pointer;
}
@media only screen and (max-width:768px){
	.toc { /**/
		margin:30px 0px !important;
		border: 2px solid #1b1464;
		border-radius: 3px;
		width:100% ;
	}
	.toc label { /**/
		display: flex;
		align-items: center;
		margin: 0;
		background-color: #1b1464;
		color: #fff;
		font-weight: 600;
	}
	
	.toc label::after {
		position:absolute;
		right:40px;
		font-weight: 600;
		color: #fff;
		content: '▲';
		cursor: pointer;
	}

}

#tocopen{
	position:relative;
    margin-left: 7px;
    color: #000;
    content: "+";
    cursor: pointer;
}

.toc_container {
    background-color: #fff;
}
.toc_container ol>li {
    margin: 5px 0px;
}


.toc ol {
  counter-reset:num;
  list-style-type: none!important;
  padding:0;
  margin:20px 30px;
}
.toc ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.toc ol li:before {
  position: absolute;
  counter-increment: num;
  content: counter(num);
  display:inline-block;
  background: #1b1464;
  color: #FFF;
  font-family: 'Arial',sans-serif;
  font-weight:bold;
  border-radius: 50%;
  left: 0;
  width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  top: 10px;
}

/*****目次　終了*****/

/*画像センター*/
.single .honbun .news_center{
text-align:center;
}
@media only screen and (max-width:768px){
.single .honbun .news_center{

clear: both;
max-width: 100%;
position: relative;
margin:0 auto;
margin-left: -50%;
margin-right: -50%;
}
}

/*画像左　テキスト右*/
.single .honbun .container {
  width: 100%;
   display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 0.5rem;
}
.single .honbun .container .image_l {
  width: 50%;
}

@media only screen and (max-width: 600px) {
.single .honbun .container .image_l {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.single .honbun .container.image_l img {
width:100%;
height:auto;
}

@media only screen and (max-width: 1024px) {
.single .honbun  .container .image_l img {
}
}
.single .honbun .container .text {
  width: 45%;
  padding-top: 1rem;
}
@media only screen and (max-width: 1024px) {
.single .honbun  .container .text {
    padding-top: 0;
  }
}
@media only screen and (max-width: 600px) {
.single .honbun  .container .text {
    width: 100%;
  }
}


.single .honbun  .container .text .title {
  font-size: 1.1rem;
  font-weight: bold;
  margin-bottom: 0.5rem;

}
@media only screen and (max-width: 1024px) {
.single .honbun  .container .text .title {
    font-size: 1.1rem;
  }
}
.single .honbun  .container .text p {
  line-height: 1.8;
}

.single .honbun .container .img_r .image_l {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media only screen and (max-width: 600px) {
.single .honbun  .container .img_r .image_l {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.single .honbun  .container.img_r .text {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media only screen and (max-width: 600px) {
.single .honbun  .container .img_r .text {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.single .honbun .box_link{
width:100%;
text-align: center;
margin:20px auto 50px;
}
.single .honbun .box_link a{
display: inline-block; /* 必要に応じて適用 */
border: 2px solid #15b3c6;
padding: 5px 10px; /* 枠と文字の間のスペースを追加 */ 
background-color:#15b3c6;
color:#FFF;
}


/* Google Mapを囲う要素 */
.google_map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%; /* 比率を4:3に固定 */
}
 
/* Google Mapのiframe */
.google_map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}





.footer_Link {
	display: flex;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	z-index: 100;
	width: 100%;
}

.footer_Link li {
	width: 25%;
	height: 60px;
	text-align: center;
	font-size: 14px;
	line-height: 64px;

}

.footer_Link li+ li {
  border-left: 1px solid #FFF;
}

/*フッター固定（広島ニュース駐車場）*/
.footer_Link li a {
	display: block;
	color: #FFF;
}

.footer_Link li:nth-child(1) a {
	background: #1b1464;
}

.footer_Link li:nth-child(2) a {
	background: #1b1464;
}

.footer_Link li:nth-child(3) a {
	background: #1b1464;
}

.footer_Link li:nth-child(4) a {
	background: #1b1464;
}
.footer_Link li a {
	display: block;
	color: #FFF;
text-decoration:underline;
}


#sp-bottom {
  display: none;
}
@media only screen and (max-width: 1024px) {
  #sp-bottom {
width:100%;
    display: block;
    position: fixed;
    z-index: 10;
    bottom: 0;
    left: 5px;
  }
}
#sp-bottom ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#sp-bottom li {
  width: 23%;
  margin: 0 2px 0 0;
}
#sp-bottom a {
  display: block;
	background: #1b1464;

  color: #fff;
  text-align: center;
  font-size: 0.8rem;
  line-height: 1.2;
  height: 50px;
  padding-top: 9px;
}
#sp-bottom a:hover {
  background-color: #6ED0DC;
}

/*****駐車場再度****/
#side {
font-family: '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  position: fixed;
  right: 0px;
  top: 20%;
  width: 36px;
  z-index: 100;
}
#side #side_online a {
  display: block;
  background-color: #1b1464;
  color: #fff;
  text-decoration: none;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 12px;

}
#side #side_online a:hover {
  background-color: #6ED0DC;
  color:#FFF;
}

#side #side_online .waku {
  display: block;
  padding-top: 4px;
		font-weight: bold;
  position: relative;
		  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
#side #side_online .waku::before {
  position: absolute;
  top: 0;
  left: 0px;
  right: 0;
  margin: auto;
  width: 16px;
  font-size: 16px;
}

.g-ad{
 margin: 30px auto;
}