@charset "utf-8";
/** *****************************************************************
共通
最終更新日：2014.08.20
***************************************************************** **/
/**----------------------------------------------------------------------
 clearfix
----------------------------------------------------------------------**/

.cf:after,
.clearfix:after{
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
	overflow: hidden;
	font-size: 0.1em;
	line-height: 0;
}
/* WinIE7 MacIE5 */
.cf,
.clearfix{
	display:inline-table;
	zoom:100%;
}
/* WinIE5-6 */
/* Hides from IE-mac \*/
* html html .cf,
* html html .clearfix{
	height:1px;
}
.cf,
.clearfix{
	display:block;
}


ul:before,ul:after {    content:"";    display:table;}
ul:after {    clear:both;}
ol:before,ol:after {    content:"";    display:table;}
ol:after {    clear:both;}

/**----------------------------------------------------------------------
全てにボックスサイジング
----------------------------------------------------------------------**/
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
/**----------------------------------------------------------------------
 a
----------------------------------------------------------------------**/
a:link {color:#0358cd  ; background-color: transparent; text-decoration: none; }
a:visited { color:#0358cd  ; background-color: transparent; text-decoration: none; }
a:hover { color:#89ceeb ; background-color: transparent; text-decoration: none; cursor:hand; outline: 0;}
a:active { color:#89ceeb ; background-color: transparent; text-decoration: none; cursor:hand; outline: 0;}



a,a:hover {
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;
}

a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}

a {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
}

a:active, a:focus,
button:focus, input[type="button"] {
  outline: none;
}

a img {
    -webkit-transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    transition:all 0.3s ease 0s;

/*
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
*/

}
/*
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
*/


/* リンク　下線なし */
a.noul:link {text-decoration: none; }
a.noul:visited {text-decoration: none; }
a.noul:hover {text-decoration: none; }
a.noul:active {text-decoration: none; }


/*webfont iconのマージン*/
a i{
margin-right:5px;
}


.il{
	display: inline-block;
}

/**----------------------------------------------------------------------
 セッティング
----------------------------------------------------------------------**/
/*レスポンシブ スマホで表示*/
.pc,
.displayblock,
.pconly{	display:block;}

.sp,
.displaynone,
.sponly{	display: none;}

@media only screen and (max-width: 768px){
.pc,
.displayblock,
.pconly{	display:none;}

.sp,
.displaynone,
.sponly{	display: block;}

.sp img,
.displaynone img,
.sponly img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
}

}


.left { float: left; display: block;}
.right { float: right; display: block;}
.center{	margin:0 auto;	text-align:center;}


img.scale, img.responsive {
    max-width: 100%;
    height: auto;
}

img{border:0;}

img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　/*IE8のみ適用*/
/*
width *:auto;
display:block;
*/
}

img.png{
    filter': 'progid:DXImageTransform.Microsoft.AlphaImageLoader(src="sample.png", sizingMethod="scale");
}

/*イメージ縮小　可変あり*/
img.sizeL{
    width: 125%;
    height: auto;
}
img.sizeM{
    width: 75%;
    height: auto;
}
img.sizeS{
    width: 50%;
    height: auto;
}

img.txtpic{
vertical-align:5%;
margin:0 5px;
}


/*角丸*/
img.shadow{
box-shadow:0 0 5px 1px rgba(0, 0, 0, 0.2);
}
/*枠　角角*/
img.frame{
padding:5px;
border:1px solid #ccc;
background: #FFF;
}
/*枠　角丸*/
img.frameR{
padding:5px;
border:1px solid #ccc;
background: #FFF;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}



/* リンクの点線を消去 */
a{ outline: none; }

/* リストの縦余白のなくす */
li img, dt img, dd img{
vertical-align:bottom;
}
/* PIE */
.round{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    zoom: 1;
    position:relative;
}


/*SNS制御*/

/*
.fb-like-box,
.fb-like-box span,
.fb-like-box iframe {
  width: 100% !important;
}
*/


.w100p{width: 100%;}
.w90p{width: 90%;}
.w80p{width: 80%;}
.w70p{width: 70%;}
.w60p{width: 60%;}
.w50p{width: 50%;}
.w40p{width: 40%;}
.w30p{width: 30%;}
.w20p{width: 20%;}
.w10p{width: 10%;}

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

.w100p, .w90p, .w80p, .w70p, .w60p, .w50p,
.w40p, .w30p, .w20p, .w10p{
	width:98% !important;
	margin: 0 auto;
	text-align: center;
	font-size: 0.8em;
}

}


/**----------------------------------------------------------------------
画像配置
----------------------------------------------------------------------**/
img.imgL { text-align: left;}
img.imgC { display: block;	margin: 1px auto;}
img.imgR { display: block;	margin: 1px 1px 1px auto;}

.imgR,
.picR{
    float:right;
    margin:0 0 10px 10px;
}
.imgL,
.picL{
    float:left;
    margin:0 10px 10px 0;
}
@media only screen and (max-width: 768px) {
.imgR,
.picR,
.imgL,
.picL{
    float:none;
    margin:10px auto;
}
}

a.transOV :hover{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}
img.ibk,
th img.ibk,
td img.ibk{display: inline-block;vertical-align: middle;}


    img[usemap] {
        border: none;
        height: auto;
        max-width: 100%;
        width: auto;
    }


/**----------------------------------------------------------------------
 margin
----------------------------------------------------------------------**/
.mgn5 { margin: 5px !important; }
.mgn10 { margin: 10px !important;}
.mgn15 { margin: 15px !important;}
.mgn20 { margin: 20px !important;}
.mgn30 { margin: 30px !important;}
.mgn50 { margin: 50px !important;}
.mgn100 { margin: 100px !important;}

.mgnT5 { margin-top: 5px !important; }
.mgnT10 { margin-top: 10px !important; }
.mgnT15 { margin-top: 15px !important; }
.mgnT20 { margin-top: 20px !important; }
.mgnT30 { margin-top: 30px !important; }
.mgnT50 { margin-top: 50px !important; }
.mgnT100 { margin-top: 100px !important; }
.mgnT1em { margin-top: 1.0em !important; }
.mgnT2em { margin-top: 2.0em !important; }
.mgnT3em { margin-top: 3.0em !important; }
.mgnT5em { margin-top: 5.0em !important; }

.mgnB5 { margin-bottom: 5px !important; }
.mgnB10 { margin-bottom: 10px !important; }
.mgnB15 { margin-bottom: 15px !important; }
.mgnB20 { margin-bottom: 20px !important; }
.mgnB30 { margin-bottom: 30px !important; }
.mgnB50 { margin-bottom: 50px !important; }
.mgnB100 { margin-bottom: 100px !important; }
.mgnB1em { margin-bottom: 1.0em !important; }
.mgnB2em { margin-bottom: 2.0em !important; }
.mgnB3em { margin-bottom: 3.0em !important; }
.mgnB5em { margin-bottom: 5.0em !important; }

.mgnR5 { margin-right: 5px !important; }
.mgnR10 { margin-right: 10px !important; }
.mgnR15 { margin-right: 15px !important; }
.mgnR20 { margin-right: 20px !important; }
.mgnR30 { margin-right: 30px !important; }
.mgnR50 { margin-right: 50px !important; }
.mgnR100 { margin-right: 100px !important; }
.mgnR1em { margin-right: 1.0em !important; }
.mgnR2em { margin-right: 2.0em !important; }
.mgnR3em { margin-right: 3.0em !important; }
.mgnR5em { margin-right: 5.0em !important; }

.mgnL5 { margin-left: 5px !important; }
.mgnL10 { margin-left: 10px !important; }
.mgnL15 { margin-left: 15px !important; }
.mgnL20 { margin-left: 20px !important; }
.mgnL30 { margin-left: 30px !important; }
.mgnL50 { margin-left: 50px !important; }
.mgnL100 { margin-left: 100px !important; }
.mgnL1em { margin-left: 1.0em !important; }
.mgnL2em { margin-left: 2.0em !important; }
.mgnL3em { margin-left: 3.0em !important; }
.mgnL5em { margin-left: 5.0em !important; }

.mgnTB5 { margin-top: 5px !important; margin-bottom: 5px !important; }
.mgnTB10 { margin-top: 10px !important; margin-bottom: 10px !important; }
.mgnTB15 { margin-top: 15px !important; margin-bottom: 15px !important; }
.mgnTB20 { margin-top: 20px !important; margin-bottom: 20px !important; }
.mgnTB30 { margin-top: 30px !important; margin-bottom: 30px !important; }
.mgnTB50 { margin-top: 50px !important; margin-bottom: 50px !important; }
.mgnTB100 { margin-top: 100px !important; margin-bottom: 100px !important; }

.mgnTB1em { margin-top: 1.0em !important; margin-bottom: 1.0em !important; }
.mgnTB2em { margin-top: 2.0em !important; margin-bottom: 2.0em !important; }
.mgnTB3em { margin-top: 3.0em !important; margin-bottom: 3.0em !important; }
.mgnTB5em { margin-top: 5.0em !important; margin-bottom: 5.0em !important; }

.mgnLR5 { margin-left: 5px !important; margin-right: 5px !important; }
.mgnLR10 { margin-left: 10px !important; margin-right: 10px !important; }
.mgnLR15 { margin-left: 15px !important; margin-right: 15px !important; }
.mgnLR20 { margin-left: 20px !important; margin-right: 20px !important; }
.mgnLR30 { margin-left: 30px !important; margin-right: 30px !important; }
.mgnLR50 { margin-left: 50px !important; margin-right: 50px !important; }
.mgnLR100 { margin-left: 100px !important; margin-right: 100px !important; }


/*webfont iconのマージン*/
a i{
margin-right:5px;
}

/**----------------------------------------------------------------------
 padding
----------------------------------------------------------------------**/
.pad5 { padding: 5px !important; }
.pad10 { padding: 10px !important;}
.pad15 { padding: 15px !important;}
.pad20 { padding: 20px !important;}
.pad30 { padding: 30px !important;}
.pad50 { padding: 50px !important;}
.pad100 { padding: 100px !important;}

.padT5 { padding-top: 5px !important; }
.padT10 { padding-top: 10px !important; }
.padT15 { padding-top: 15px !important; }
.padT20 { padding-top: 20px !important; }
.padT30 { padding-top: 30px !important; }
.padT50 { padding-top: 50px !important; }
.padT100 { padding-top: 100px !important; }

.padB5 { padding-bottom: 5px !important; }
.padB10 { padding-bottom: 10px !important; }
.padB15 { padding-bottom: 15px !important; }
.padB20 { padding-bottom: 20px !important; }
.padB30 { padding-bottom: 30px !important; }
.padB50 { padding-bottom: 50px !important; }
.padB100 { padding-bottom: 100px !important; }

.padR5 { padding-right: 5px !important; }
.padR10 { padding-right: 10px !important; }
.padR15 { padding-right: 15px !important; }
.padR20 { padding-right: 20px !important; }
.padR30 { padding-right: 30px !important; }
.padR50 { padding-right: 50px !important; }
.padR100 { padding-right: 100px !important; }

.padL5 { padding-left: 5px !important; }
.padL10 { padding-left: 10px !important; }
.padL15 { padding-left: 15px !important; }
.padL20 { padding-left: 20px !important; }
.padL30 { padding-left: 30px !important; }
.padL50 { padding-left: 50px !important; }
.padL100 { padding-left: 100px !important; }

.padLR5 { padding-left: 5px !important; padding-right: 5px !important; }
.padLR10 { padding-left: 10px !important; padding-right: 10px !important; }
.padLR15 { padding-left: 15px !important; padding-right: 15px !important; }
.padLR20 { padding-left: 20px !important; padding-right: 20px !important; }
.padLR30 { padding-left: 30px !important; padding-right: 30px !important; }
.padLR50 { padding-left: 50px !important; padding-right: 50px !important; }
.padLR100 { padding-left: 100px !important; padding-right: 100px !important; }

.padTB5 { padding-top: 5px !important; padding-bottom: 5px !important; }
.padTB10 { padding-top: 10px !important; padding-bottom: 10px !important; }
.padTB15 { padding-top: 15px !important; padding-bottom: 15px !important; }
.padTB20 { padding-top: 20px !important; padding-bottom: 20px !important; }
.padTB30 { padding-top: 30px !important; padding-bottom: 30px !important; }
.padTB50 { padding-top: 50px !important; padding-bottom: 50px !important; }
.padTB100 { padding-top: 100px !important; padding-bottom: 100px !important; }

.padLR5 { padding-left: 5px !important; padding-right: 5px !important; }
.padLR10 { padding-left: 10px !important; padding-right: 10px !important; }
.padLR15 { padding-left: 15px !important; padding-right: 15px !important; }
.padLR20 { padding-left: 20px !important; padding-right: 20px !important; }
.padLR30 { padding-left: 30px !important; padding-right: 30px !important; }
.padLR50 { padding-left: 50px !important; padding-right: 50px !important; }
.padLR100 { padding-left: 100px !important; padding-right: 100px !important; }

/* *--------------------------------------------------------------------
 ライン
--------------------------------------------------------------------* */
/*グレー*/
.dotlineT{    border-top:1px #dddddd dotted;   padding-top:10px;}
.dotlineB{    border-bottom:1px #dddddd dotted;   padding-bottom:10px;}

.lineT{    border-top:1px #dddddd solid;   padding-top:10px;}
.lineB{    border-bottom:1px #dddddd solid;   padding-bottom:10px;}
.lineT2{    border-top:2px #dddddd solid;   padding-top:10px;}
.lineB2{    border-bottom:2px #dddddd solid;   padding-bottom:10px;}
.lineT3{    border-top:3px #dddddd solid;   padding-top:10px;}
.lineB3{    border-bottom:3px #dddddd solid;   padding-bottom:10px;}
.lineT4{    border-top:4px #dddddd solid;   padding-top:10px;}
.lineB4{    border-bottom:4px #dddddd solid;   padding-bottom:10px;}
.lineT5{    border-top:5px #dddddd solid;   padding-top:10px;}
.lineB5{    border-bottom:5px #dddddd solid;   padding-bottom:10px;}

/* *--------------------------------------------------------------------
 BAR
--------------------------------------------------------------------* */

.bar-top,
.bar-spot,
.bar-course,
.bar-event,
.bar-view,
.bar-stay,
.bar-souvenir,
.bar-access,
.bar-information,

.bar-BLK,
.bar-RED,
.bar-PINK,
.bar-GREEN,
.bar-BLUE,
.bar-NAVY,
.bar-SKY,
.bar-BEG,
.bar-GRAY,
.bar-GRAY2{padding: 4px 0; color: #ffffff;}

.bar-top{background-color: #dc928a !important;}
.bar-spot{background-color: #90c993 !important;}
.bar-course{background-color: #5d79b0 !important;}
.bar-event{background-color: #e1b4c4 !important;}
.bar-view{background-color: #87cfba !important;}
.bar-stay{background-color: #989898 !important;}
.bar-souvenir{background-color: #fea79d !important;}
.bar-access{background-color: #c7c877 !important;}
.bar-information{background-color: #a57e7a !important;}

.bar-BLK{background-color:#000000 !important;}
.bar-RED{background-color:#ff0000 !important;}
.bar-PINK{background-color:#f8e8e8  !important;}
.bar-GREEN{background-color:#006600 !important;}
.bar-BLUE{background-color:#2ea7e0 !important;}
.bar-NAVY{background-color:#003366 !important;}
.bar-SKY{background-color:#e1f2ff !important;}
.bar-BEG{background-color:#f8f7e8 !important;}
.bar-GRAY{background-color:#f1f1f1 !important;}
.bar-GRAY2{background-color:#e1e1e1 !important;}
/**----------------------------------------------------------------------
background color
----------------------------------------------------------------------**/
.bg-top{background-color: #dc928a !important;}
.bg-spot{background-color: #90c993 !important;}
.bg-course{background-color: #5d79b0 !important;}
.bg-event{background-color: #e1b4c4 !important;}
.bg-view{background-color: #87cfba !important;}
.bg-stay{background-color: #989898 !important;}
.bg-souvenir{background-color: #fea79d !important;}
.bg-access{background-color: #c7c877 !important;}
.bg-information{background-color: #a57e7a !important;}

.bg-BLK{background-color:#000000 !important;}
.bg-RED{background-color:#ff0000 !important;}
.bg-PINK{background-color:#f8e8e8  !important;}
.bg-GREEN{background-color:#006600 !important;}
.bg-BLUE{background-color:#3366cc !important;}
.bg-NAVY{background-color:#003366 !important;}
.bg-SKY{background-color:#e1f2ff !important;}
.bg-BEG{background-color:#f8f7e8 !important;}
.bg-GRAY{background-color:#fafafa !important;}
.bg-GRAY2{background-color:#e1e1e1 !important;}

/**----------------------------------------------------------------------
囲み ボーダー
----------------------------------------------------------------------**/
.bdr-BLK,
.bdr-RED,
.bdr-PINK,
.bdr-GREEN,
.bdr-BLUE,
.bdr-NAVY,
.bdr-SKY,
.bdr-BEG,
.bdr-GRAY,
.bdr-GRAY2,
.bdr-GRAY3{    border-style: solid;}

/*太さ*/
.bdr1{    border-width: 1px;}
.bdr2{    border-width: 2px;}
.bdr3{    border-width: 3px;}
.bdr4{    border-width: 4px;}
.bdr5{    border-width: 5px;}
/*スタイル*/
.bdrS{border-style: solid;}
.bdrD{border-style: dotted ;}

/*カラー*/
.bdr-BLK{border-color:#000000 !important;}
.bdr-RED{border-color:#ff0000 !important;}
.bdr-PINK{border-color:#f8e8e8  !important;}
.bdr-GREEN{border-color:#006600 !important;}
.bdr-BLUE{border-color:#2ea7e0 !important;}
.bdr-NAVY{border-color:#003366 !important;}
.bdr-SKY{border-color:#e1f2ff !important;}
.bdr-BEG{border-color:#f8f7e8 !important;}
.bdr-GRAY{border-color:#f1f1f1 !important;}
.bdr-GRAY2{border-color:#e1e1e1 !important;}
.bdr-GRAY3{border-color:#e5e5e5 !important;}


/**----------------------------------------------------------------------
囲み ボーダー
----------------------------------------------------------------------**/

table.thL th, table.tdL td{	text-align: left;}
table.thC th, table.tdC td{	text-align: center;}
table.thR th, table.tdR td{	text-align: right;}
table th.thL, table td.tdL{	text-align: left !important;}
table th.thC, table td.tdC{	text-align: center !important;}
table th.thR, table td.tdR{	text-align: right !important;}


/*テーブルカラー*/
.table-bdr-BLK th, .table-bdr-BLK td{border:1px #000000 solid;}
.table-bdr-RED th, .table-bdr-RED td{border:1px #ff0000 solid;}
.table-bdr-PINK th, .table-bdr-PINK td{border:1px #f8e8e8  solid;}
.table-bdr-GREEN th, .table-bdr-GREEN td{border:1px #006600 solid;}
.table-bdr-BLUE th, .table-bdr-BLUE td{border:1px #2ea7e0 solid;}
.table-bdr-NAVY th, .table-bdr-NAVY td{border:1px #003366 solid;}
.table-bdr-SKY th, .table-bdr-SKY td{border:1px #e1f2ff solid;}
.table-bdr-BEG th, .table-bdr-BEG td{border:1px #f8f7e8 solid;}
.table-bdr-GRAY th, .table-bdr-GRAY td{border:1px #f1f1f1 solid;}
.table-bdr-GRAY2 th, .table-bdr-GRAY2 td{border:1px #e1e1e1 solid;}
.table-bdr-GRAY3 th, .table-bdr-GRAY3 td{border:1px #e5e5e5 solid;}


/* *--------------------------------------------------------------------
 フォーム
--------------------------------------------------------------------* */
input[type=radio],
input[type=checkbox]{
    margin: 0 5px;
}
input ,select{
vertical-align:middle;
}

.input,
.textarea,
.select{
    vertical-align:middle;
    margin: 5px;
    padding: 5px 0;
    text-indent: 5px;
    font-size: 1.0em;
    line-height: 1;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border:1px #333333 solid;
}
.formS{    width: 20%;}
.formM{    width: 50%;}
.formL{    width: 80%;}
.formXL{    width: 100%;}
.textareaM{    width: 50%; height: 100px;}
.textareaL{    width: 70%; height: 150px;}
.textareaXL{    width: 100%; height: 200px;}




span.must{
    font-weight: bold;
    color: #ff0000;
    font-size: 0.8em;
}
.submitArea{
    margin: 1.0em auto;
    text-align: center;

}







/*-- imgloading.jsで制御 --*/
.imgThumb{background:url(../images/module/loading.gif) 50% 50% no-repeat;}

/* SNS */
.fbcomments,.fb_iframe_widget,.fb_iframe_widget[style],.fb_iframe_widget iframe[style],.fbcomments iframe[style],.fb_iframe_widget span {
    width: 100%! important;
}
.hatena-bookmark{
    width:100% !important;
}
.twtr-doc{
    width: 100% !important;
}

/**--------------------------------------------------------------------------------------------------------------------------
 共通パーツ
--------------------------------------------------------------------------------------------------------------------------**/

/***************** コンテンツトップへ戻るボタン *****************/
.btn-index{
margin:0 auto;
text-align:center;
}



/***************** ページトップ *****************/
#page-top {
    position:fixed;
    bottom: 20px;
    right: 20px;
    z-index:5555;
}
#page-top a {
	color: rgba(229, 229, 229, 0.7);
	cursor :pointer;
}
#page-top a:hover {
	color: #125496;

}



/* .listarea
------------------------- */
.listarea {
}
.listarea ul {
}
.listarea ul li {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

/* *--------------------------------------------------------------------
 Googlemap　レスポンシブ対応
--------------------------------------------------------------------* */
.gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

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

/*ズームバーの制御用*/
.gm-style img{
  max-width : none;
}
.gm-style label{
  width : auto;
  display : inline;
}

/* *--------------------------------------------------------------------
 ブラウザ警告
--------------------------------------------------------------------* */
.browercation{
    position: fixed;
    top:0;
    z-index: 9999;

    width: 100%;
/*    height: 100px;*/
    background: #ff0000;

    filter: alpha(opacity=90);
    -moz-opacity:0.9;
    opacity:0.9;
}
.browercation p{
    color: #ffffff;
    font-size: 12px;
    margin: 5px auto 0 auto;
    text-align: center;
}