@charset "utf-8";
@import url('https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');

@import url(../icomoon/style.css);
/* https://nelog.jp/web-service-icon-fonts */

@font-face {
  font-family: YuGothicM;
  src: local(Yu Gothic Medium);
}

.ifHaku { display: none !important; }


.ifja, .ifen, .ifsc, .iftc, .ifko {
	display:  none;
}
[lang=ja] .ifja {
	display: block;
}
[lang=ja] .ifja-no {
	display: none;
}
[lang=en] .ifen {
	display: block;
}
[lang=zh-hans] .ifsc {
	display: block;
}
[lang=zh-hant] .iftc {
	display: block;
}
[lang=ko] .ifko {
	display: block;
}



/* --------------
 reset
-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
ol,ul{list-style:none}
caption,th{text-align:left}

img {max-width:100% !important; height:auto;vertical-align: bottom;}
iframe {max-width:100% !important; border:0;}
iframe img{max-width:none !important; border:0;}

/* --------------
 clearfix
-------------- */
div:after,ul:after,ol:after,dl:after,
header:after,footer:after,
nav:after,section:after,article:after {
	content: ""; 
	display: block;
	clear: both;
}

/* --------------
 base
-------------- */
body {
	color: #3a2517;
/*	background: #fcf7f2 url(../img/tex-paper.png);*/
	background: #fff;
	font: 15px/1.4  'Century Gothic', YuGothic,YuGothicM, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0.05em;
	
	border-top:#007c58 solid 2px;
	
	
	counter-reset: spotItem;
}
.serif {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.sans-serif {
	font-family:  'Century Gothic',YuGothic,YuGothicM, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.hiragino {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

h1,h2,h3,h4,h5,h6 {
	line-height: 1.2;
}
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}
h5 {font-size: 1.0em;}
h6 {font-size: 1.0em;}

	
/* link */
a {
	color: #1E1B1A;
	text-decoration: underline;
	word-break: break-all;
}
a:hover {
	color: #F3C91B;
	text-decoration: none;
}
a:hover img {
	opacity:0.7;
}

.textOut {
	text-indent: -9999;
	width: 0px;
	height: 0px;
	overflow: hidden;
}

.contents input,
.contents textarea,
.contents select {
	padding: 8px;
	border-radius: 20px;
	border: #aaa solid 1px;
	overflow: hidden;
}
.contents input[type=submit] {
	border-radius: 0;
}

.selectDeco {
}
.selectDeco select {	
	padding: 8px;
	padding-right: 30px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: #fff url(../img/arwB-select.png) right 50% no-repeat;
	background: #fff url(../img/arwB-select.png) right 50% no-repeat;
	background-size: 26px;
	
	
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
	
}
.selectDeco select::-ms-expand {
  display: none;
}


/* --------------
 modules css
-------------- */
/* ---------- font size */

.fs05 { font-size: 0.5em; }
.fs06 { font-size: 0.6em; }
.fs07 { font-size: 0.7em; }
.fs08 { font-size: 0.8em; }
.fs09 { font-size: 0.9em; }
.fs10 { font-size: 1.0em; }
.fs11 { font-size: 1.1em; }
.fs12 { font-size: 1.2em; }
.fs13 { font-size: 1.3em; }
.fs14 { font-size: 1.4em; }
.fs15 { font-size: 1.5em; }
.fs16 { font-size: 1.6em; }
.fs17 { font-size: 1.7em; }
.fs18 { font-size: 1.8em; }
.fs19 { font-size: 1.9em; }
.fs20 { font-size: 2.0em; }
.fs21 { font-size: 2.1em; }
.fs22 { font-size: 2.2em; }
.fs23 { font-size: 2.3em; }
.fs24 { font-size: 2.4em; }
.fs25 { font-size: 2.5em; }


/* ---------- font weight */
.bold {	font-weight: bold;}
.normal {	font-weight: normal;}

/* ---------- align */
.alc { text-align: center !important;}
.alr { text-align: right !important;}
.all { text-align: left !important;}

.alt { vertical-align: top !important;}
.alb { text-align: bottom !important;}
.alm { vertical-align: middle !important;}

.alj {	
	/* 文字均等割付 */
 text-align: justify !important;
 text-justify: inter-ideograph !important;
}


/* ---------- float */
.noFloat { float: none !important;}

/* ---------- Cancele */

.both { clear: both;}

/* ---------- margin,padding */
.mb0 {	margin-bottom: 0px !important;}
.mb3 {	margin-bottom: 3px !important;}
.mb5 {	margin-bottom: 5px !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb15 {	margin-bottom: 15px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb25 {	margin-bottom: 25px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb35 {	margin-bottom: 35px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb45 {	margin-bottom: 45px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mb55 {	margin-bottom: 55px !important;}
.mb60 {	margin-bottom: 60px !important;}
.mb70 {	margin-bottom: 70px !important;}
.mb80 {	margin-bottom: 80px !important;}
.mb90 {	margin-bottom: 90px !important;}
.mb100 {margin-bottom: 100px !important;}

.ml0 {	margin-left: 0px !important;}
.ml5 {	margin-left: 5px !important;}
.ml10 {	margin-left: 10px !important;}
.ml20 {	margin-left: 20px !important;}
.ml30 {	margin-left: 30px !important;}

.mr0 {	margin-right: 0px !important;}
.mr5 {	margin-right: 5px !important;}
.mr10 {	margin-right: 10px !important;}
.mr20 {	margin-right: 20px !important;}
.mr30 {	margin-right: 30px !important;}

.mt0 {	margin-top: 0px !important;}
.mt3 {	margin-top: 3px !important;}
.mt5 {	margin-top: 5px !important;}
.mt10 {	margin-top: 10px !important;}
.mt15 {	margin-top: 15px !important;}
.mt20 {	margin-top: 20px !important;}
.mt30 {	margin-top: 30px !important;}

.pb0 {	padding-bottom: 0px !important;}
.pb3 {	padding-bottom: 3px !important;}
.pb5 {	padding-bottom: 5px !important;}
.pb10 {	padding-bottom: 10px !important;}
.pb20 {	padding-bottom: 20px !important;}
.pb30 {	padding-bottom: 30px !important;}

.pt0 {	padding-top: 0px !important;}
.pt3 {	padding-top: 3px !important;}
.pt5 {	padding-top: 5px !important;}
.pt10 {	padding-top: 10px !important;}
.pt15 {	padding-top: 15px !important;}
.pt20 {	padding-top: 20px !important;}
.pt30 {	padding-top: 30px !important;}

.pl0 {	padding-left: 0px !important;}
.pl3 {	padding-left: 3px !important;}
.pl5 {	padding-left: 5px !important;}

.pr0 {	padding-right: 0px !important;}
.pr3 {	padding-right: 3px !important;}
.pr5 {	padding-right: 5px !important;}

/* ----- text */
.txtS {
	color: #666;
	font-size: 85%;
}

.clRed { color: #E71F22; }
.clYlw { color: #ebff26; }
.clBlue { color: #1845bf; }
.clGrn { color: #409347; }
.clPink { color: #e46c7d; }
.clOrg { color: #FB8510; }
.clPpl { color: #844ACC; }
.clBeige { color: #b3a89a; }
.clWt { color: #fff; }
.clBk { color: #222; }
.clGray { color: #777; }
.clNormal { color: #4d321e; }
.clLogoGrn { color: #8aac25; }
.clLGrn { color: #b8bb3c; }


.clNotice { color: #FF1317; }
.clWarning { color: #DF9120; }
.clHidden { color: #DCDCDC; }
.clNew { color: #c3ed52; }


mark {
	 color: inherit;
	 background: #b1f097;
}


.cl-event { color: #00AEAE; }
.cl-experience { color: #E75B8C; }
.cl-spot { color: #297CC0; }
.cl-course { color: #766ac8; }
.cl-gourmet { color: #DB8427; }
.cl-shop { color: #4F860E; }
.cl-hotel { color: #5D7BC4; }
.cl-access { color: #E96D6F; }
.cl-gallery { color: #8B7F73; }

.cl-route { color: #FFFFC1; }

.cl-cityColorGrn { color: #72791f; }
.cl-cityColorBwn { color: #8c5f26; }

.cl-onlineshop { color: #BE6052; }


/* ----- list */
.ulDisc {
	margin-left: 22px;
	line-height: 1.4;
	list-style: outside disc;
}

.olDecimal {
	margin-left: 22px;
	list-style: outside decimal;
}

.ulDisc li, .olDecimal li {
	margin-bottom: 5px;
}

/* ----- decoration (button, etc...) */


.bgBox { padding: 10px; }
.bgBoxL { padding: 10px; }
.bgWt { background-color: #fff !important; }
/*.bgBeige { background: #f2e7d3; }*/
.bgLogoGrn { background-color: #8aac25 !important; }

.bgOcher { background-color: #D9A325 !important; }
.bgCream { background-color: #F2E7D3 !important; }
.bgYlw {	background-color: rgba(255,255,191,.35) !important;}
.bgGray {	background-color: rgba(238,238,238,1.0) !important;}
.bgBeige {	background-color: rgba(242,231,211,1.0) !important;}
.bgBeige2 { background-color: #eae7d3 !important; }
.bgBeige3 { background-color: #fdf9ef !important; }
.bgGrege { background-color: #e1ddc1 !important; }

.bgTeal { background-color: #00adb4 !important; }
.bgPink {	background-color: #f66c9c !important;}
.bgBlue {	background-color: #1e85d1 !important;}
.bgPpl {	background-color: #766ac8 !important}
.bgOg {	background-color: #f0914b !important;}
.bgGrn {	background-color: #679a28 !important;}
.bgNavy {	background-color: #5d86e5 !important;}
.bgSlm {	background-color: #e45f5f !important;}
.bgLGrn { background-color: #b8bb3c !important; }


.bgTeal2 {	background-color: rgba(199,248,244,.35) !important;}
.bgPpl2 {	background-color: rgba(198,205,253,.35) !important;}
.bgGray2 {	background-color: rgba(200,200,200,.35) !important;}


.bgRust { background-color: #BE6052 !important; }


.bg-cityColorGrn { background-color: #72791f !important; }
.bg-cityColorBwn { background-color: #8c5f26 !important; }

.bg-cityColorGrn2 { background-color: #dde1b4 !important; }
.bg-cityColorBwn2 { background-color: #e1c28e !important; }

.bg-cityColorGrn3 { background-color: #8aac25 !important; }
.bg-cityColorBwn3 { background-color: #b07a20 !important; }


.bgIchimatsu {	background-image: url(../img/tex-ichimatsu.png); background-repeat: repeat;}
.bgIchimatsuBk {	background-image: url(../img/tex-ichimatsuBk.png); background-repeat: repeat;}
.bgStripe10 {	background-image: url(../img/tex-stripe10.png); background-repeat: repeat;}
.bgLattice {	background-image: url(../img/tex-lattice.png); background-repeat: repeat;}

.bgTri {	background-image: url(../img/tex-tri.png); background-repeat: repeat-y; background-position: center; }

hr {
	width: 100%;
	height: 0;
	border-style: none;
}


.bdrTop1 {
	border-top: #e9e2db solid 1px;
}
.bdrBtm1 {
	border-bottom: #e9e2db solid 1px;
}
.bdrBtm2 {
	border-bottom: #e9e2db solid 2px;
}
.bdrBtm2b {
	border-bottom: #cebcaa solid 2px;
}
.bdrBtmDot {
	border-bottom: #c6ac85 dotted 1px;
}
.bdrAll {
	border: #c6ac85 solid 1px;
}
.bdrAllGray {
	border-color: #D4D4D4;
}
.bdrAll+.bdrAll {
	border-top: 0;
}
.bdrAll2 {
	border: #c3baa9 solid 1px;
}


.bdrBtm1dashed {
	border-bottom: #e9e2db dashed 1px;
}



.bdrTopBeige {
	border-top-color: #DFD5C3;
}
.bdrBtmBeige {
	border-bottom-color: #DFD5C3;
}

.bdrAllWt1 {
	border: #fff solid 1px;
}
.bdrAllWt2 {
	border: #fff solid 2px;
}
.bdrAllWt3 {
	border: #fff solid 3px;
}


.borderAll-cityColorGrn { border: #dde1b4 double 3px; }
.borderAll-cityColorBwn { border: #e1c28e double 3px; }





.bdrR5 {
	border-radius: 5px;
	overflow: hidden !important;
}

.bdrR10 {
	border-radius: 10px;
	overflow: hidden !important;
}
.bdrR20 {
	border-radius: 20px;
	overflow: hidden !important;
}
.bdrR30 {
	border-radius: 30px;
	overflow: hidden !important;
}



/* ----- button */


.btnA a {
	display: inline-block;
	padding: 8px 20px;
	border: #3D271B solid 3px;
	text-decoration: none;	
	font-weight: bold;
	max-width: 100%;
}
.btnA.btnAwt a {
	border-color: #fff;
	color: #fff;
}
.btnA.btnAppl a {
	border-color: #766ac8;
	color: #766ac8;
}
.btnA.btnAteal a {
	border-color: #01ADB1;
	color: #01ADB1;
}
.btnA.btnAog a {
	border-color: #f0914b;
	color: #f0914b;
}
.btnA.btnAblue a  {
	border-color: #1e85d1;
	color: #1e85d1;
}
.btnA.btnAgrn a  {
	border-color: #679a28;
	color: #679a28;
}
.btnA.btnApink a  {
	border-color: #f66c9c;
	color: #f66c9c;
}
.btnA.btnAnavy a  {
	border-color: #5d86e5;
	color: #5d86e5;
}
.btnA.btnAslm a  {
	border-color: #e45f5f;
	color: #e45f5f;
}
.btnA.btnA-cityColorGrn a  {
	border-color: #8aac25;
	color: #8aac25;
}
.btnA.btnA-cityColorBwn a  {
	border-color: #b07a20;
	color: #b07a20;
}
.btnA.btnReservation a {
	border-color: #e65005;
	color: #fff;
	background: #e65005;
	padding: 5px 50px;
	border-radius: 10px;
}

.btnA a:hover {
	background: #fff;
	color: #222;
}
.btnA.btnReservation a:hover {
	border-color: #e65005;
	color: #fff;
	background: #e65005;
	opacity: .7;
}

.btnA a i.ion-ios-arrow-forward {
	margin-left: 0.5em;
}




.btnB a {
	display: inline-block;
	padding: 8px 0;
	text-decoration: none;	
	font-weight: bold;
	max-width: 100%;
}
.btnB.btnBwt a {
	color: #fff;
}
.btnB.btnBppl a {
	color: #766ac8;
}
.btnB.btnBteal a {
	color: #01ADB1;
}
.btnB.btnBog a {
	color: #f0914b;
}
.btnB.btnBblue a  {
	color: #1e85d1;
}
.btnB.btnBgrn a  {
	color: #679a28;
}
.btnB.btnBpink a  {
	color: #f66c9c;
}
.btnB.btnBnavy a  {
	color: #5d86e5;
}
.btnB.btnBslm a  {
	color: #e45f5f;
}
.btnB a:hover {
	color: #222;
}

.btnB a i.ion-ios-arrow-forward {
	margin-left: 0.5em;
}





.homeNewsBtn a {
	display: inline-block;
	padding: 5px 10px;
	background: #8AAC22;
	color: #fff;
	font-weight: bold;
	border-radius: 15px;
	text-decoration: none;
	
}


input[type=submit].btnSearch {
	display: inline-block;
	padding: 8px 20px;
	border: #3D271B solid 3px;
	text-decoration: none;	
	font-weight: bold;
	max-width: 100%;
	background: none;
}

input[type=submit].btnSearch.btnSearchTeal {
	border-color: #00adb4;
	color: #00adb4;
}
input[type=submit].btnSearch.btnSearchPpl {
	border-color: #766ac8;
	color: #766ac8;
}
input[type=submit].btnSearch.btnSearchOg {
	border-color: #f0914b;
	color: #f0914b;
}
input[type=submit].btnSearch.btnSearchBlue {
	border-color: #1e85d1;
	color: #1e85d1;
}
input[type=submit].btnSearch.btnSearchGrn {
	border-color: #679a28;
	color: #679a28;
}
input[type=submit].btnSearch.btnSearchPink {
	border-color: #f66c9c;
	color: #f66c9c;
}
input[type=submit].btnSearch.btnSearchNavy {
	border-color: #5d86e5;
	color: #5d86e5;
}
input[type=submit].btnSearch.btnSearcSlm {
	border-color: #5d86e5;
	color: #5d86e5;
}
input[type=submit]:hover {
	background: #fff;
}



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




.dpTblCell {
	display: table-cell;
	vertical-align: middle;
}


.toggle {
	cursor: pointer;
}



/* --------------
 common
-------------- */

/* =header
-------------------------------------------------------------- **/
#header {
	border-bottom: #CEB364 solid 5px;
}


/* =siteHeader
---------------------------------------------------- */
#siteHeader {
}


#siteHeader .logo {
}


#siteHeader .boxGray {
	background: #C4BEA6;
	color: #fff;
	float: left;
	margin: 0 3px;
	padding: 2px 8px;
	height: 2em;
	line-height: 2em;
	font-size: 0.8em;
	border-radius: 0 0 5px 5px;
}
#siteHeader .boxGray select,
#siteHeader .boxGray input {
	color: #222 !important;
}

#siteHeader .boxGray input {
	height: 1em;
	line-height: 1em;
	vertical-align: middle;
	width: 10em;
}

#siteHeader .boxGray h2,
#siteHeader .boxGray form {
	font-size: 1.0em;
	display: inline-block;
}

#siteHeader .boxGray a {
	text-decoration: none;
	color: #fff;
	font-weight: bold;
}
#siteHeader .boxGray img {
	vertical-align: middle;
}

/* =globalNav
---------------------------------------------------- */

#globalNav {
	padding: 10px 0;
	background: #fff;
}
#globalNav a {
	text-decoration: none;
}


.leftNav h3 {
	text-align: center;
	font-size: 1.3em;
	margin: 10px 0;
}


#mainNav li {
	float: left;
/*	width: 33.3%;	*/
	width: auto;
}

#mainNav li a {
	display: block;
	text-align: center;
}

#mainNav li a:hover {
/*	color: #fff;*/
	/*color: inherit;*/
}


#globalNav h2 {
	display: none;
}




/* =container
-------------------------------------------------------------- **/
#container {
}

.cont {
	margin-bottom: 50px;
}
.cont:last-child {
	/*margin-bottom: 0;*/
}


.clm2 > .fll > a,
.clm3 > .fll > a,
.clm4 > .fll > a,
.clm5 > .fll > a,
.clm6 > .fll > a,
.spclm2 > .fll > a,
.spclm3 > .fll > a {
	display: block;
	text-decoration: none;
}

/* =breadcrumb
---------------------------------------------------- */
/*#breadcrumb {
	padding-bottom: 12px;
	overflow: hidden;
}*/

#breadcrumbBox {
	background: #DFDFDF;
	padding: 5px 0;
	border-bottom: #CAB566 solid 1px;
/*	border-top: #A3978C solid 1px;*/
}
#breadcrumb {
}
#breadcrumb li {
	color: #555;
	font-size: 12px;
	display: block;
	float: left;
}
#breadcrumb li a {
	color: #555;
	padding-right: 3px;
	text-decoration: none;
}
#breadcrumb li:after {
	content: "＞";
}
#breadcrumb li a:hover {
	color: #999;
}
/*#breadcrumb li:last-child {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}*/
#breadcrumb li:last-child:after {
	content: '';
}

/* =pagination
---------------------------------------------------- */
.pagination {
	 width: 100%;
	 text-align: center;
}

.pagination b,
.pagination a {
	display: inline-block;
	font-size: 0.9em;
	margin: 1px 2px;
	padding: 3px 10px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #816a54;
}

.pagination b,
.pagination a:hover {
	background: #816a54;
	color: #f4f2f0;
}

/* =headline / titles
---------------------------------------------------- */
.contents h1 {
	font-size: 1.5em;
	clear: both;
	margin-bottom: 10px;
}

.contents h2 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.2em;
	line-height: 1.2em;
}
.contents h3 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.1em;
	line-height: 1.1em;
}
.contents h4 {
	margin-top: 10px;
	margin-bottom: 5px;
	font-size: 1.0em;
	line-height: 1.0em;
}

.contents h1 b {
	font-weight: 900;
}
.contents h1.ttlH1 {
	color: #D4AC3B;
	letter-spacing: 0.15em;
	text-indent: 0.15em;
}

.contents h1.ttlH1 i {
	font-size: 1.3em;
	font-style: normal;
	display: inline-block;
	width: 100%;
	margin-top: 1em;
	position: relative;
}
.contents h1.ttlH1  i:before {
	content: '';
	display: block;
	position: absolute;
	width: 200px;
	height: 1px;
	background: #D4AC3B;
	top: -0.5em;
	left: 0;
	right: 0;
	margin: auto;
	
}
.contents:nth-child(2n) h1 i.clAuto {
	color: #58e976;
}


.pageTtl {
	background: #F5F5F5;
	border-bottom: #CAB566 solid 1px;
	padding: 10px 0;
}
.pageTtl h1 {
	font-size: 1.2em;
}
.pageTtl img {
	vertical-align: middle;
	margin-right: 0.1em;
}

.ttlBgBwn,
.ttlBgTeal {
	background: #ADA284;
	padding: 10px 15px;
	color: #fff;
}
.ttlBgTeal { background: #00adb4 ; }

.ttlBgBwn.new,
.ttlBgTeal.new {
	position: relative;
	margin-right:25px;
	padding-left: 20px;
	height: 20px;
	line-height: 20px;
}
.ttlBgBwn.new:before,
.ttlBgBwn.new:after,
.ttlBgTeal.new:before,
.ttlBgTeal.new:after {
	content: '';
	position: absolute;
}
.ttlBgBwn.new:before,
.ttlBgTeal.new:before {
	top: 0;
	left: 0;
	z-index: 2;
	border-width: 20px 8px;
	border-style: solid;
	border-color: #978967;
	border-right-color: transparent;
}
.ttlBgTeal.new:before {
	border-color: #0f8c83;
	border-right-color: transparent;
}
.ttlBgBwn.new:after,
.ttlBgTeal.new:after {
	top: 0;
	right: -16px;
	z-index: 2;
	border-width: 20px 8px;
	border-style: solid;
	border-color: #ADA284;
	border-right-color: transparent;
}
.ttlBgTeal.new:after {
	border-color: #00adb4;
	border-right-color: transparent;
}

[lang="en"] .otherCourse .ttlBgBwn.new {
	line-height: 10px;
}



.ttlDetail {
	padding: 5px;
	border-left: #CEB364 solid 5px;
	margin-bottom: 0.5em !important;
	letter-spacing: 0.05em !important;
}
.ttlDetailTeal {	border-left-color: #00adb4;}
.ttlDetailPink {	border-left-color: #f66c9c;}
.ttlDetailBlue {	border-left-color: #257dbd;}
.ttlDetailPpl {	border-left-color: #766ac8;}
.ttlDetailOg {	border-left-color: #f0914b;}
.ttlDetailGrn {	border-left-color: #679a28;}
.ttlDetailNavy {	border-left-color: #5d86e5;}
.ttlDetailSlm {	border-left-color: #e45f5f;}
.ttlDetailLGrn {	border-left-color: #b8bb3c;}


.experienceListSearch h3,
.gourmetListSearch h3,
.shopListSearch h3,
.hotelListSearch h3 {
	padding-left: 5px;
	border-left: #CEB364 solid 3px;
	font-size: 1.3em;
}

.experienceListSearch h3 { border-left-color: #f66c9c; }
.gourmetListSearch h3 { border-left-color: #f0914b; }
.shopListSearch h3 { border-left-color: #679a28; }
.hotelListSearch h3 { border-left-color: #5d86e5; }


.centerLine {
	position: relative;
}
.centerLine:before {
	content: '';
	width: 100%;
	height: 1px;
	background: #a5a5a5;
	
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.centerLineTeal:before {	background: #00adb4;}
.centerLinePink:before {	background: #f66c9c;}
.centerLineBlue:before {	background: #1e85d1;}
.centerLinePpl:before {	background: #766ac8;}
.centerLineOg:before {	background: #f0914b;}
.centerLineGrn:before {	background: #679a28;}
.centerLineNaby:before {	background: #5d86e5;}
.centerLineSlm:before {	background: #e45f5f;}

.centerLine b {
	position: relative;
	padding: 5px 10px;
	background-color: #fff;
}



.iconkiraTeal:before,
.iconkiraPpl:before,
.iconkiraOg:before,
.iconkiraBlue:before,
.iconkiraGrn:before,
.iconkiraPink:before,
.iconkiraNavy:before,
.iconkiraSlm:before,
.iconkira-cityColorGrn:before,
.iconkira-cityColorBwn:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: baseline;	
	margin-right: 0.2em;
}
.iconkiraTeal:before {
	background: url(../img/ic_kiraTeal.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraPpl:before {
	background: url(../img/ic_kiraPpl.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraOg:before {
	background: url(../img/ic_kiraOg.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraBlue:before {
	background: url(../img/ic_kiraBlue.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraGrn:before {
	background: url(../img/ic_kiraGrn.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraPink:before {
	background: url(../img/ic_kiraPink.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraNavy:before {
	background: url(../img/ic_kiraNavy.png) no-repeat center;
	background-size: 100% auto;
}
.iconkiraSlm:before {
	background: url(../img/ic_kiraSlm.png) no-repeat center;
	background-size: 100% auto;
}
.iconkira-cityColorGrn:before {
	background: url(../img/ic_kira-cityColorGrn.png) no-repeat center;
	background-size: 100% auto;
}
.iconkira-cityColorBwn:before {
	background: url(../img/ic_kira-cityColorBwn.png) no-repeat center;
	background-size: 100% auto;
}


.kirakira {
}
.kirakira-cityColorGrn:after,
.kirakira-cityColorBwn:after {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: super;	
	margin-right: 0.2em;
}

.kirakira-cityColorGrn:after { 
	background: url(../img/ic_kirakiraGrn.png) no-repeat center;
	background-size: 100% auto;
}

.kirakira-cityColorBwn:after { 
	background: url(../img/ic_kirakiraBwn.png) no-repeat center;
	background-size: 100% auto;
}


.bdrBtm-cityColorGrn,
.bdrBtm-cityColorBwn {
	padding-bottom: 5px;
	border-bottom: #aaa 2px solid;
}
.bdrBtm-cityColorGrn { border-color: #72791f; }
.bdrBtm-cityColorBwn { border-color: #8c5f26; }

.iconBird {
	border-bottom: #CFCECC solid 1px;
}
.iconBird:before {
	content: '';
	display: inline-block;
	width: 70px;
	height: 35px;
	vertical-align: middle;	
	background: url(../img/ic_bird.png) no-repeat center bottom;
	background-size: auto 100%;
}

.iconArwBtm:before {
	content: '';
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: baseline;	
	margin-right: 0.2em;
	background: url(../img/ic_arwBtm.png) no-repeat center bottom;
	background-size: auto 100%;
}




/* コンテンツ中身 */
.contents p {
	margin-bottom: 10px;
}
/* テーブル */
.contents table, .contents table td, .contents table th {
	border-collapse: collapse;
	border: 1px solid #eaeaea;
}
.contents table {
	width: 100%;
}
.contents table th, .contents table td {
	padding: 5px 10px;
}
.contents table th {
	background: #fff5ec;
	vertical-align: top;
}
.contents table td {
	background: #fff;
}




/* 画像中央寄せトリミング */
.centerPhoto {
	position: relative;
	/*width: 100%;*/
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	
}

.centerPhoto img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
.centerPhoto.imgBnrFeature img {
	max-width: none !important;
	width: 120%;
}

/* 4:3 */
.centerPhoto.size43 {
	padding-top: 75%;
}
/* 1:1 */
.centerPhoto.size11 {
	padding-top: 100%;
}
.centerPhoto.size11 img {
	transform: scale(1.5);
}

/* モデルコース画像 */
.courseList .centerPhoto {
	padding-top: 95%;
	border: #766ac8 solid 3px;
	background: #766ac8;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
.courseList .centerPhoto img {
	transform: scale(1.5);
}

/* イベント画像 */
.eventList .centerPhoto {
	border: #56C9D6 solid 3px;
	background: #56C9D6;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* グルメ画像 */
.gourmetList .centerPhoto {
	border: #DB8427 solid 3px;
	background: #DB8427;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* スポット画像 */
.spotList .centerPhoto {
	border: #1e85d1 solid 3px;
	background: #1e85d1;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
/* 遊び体験画像 */
.experienceList .centerPhoto {
	border: #f66c9c solid 3px;
	background: #f66c9c;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}
/* ショップ画像 */
.shopList .centerPhoto {
	border: #679a28 solid 3px;
	background: #679a28;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* ホテル画像 */
.hotelList .centerPhoto {
	border: #5d86e5 solid 3px;
	background: #5d86e5;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

/* 市町村画像　緑 */
.cityColorGrnList .centerPhoto {
	border: #acb63d solid 3px;
	background: #acb63d;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
	line-height: 1.2em !important;
}

/* 市町村画像　茶 */
.cityColorBwnList .centerPhoto {
	border: #b6853d solid 3px;
	background: #b6853d;
	border-radius: 10px;
	overflow: hidden;
	box-sizing: border-box;
}

.courseList,
.eventList,
.gourmetList,
.spotList,
.experienceList,
.shopList,
.hotelList,
.cityColorGrnList,
.cityColorBwnList,
.courseList p,
.eventList p,
.gourmetList p,
.spotList p,
.experienceList p,
.shopList p,
.hotelList p,
.cityColorGrnList p,
.cityColorBwnList p {
	line-height: 1.1em !important;
}

.courseList a:hover .centerPhoto,
.eventList a:hover .centerPhoto,
.gourmetList a:hover .centerPhoto,
.spotList a:hover .centerPhoto,
.experienceList a:hover .centerPhoto,
.shopList a:hover .centerPhoto,
.hotelList a:hover .centerPhoto {
	opacity: 0.8;
}
.courseList a:hover .centerPhoto img,
.eventList a:hover .centerPhoto img,
.gourmetList a:hover .centerPhoto img,
.spotList a:hover .centerPhoto img,
.experienceList a:hover .centerPhoto img,
.shopList a:hover .centerPhoto img,
.hotelList a:hover .centerPhoto img {
	opacity: 1.0;
}




.ribbonList a {
	border: #cccccc solid 1px;
	background: #fff;
	position: relative;
}

.ribbonList a:before,
.ribbonList a:after {
	content: '';
	display: block;
	position: absolute;
}
.ribbonList.ribbonList-course a:before {
	width: 63px;
	height: 40px;
	
	background: url(../img/ribbon-top-ppl.png) no-repeat center;
	
	top: -5px;
	left: -1px;
}
.ribbonList.ribbonList-course a:after {
	width: 48px;
	height: 30px;
	
	background: url(../img/ribbon-btm-ppl.png) no-repeat center;
	
	bottom: -1px;
	right: -1px;
}



.searchInput {
	display: inline-block;
	margin: 5px;
}




.tagBox .tag {
	display: inline-block;
	margin: 2px;
	font-size: 0.9em;
}
/*
.tagBox .tag a {
	display: block;
	text-decoration: none;
	padding: 3px 8px;
	border-radius: 5px;
	color: #fff;
	background: #928073;
}
.tagBox .tag a:hover {
	background: #CDC3B2
}*/
.tagBox .tag .taglabel {
	display: block;
	text-decoration: underline;
	color: #727920;
	font-weight: bold;
}
.tagBox .tag:nth-child(2n) .taglabel {
	/*color: #8c5f26;*/
}

.iconBox {
	margin: 10px;
}
.iconBox .icon {
	display: inline-block;
	margin: 1px 0;
	padding: 3px 8px;
	border-radius: 5px;
	color: #fff;
	background: #85A65E;
}
.iconBox .icon i {
	font-style: normal;
}



#map img {
	max-width: none !important;
}




/* シェアボタン */


#social {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 50px;
}
#social a {
	text-decoration: none;
	display: inline-block;
	padding: 8px 10px;
	font-weight: bold;
	border-radius: 5px;
}
#social a:hover {
	opacity: .7;
}
#social a i {
	font-size: 1.5em;
	vertical-align: middle;
}

#social .sclFb a {
	color: #fff;
	background: #315096;
}
#social .sclTw a {
	color: #fff;
	background: #55acee;
}
#social .sclLINE a {
	color: #fff;
	background: #00c300;
}

/* =sidebar
---------------------------------------------------- */
#sidebar .aside > *, #sidebar .spBox > * {
	/*margin-bottom: 20px;*/
}
#sidebar .aside {
	margin-bottom: 20px;
}

/* =bnrarea
-------------------------------------------------------------- **/
.bnrList {
	text-align: center;
}
.bnrList li {
	float: left;
	margin-bottom: 10px;
}
.bnrList li.quart {
	width: 24.0%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.bnrList li.half {
	width: 49.0%;
	margin-left: 0.5%;
	margin-right: 0.5%;
}
.bnrList li.full {
	width: 100%;
}

/* =footer
-------------------------------------------------------------- **/
#footer {
	background: #F5F5F5;
	/*padding-bottom: 10px;*/
	border-top: #CDB462 solid 3px;

}
/* =siteFooter
---------------------------------------------------- */
#footerLeft {
	margin-bottom: 10px;
}

#footerRight {
	margin-bottom: 10px;
}


#footerRight .snsBtn {
	margin: 20px 0;
	text-align: right;
}


#footTop {
}

#footNav {
	margin-top: 20px;
}
#footNav li {
}
#footNav li a {
	text-decoration: none;
}

#syomei {
	background-color:#FFF;
}

.footicon{
	width:150px;
}



/* =copyright
---------------------------------------------------- */
#copyright {
	padding: 5px 0;
}
#copyright a {
	color: #FFF;
}
/* =pageTop
---------------------------------------------------- */
#pageTop {
	text-align: center;
	position: relative;
	padding: 3% 0;
}
#pageTop span {
	display: inline-block;
	position: relative;
	z-index: 10;
}
#pageTop:before {
	content: '';
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
	height: 1px;
	background: #CFCECC;
	z-index: 1;
}


/* --------------
 home contents
-------------- */


/* MV */
.contents#homeVisual {
	padding: 0;
}
/* MVのバナー */
.bnrHomeVisual {
	border-radius: 10px;
	overflow: hidden;
	margin: 4% 0;
}
.bnrHomeVisual a {
	border: 0 !important;
	display: block;
}
.bnrHomeVisual h2 {
	margin-bottom: 10px;
}
.bnrHomeVisual p {
	margin-bottom: 0;
	line-height: 1.1em;
	font-weight: bold;
}

.bnrHomeVisual .bnrHomeVisualTxt {
	border-radius: 0 10px 10px 0;
	width: 61%;
	float: right;
	overflow: hidden;
}

.bnrHomeVisual .bnrHomeVisualImg {
	border-radius: 10px 0 0 10px;
	width: 36.5%;
	float: left;
	overflow: hidden;
}
.bnrHomeVisual .bnrHomeVisualImg img {
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.bnrHaku a {
	display: block;
}
.bnrHaku a:hover {
	background: #a6c743;
}
.bnrHaku a:hover img {
	opacity: 1;
}


.bnrHaku a {
}


.bnrEbook {
	background: #ADC56B url(../img/bnr-ebook.jpg) center no-repeat;
	background-size: cover;
	border: #fff solid 1px;
}
.bnrEbook a {
	display: table-cell;
	color: #fff;
	text-decoration: none;
	width: 640px;
	height: 60px;
	vertical-align: middle;
	
}
.bnrEbook:hover {
	opacity: .7;
}

.bnrIsan {
	background: #d2993b url(../img/bnr-isan.jpg?0404a) center no-repeat;
	/*background: #d2993b url(../img/bnr-isan2.jpg) center no-repeat;*/
	background-size: cover;
	border: #fff solid 1px;
}
.bnrIsan a {
	display: flex;
	align-items: center;
	justify-content: space-around;
	color: #fff;
	text-decoration: none;
/*	width: 640px;*/
/*	height: 60px;*/
	vertical-align: middle;
	text-shadow: 0 0 3px #000;
	
}
.bnrIsan:hover {
	opacity: .7;
}
.bnrIsan a .imgL {
/*	float: left;*/
	display: block;
	padding: 3px;
	margin: 3px;
	background: #fff;
}
.bnrIsan a span {
	display: block;
}


/* 下層のバナー */

.bnrSubCont {
	margin-bottom: 10px;
}
.bnrSubCont a {
	border: 0 !important;
	background: #fff !important;
	
}
.bnrSubCont .bnrSubContTxt {
	width: 55%;
	float: right;
}
.bnrSubCont .bnrSubContImg {
	width: 45%;
	float: left;
}
.bnrSubCont .bnrSubContTxt h2 {
	margin-top: 15px;
	font-size: 1.3em;
}

.bnrSubCont.bnrShop {
	border-top: #719D3C solid 5px !important;
	border-bottom: #719D3C solid 5px !important;
}
.bnrSubCont.bnrGourmet {
	border-top: #DB8427 solid 5px !important;
	border-bottom: #DB8427 solid 5px !important;
}
.bnrSubCont.bnrHotel {
	border-top: #5D7BC4 solid 5px !important;
	border-bottom: #5D7BC4 solid 5px !important;
}
.bnrSubCont.bnrExperience {
	border-top: #E75B8C solid 5px !important;
	border-bottom: #E75B8C solid 5px !important;
}




/* NEWS */
#homeNews li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #CFCECC solid 1px;
}



#homeNews.new li {
	margin-bottom: 0;
	padding: 0;
	border: 0;
}

#homeNews.new .tabcont li li {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #CFCECC solid 1px;
}

#homeNews.new .tabmenu {
	margin-bottom: 10px;
	border-bottom: #cfea7c solid 2px;
}
#homeNews.new .tabmenu li span {
	display: block;
	width: 90%;
	margin: auto;
	padding: 5px 0;
	border-radius: 10px 10px 0 0;
	border: #cfea7c solid 2px;
	border-bottom: 0;
	font-weight: bold;
	
	cursor: pointer;
}
#homeNews.new .tabmenu li.select span {
	background: #cfea7c;
}

/* フォトギャラリーのバナー */
.bnrGallery {
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	background-color: #8c7f74;
}
.bnrGallery a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text-decoration: none;
}
.bnrGallery a:hover {
	background: rgba(255,255,255,.2);
}
.bnrGallery .bnrGalleryTxt {
	font-weight: bold;
	font-size: 1.3em;
}
.bnrGallery .bnrGalleryTxt .bnrGalleryIcon {
	text-align: center;
}
.bnrGallery .bnrGalleryTxt.bnrGalleryTxtJa {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65%;
	
	color: #fff;
}
.bnrGallery .bnrGalleryTxt.bnrGalleryTxtEn {
	width: 20%;
	color: rgba(255,255,255,.6);
	text-align: right;
}
/*.bnrGallery-brochure .bnrGalleryTxt.bnrGalleryTxtEn {
	color: #ffe19a;
}*/
@media screen and (max-width: 520px) { /*以下の時*/
	.bnrGallery .bnrGalleryTxt {
		font-size: 4.5vw;
	}
	.bnrGallery .bnrGalleryTxt.bnrGalleryTxtEn {
		display: none;
	}
	.bnrGallery .bnrGalleryTxt .bnrGalleryIcon {
		width: 9vw;
	}
}
@media screen and (min-width: 768px) { /*以上の時*/
	.bnrGallery .bnrGalleryTxt {
		font-size: 1.7em;
	}
	.bnrGallery .bnrGalleryTxt.bnrGalleryTxtJa {
		width: 40%;
	}

}

.bnrGallery .bnrGalleryImg {
	width: 27%;
	position: relative;
}
.bnrGallery .bnrGalleryImg img {
	float: right;
}

@media screen and (min-width: 768px) { /*以上の時*/
	.bnrGallery .bnrGalleryImg {
		width: 30%;
	}
}


/* 各市町村ボタン */
.btnYamashiro a {
	position: relative;
	padding: 3px 15px;
	border: #8B602D solid 4px !important;
	border-radius: 10px;
	color: #8B602D !important;
	font-size: 1.3em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.15em;
	background: #fff;
	word-break: loose !important;
	white-space: unset !important;
	word-wrap: break-word !important;
	line-height: 1.2em;
}
.btnYamashiro a:before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	right: 8px;
	margin: auto;
	width: 5px;
	height: 5px;
	border: #8B602D solid 3px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	transform: rotate(45deg);
}
.btnYamashiro a:hover {
	opacity: 0.8;
}
.btnYamashiro a span.clAuto {
	display: inline-block;
	letter-spacing: 0.05em;
	word-break: break-word;
	line-height: 1.0em;
	color: #C19865;
	margin-top: 0.5em;
}


.btnYamashiro.new a:before {
	left: 0;
	right: auto;
	border: #fff solid 3px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	z-index: 6;
}
.btnYamashiro.new a:after {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	bottom: 0;
	/*left: -13px;*/
	left: 0;
	margin: auto;
	width: 0;
	height: 0;
/*	border: #8B602D solid 13px;
	border-left-color: transparent;
	border-bottom-color: transparent;
	transform: rotate(45deg);*/
	border: rgba(0,0,0,0) solid 20px;
	border-left-color: #8B602D;
	z-index: 5;
}


.bnrHomeVisual a {
	background-color: #aaa;
}

.bnrHomeVisual01 a {
	background-color: #879B39;
}
.bnrHomeVisual01 a:hover {
	background-color: #A7BA4F;
}
.bnrHomeVisual01 h2 {
	color: #DBE1C4;
}
.bnrHomeVisual01 p {
	color: #fff;
}

.bnrHomeVisual02 a {
	background-color: #e75b8c;
}
.bnrHomeVisual02 a:hover {
	background-color: #F279AC;
}
.bnrHomeVisual02 h2 {
	color: #f4becb;
}
.bnrHomeVisual02 p {
	color: #fff;
}
.bnrHomeVisual02-isan a {
	background-color: #d4443d;
}
.bnrHomeVisual02-isan a:hover {
	background-color: #e4635c;
}
.bnrHomeVisual02-isan h2 {
	color: #efc7c5;
}
.bnrHomeVisual02-isan p {
	color: #fff;
}


.bnrHomeVisual03 a {
	background-color: #766ac8;
}
.bnrHomeVisual03 a:hover {
	background-color: #9689DE;
}
.bnrHomeVisual03 h2 {
	color: #b8aee6;
}
.bnrHomeVisual03 p {
	color: #fff;
}



.bnrTaxi {
	padding: 10px;
	background: #006934 url(../img/bnr-taxi-bg.jpg) repeat;
}
.bnrBus {
	background: #015d69 url(../img/bnr-bus-bg.jpg) repeat;
}
.bnrTaxi:hover {
	opacity: .7;
}

.bnrTaxi a {
	text-decoration: none;
}

.bnrTaxi .inner {
	padding: 5px;
	background: #13ae67;
	color: #fff;
	letter-spacing: 0.1em;
	font-weight: bold;
	font-size: 2.0em;
}

.clm2 .bnrTaxi .inner {
	font-size:  1.3em;
}

.bnrBus .inner {
	background: #23B5C1;
}
.bnrTaxi .inner img {
	vertical-align: middle;
	margin-right: 15px;
}

.bnrTaxi .inner .btnMore {
	font-size: 1.0em;
	display: inline-block;
	margin-left: 10px;
	padding: 5px 20px;
	letter-spacing: 0;
	font-size: .5em;
	font-weight: 500;
	vertical-align: text-bottom;
}

/* --------------
 subpages contents
-------------- */

/* =news
---------------------------------------------------- */
.newsLabel {
	display: inline-block;
	font-size: .7em;
	padding: 3px;
	width: 6em;
	text-align: center;
	background: #aaa;
	border-radius: 5px;
}

.newsLabel-0 {
	background: #ffe583;
}
.newsLabel-1 {
	background: #d3e5f5;
}

.newsLabel-pickup {
	background: #E75053;
	color: #fff;
}

/* =course
---------------------------------------------------- */


.spotSide .searchInput {
	width: 100%;
	margin: 5px 0;
}
.spotSide input,
.spotSide select {
	width: 100%;
	box-sizing: border-box;
}
.spotSide input[type=submit] {
	width: auto;
}

/* =course
---------------------------------------------------- */
.ttlRoute {
	font-size: 2.3em;
}
.ttlRoute img {
	vertical-align: sub;
}

.ttlCourse {
	margin-bottom: 30px;
	border-radius: 10px 0 0 10px;
	overflow: hidden;
}

.ttlCourse .fll {
	position:relative;
}
.ttlCourse .fll h1 {
	font-size: 1.3em;
}
.ttlCourse .fll .bgBox {
	padding: 10px 15px;
	
}

.ttlCourse .fll .courseOptions {
	position: absolute;
	bottom: 0;
	width: 100%;
}
.ttlCourse .fll .courseOptions .needtime {
	display: inline-block;
	font-size: 0.9em;
	padding: 3px 8px;
}

.ttlCourse .fll .courseOptions.bgGrege:before {
	position: relative;
	content: '';
	display: block;
	
	width: 100%;
	height: 12px;
	margin-top: -12px;
	background: url(../img/line-courseOptions.png) left bottom;
}


.ttlCourse p {
	line-height: 1.1em;
}

.frameCheck {
	position: relative;
	margin: 0;
}
.frameCheck:before,
.frameCheck:after {
	content: '';
	display: block;
	height: 0;
	
}
.frameCheck:before {
	margin-top: -5%;
	padding-top: 18%;
	background: url(../img/frame-check-top.png) no-repeat center bottom;
	background-size: 100% auto;
}

.frameCheck.frameCheck-teal:before {
	background: url(../img/frame-check-top-teal.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-pink:before {
	background: url(../img/frame-check-top-pink.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-blue:before {
	background: url(../img/frame-check-top-blue.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-ppl:before {
	background: url(../img/frame-check-top-ppl.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-og:before {
	background: url(../img/frame-check-top-og.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-grn:before {
	background: url(../img/frame-check-top-grn.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-navy:before {
	background: url(../img/frame-check-top-navy.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frameCheck.frameCheck-slm:before {
	background: url(../img/frame-check-top-slm.png) no-repeat center bottom;
	background-size: 100% auto;
}



.frameCheck:after {
	margin-bottom: -5%;
	padding-top: 8%;
	background: url(../img/frame-check-btm.png) no-repeat center top;
	background-size: 100% auto;
}

.frameCheck .inner {
	padding: 1px 15px;
	background: url(../img/frame-check-mdl.png) repeat-y;
	background-size: 100% auto;
}

.frameCheck .inner h3 {
	margin-top: -8%;
	text-indent: 7%;
	color: #CA8F35;
}
.frameCheck .inner p {
	margin: 0;
	padding: 0 5px;
	line-height: 1.1em;
	
}

/*.point:last-child {
	background: none !important;
}*/
.targetBox:last-child .point {
	background: none !important;
}

.pointAccess {
	padding-bottom: 20px;
}
.pointAccess p {
	padding-left: 34%;
	font-size: 1.2em;
	font-weight: bold;
}
.pointAccess p img {
	vertical-align: middle;
}


.courseAbout {
	margin-bottom: 20px;
  counter-reset: courseAbout 0;           /* number のカウンタを 0 にセット */
	
}
.courseAbout > * {
	padding-top: 5px;
}
.courseAbout h4 {
	font-size: 1.2em;
	padding-left: 25px;
	text-indent: -25px;
}
.courseAbout h4 a {
	text-decoration: none;
}
.courseAbout h4:before {
  counter-increment: courseAbout 1;      /* number カウンタの増加数をセット */
  content: counter(courseAbout) " ";      /* 表示形式を指定 */
	
	
	display: inline-block;
	vertical-align: baseline;
	background: #766ac8;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	line-height: 28px;
	margin-right: 0.5em;
	color: #FEFFC3;
	font-size: 1.0em;
	text-indent: 0;
	text-align: center;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.courseAbout .courseAboutList-teal h4:before {
	background: #00adb4;
}
.courseAbout .courseAboutList-pink h4:before {
	background: #f66c9c;
}
.courseAbout .courseAboutList-blue h4:before {
	background: #1e85d1;
}
.courseAbout .courseAboutList-ppl h4:before {
	background: #766ac8;
}
.courseAbout .courseAboutList-og h4:before {
	background: #f0914b;
}
.courseAbout .courseAboutList-grn h4:before {
	background: #679a28;
}
.courseAbout .courseAboutList-navy h4:before {
	background: #5d86e5;
}
.courseAbout .courseAboutList-slm h4:before {
	background: #e45f5f;
}



.otherCourse .otherCourseList {
	border-top: #CCCCCC solid 1px;
}
.otherCourse .otherCourseList li {
	border-bottom: #CCCCCC solid 1px;
}
.otherCourse .otherCourseList li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
}
.otherCourse .otherCourseList li a:after {
	content: '';
	display: block;
	clear: both;
}

.otherCourse .otherCourseList li a .otherCourseImg {
	float: left;
	width: 70px;
	display: inline-block;
	margin-right: 2%;
	margin-bottom: ;
	padding-top: 70px;
	
	border-radius: 10px;
}



.bnrTabirepo {
	max-width: 270px !important;
	margin: auto;
	margin-bottom: 20px;
}
.bnrTabirepo a {
	display: block;
	position: relative;
	border-bottom: #00adb4 solid 5px;
}

.bnrTabirepo a:before,
.bnrTabirepo a:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 9999;
}
.bnrTabirepo a:before {
/*	width: 72px;
	height: 30px;
	background: url(../img/icon-tabirepo.png) no-repeat center;
	top: 4%;
	left: 0;*/
}
.bnrTabirepo a:after {
	width: 51px;
	height: 47px;
	background: url(../img/icon-tabirepo2.png) no-repeat center;
	bottom: -5px;
	right: 0;
}
.bnrTabirepo a img {
	position: relative;
	z-index: 99;
}
.bnrTabirepo a span {
	display: block;
	position: absolute;
	z-index: 100;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0;
	line-height: 1.0em;
}
.bnrTabirepo a span.ribbon {
	top: 4%;
	background: #00adb4;
	height: 30px;
	line-height: 30px;
	z-index: 101;
	color: #fff;
	padding-left: 10px;
}
.bnrTabirepo a span.ribbon:after {
	display: inline-block;
	content:'';
	border-width: 15px 5px 15px 10px;
	border-style: solid;
	border-color: #00adb4;
	border-right-color: transparent;
	vertical-align: bottom;
	margin-right: -15px;
}
.bnrTabirepo a span.title {
	background: rgba(255,255,255,.7);
	top: 10%;
	width: 100%;
	padding: 10% 0;
	color: #4C3F33;
	font-size: 1.1em;
	line-height: 1.2em;
	word-break: normal;
}



/* =access
---------------------------------------------------- */

.frameArch-access {
	position: relative;
	margin-top: 15px;
	margin-bottom: 10px;
	border-bottom: #e4716c solid 3px;
}
.frameArch-access:before {
	position: absolute;
	top: -10px;
	content: '';
	display: block;
	width: 100%;
	height: 28px;
	background: url(../img/frame-arch-access.png) no-repeat center;
}

.frame-sumimaru-bwn {
	position: relative;
	background: url(../img/frame-sumimaru-bwn-mdl.png) repeat-y;
	background-size: 100% auto;
	margin: 20px 0;

}

.frame-sumimaru-bwn:before,
.frame-sumimaru-bwn:after  {
	position: absolute;
	content: '';
	width: 100%;
	height: 0;
	padding-top: 5%;	
}
.frame-sumimaru-bwn:before {
	bottom: 98%;
	background: url(../img/frame-sumimaru-bwn-top.png) no-repeat center bottom;
	background-size: 100% auto;
}
.frame-sumimaru-bwn:after {
	top: 98%;
	background: url(../img/frame-sumimaru-bwn-btm.png) no-repeat center top;
	background-size: 100% auto;
}


.frame-sumimaru-bwn > * {
	margin-left: 5%;
	margin-right: 5%;
}


.listLeftTriBeige li {
	position: relative;
	padding-left: 20px;
	color: #8d796a;
}
.listLeftTriBeige li:before {
	content: '';
	width: 0;
	height: 0;
	border: #8d796a solid 5px;
	border-left-color: transparent ;
	border-bottom-color: transparent ;
	
	transform: rotate(45deg);
	
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	
	
}

.listLeftTriBeige li a {
	display: block;
	color: #8d796a;
	text-decoration: none;
	padding: 5px 0;
}
.listLeftTriBeige li a:hover {
	color: inherit !important;
}



/* =municipality
---------------------------------------------------- */

.municipality.detail #header {
	position: relative;
	border: 0;
	z-index: 99999;
}
.municipality.detail #siteHeader {
	position: absolute;
	top: 0;
	width: 100%;
}
.municipality.detail .logo,
.municipality.detail #globalNav,
.municipality.detail #footNav,
.municipality.detail #bnrbox {
	display: none;
}


.municipality.detail .municipalityName {
	border-radius: 5px;
/*	margin-right: 7em;*/
	padding: 10px;
	display: inline-block;
	font-size: 1.5em;
	letter-spacing: 0.05em;
	
	border: #c7cd84 solid 3px;
	background: #fff;
	color: #717a20;
}
.municipality.detail .municipalityName.cityColorGrn {	
	border: #c7cd84 solid 3px;
	background: #fff;
	color: #717a20;
}
.municipality.detail .municipalityName.cityColorBwn {
	border: #CEA783 solid 3px;
	background: #fff;
	color: #8C5F24;
}
.municipality.detail .municipalityName:before,
.municipality.detail .municipalityName:after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	background: url(../img/ic_kira-cityColorGrn2.png) no-repeat center;
	background-size: 100% auto;
}
.municipality.detail .municipalityName.cityColorGrn:before,
.municipality.detail .municipalityName.cityColorGrn:after {
	background: url(../img/ic_kira-cityColorGrn2.png) no-repeat center;
	background-size: 100% auto;
}
.municipality.detail .municipalityName.cityColorBwn:before,
.municipality.detail .municipalityName.cityColorBwn:after {
	background: url(../img/ic_kira-cityColorBwn2.png) no-repeat center;
	background-size: 100% auto;
}
.municipality.detail .municipalityName span {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0.5em;
}
.municipality.detail .municipalityName span.en {
	font-size: 0.6em;
	color: #c7cd84;
	margin-right: 0.5em;
}
.municipality.detail .municipalityName.cityColorGrn span.en {
	color: #c7cd84;
}
.municipality.detail .municipalityName.cityColorBwn span.en {
	color: #CEA783;
}



#municipalityDetail {
	counter-reset: kuchikomiRank;
}
#municipalityDetail .mt-50 {
	margin-top: -40px;
}

#municipalityDetail .keyword {
	margin-top: 20px;
}
#municipalityDetail .keyword h3 {
	margin-top: 0;
}
#municipalityDetail .eventPickUp li {
	padding: 5px 0;
	border-bottom: #888 solid 1px;
}
#municipalityDetail .eventPickUp li:last-child {
	border-bottom: 0;
}
#municipalityDetail .eventPickUp li:before {
	content: '';
	width: 10px;
	height: 10px;
	margin: 5px 10px;
	background: #888;
	display: inline-block;
	
	transform: rotate(45deg);
	float: left;
}
#municipalityDetail .eventPickUp li:after {
	content: ""; 
	display: block;
	clear: both;
}
#municipalityDetail .eventPickUp li dl {
	width: 88%;
	float: left;
}
#municipalityDetail .eventPickUp a {
	text-decoration: none;
	font-weight: bold;
}


#municipalityDetail .kuchikomiRank {
	border-top: #ccc solid 1px;
}
#municipalityDetail .kuchikomiRank li {
	border-bottom: #ccc solid 1px;
	padding: 10px 5px;
}
#municipalityDetail .kuchikomiRank li:before {
	counter-increment: kuchikomiRank; /* 任意の名前を付けて！ */
	content: counter(kuchikomiRank); /* 名前を付けたカウンターを呼び出し */
	
	padding-left: 1.6em;
	padding-right: 0.3em;
	font-size: 1.5em;
	font-weight: bold;
	color: #888;
	background: url(../img/ic_rank.png) no-repeat center left;
	background-size: contain;	
	
	display: block;
	float: left;
	
}

#municipalityDetail .kuchikomiRank.cityColorGrn li:before {
	color: #727920;
}
#municipalityDetail .kuchikomiRank.cityColorBwn li:before {
	color: #8c5f26;
}

#municipalityDetail .kuchikomiRank li a {
	text-decoration: none;
	font-size: 1.2em;
	display: block;
}
#municipalityDetail .kuchikomiRank li:after {
	content: ""; 
	display: block;
	clear: both;
}



#municipalityDetail .abilityList li a {
	display: block;
	background-color: #fff;
	padding: 10px;
	border-bottom: #aaa solid 3px;
	text-decoration: none;
}

#municipalityDetail .abilityList li.experience  a { border-color: #E75B8C; }
#municipalityDetail .abilityList li.spot a { border-color: #297CC0; }
#municipalityDetail .abilityList li.course a { border-color: #766ac8; }
#municipalityDetail .abilityList li.gourmet a { border-color: #DB8427; }
#municipalityDetail .abilityList li.shop a { border-color: #4F860E; }
#municipalityDetail .abilityList li.hotel a { border-color: #5D7BC4; }




#municipalityDetail .balloon {
	display: inline-block;
	position: relative;
	
	font-size: .7em;
	margin-right: 0.5em;
	padding: 8px 5px;
	border-radius: 50%;
	background: #aaa;
	vertical-align: middle;
	color: #fff;
}
#municipalityDetail .balloon:after {
	left: 98%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(170, 170, 170, 0);
	border-left-color: #aaa;
	border-width: 5px;
	margin-top: -5px;
}

#municipalityDetail .balloon-cityColorGrn {
	background: #727920;
}
#municipalityDetail .balloon-cityColorGrn:after {
	border-left-color: #727920;
}
#municipalityDetail .balloon-cityColorBwn {
	background: #8c5f26;
}
#municipalityDetail .balloon-cityColorBwn:after {
	border-left-color: #8c5f26;
}



#municipalityDetail figure {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
}

#municipalityDetail figure a {
	text-decoration: none;
}
#municipalityDetail figcaption {
	margin: 2px 0;
	line-height: 1.1em;
}
#municipalityDetail a figcaption:after {
	display: inline-block;
	content: " ";
	height: 0;
	width: 0;
	pointer-events: none;
	border: solid transparent;
	border-color: rgba(58, 37, 12, 0);
	border-left-color: #3a2517;
	border-width: 4px;
	/*border-left-width: 6px;*/
	margin-top: -4px;
	margin-left: 3px;
}

#municipalityDetail a:hover figcaption:after {
	border-left-color: #F3C91B;
}


#municipalityDetail .centerBdr {
	position: relative;
}
#municipalityDetail .centerBdr:before {
	position: absolute;
	content: '';
	display: block;
	width: 1px;
	height: 100%;
	background: #aaa;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}

#municipalityDetail .underLine {
	line-height: 1.5em;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
#municipalityDetail .underLine span {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffff00+0,ffff00+100&0+1,0+49,1+50,1+100 */
	background: -moz-linear-gradient(top, rgba(255,255,0,0) 0%, rgba(255,255,0,0) 1%, rgba(255,255,0,0) 59%, rgba(255,255,0,1) 60%, rgba(255,255,0,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,0,0) 0%,rgba(255,255,0,0) 1%,rgba(255,255,0,0) 59%,rgba(255,255,0,1) 60%,rgba(255,255,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,0,0) 0%,rgba(255,255,0,0) 1%,rgba(255,255,0,0) 59%,rgba(255,255,0,1) 60%,rgba(255,255,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff00', endColorstr='#ffff00',GradientType=0 ); /* IE6-9 */
}
#municipalityDetail .underLine span:before,
#municipalityDetail .underLine span:after {
/*	content: '';
	display: inline-block;
	width: 0.1em;*/
}



/* =experience_new
---------------------------------------------------- */


.experienceListSearch.new .planBox dl {
	color: #D7272A;
}




/* =hotel
---------------------------------------------------- */

.show-all-link {
	text-align: center;
	margin-bottom: 20px;
}

.show-all-link a {
	display: inline-block;
	width: 80%;
	max-width: 320px;
	padding: 8px 20px;
	background: #fff;
	text-decoration: none;
	border: #5d86e5 solid 3px;
	color: #5d86e5;
	font-weight: bold;
	font-size: 1.3em;
}


.hotel.index .new .show-all-link a {
	color: #fff;
	background: #5d86e5;
	font-size: 1.6em;
}






/* =enjoy
---------------------------------------------------- */


.otherEnjoyList {
	border-top: #CCCCCC solid 1px;
}
.otherEnjoyList li {
	border-bottom: #CCCCCC solid 1px;
}
.otherEnjoyList li a {
	display: block;
	padding: 5px 0;
	text-decoration: none;
}
.otherEnjoyList li a:after {
	content: '';
	display: block;
	clear: both;
}

.otherEnjoyList li a .otherEnjoyImg {
	float: left;
	width: 70px;
	display: inline-block;
	margin-right: 2%;
	padding-top: 70px;
	
	border-radius: 10px;
}




/* ----------------------------------------------------
=insta
---------------------------------------------------- */

#instafeed.complete li{
/*  opacity: 0;
	height: 0px;
	overflow: hidden !important;
	
	animation-name: fadeIn;
	animation-duration: .5s;
	animation-timing-function: ease;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;*/
}

/*#instafeed.complete li:nth-of-type(1){
	animation-delay: .2s;
}
#instafeed.complete li:nth-of-type(2){
	animation-delay: .4s;
}
#instafeed.complete li:nth-of-type(3){
	animation-delay: .6s;
}
#instafeed.complete li:nth-of-type(4){
	animation-delay: .8s;
}
#instafeed.complete li:nth-of-type(5){
	animation-delay: 1.0s;
}
#instafeed.complete li:nth-of-type(6){
	animation-delay: 1.2s;
}
#instafeed.complete li:nth-of-type(7){
	animation-delay: 1.4s;
}
#instafeed.complete li:nth-of-type(8){
	animation-delay: 1.6s;
}
#instafeed.complete li:nth-of-type(9){
	animation-delay: 1.8s;
}
#instafeed.complete li:nth-of-type(10){
	animation-delay: 2.0s;
}
*/@keyframes fadeIn {
  0% {
		height: auto;
  }
  100% {
		height: auto;
    opacity: 1;
  }
}