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


/**----------------------------------------------------------------------
 a
----------------------------------------------------------------------**/
a,a:hover {
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

/*
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
*/
a:link {color:#0000ff; background-color: transparent; text-decoration: none; }
a:visited { color:#0000ff; background-color: transparent; text-decoration: none; }
a:hover { color:#000060; background-color: transparent; text-decoration: none; cursor:hand; outline: 0;}
a:active { color:#000060; background-color: transparent; text-decoration: none; cursor:hand; outline: 0;}

a:focus { outline: 0;}

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



/**----------------------------------------------------------------------
 セッティング
----------------------------------------------------------------------**/
.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;
display:block;
}

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

/*イメージ縮小　可変あり*/
img.sizeL{
    width: 680px;
    height: auto;
}
img.sizeM{
    width: 240px;
    height: auto;
}
img.sizeS{
    width: 180px;
    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;
}
*/

/**----------------------------------------------------------------------
画像配置
----------------------------------------------------------------------**/
/*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: 769px) {
.imgR,
.picR,
.imgL,
.picL{
    float:none;
    margin:10px auto;
    text-align: center;
}
}

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-KA,
.bar-FLIGHT,
.bar-ENJOY,
.bar-FACILITY,
.bar-ACCESS,

.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-KA{background-color:#036eb8 !important;}
.bar-FLIGHT{background-color:#2ea7e0 !important;}
.bar-ENJOY{background-color:#e61673  !important;}
.bar-FACILITY{background-color:#f7b133 !important;}
.bar-ACCESS{background-color:#00913a !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-KA{background-color:#036eb8 !important;}
.bg-FLIGHT{background-color:#2ea7e0 !important;}
.bg-ENJOY{background-color:#e61673  !important;}
.bg-FACILITY{background-color:#f7b133 !important;}
.bg-ACCESS{background-color:#00913a !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:#f1f1f1 !important;}
.bg-GRAY2{background-color:#e1e1e1 !important;}

/**----------------------------------------------------------------------
囲み ボーダー
----------------------------------------------------------------------**/
.bdr-KA,
.bdr-FLIGHT,
.bdr-ENJOY,
.bdr-FACILITY,
.bdr-ACCESS,

.bdr-BLK,
.bdr-RED,
.bdr-PINK,
.bdr-GREEN,
.bdr-BLUE,
.bdr-NAVY,
.bdr-SKY,
.bdr-BEG,
.bdr-GRAY,
.bdr-GRAY2{
    border-style: solid;
    border-width: 1px;
}

.bdr-KA{border-color:#036eb8 !important;}
.bdr-FLIGHT{border-color:#2ea7e0 !important;}
.bdr-ENJOY{border-color:#e61673  !important;}
.bdr-FACILITY{border-color:#f7b133 !important;}
.bdr-ACCESS{border-color:#00913a !important;}

.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;}
/* *--------------------------------------------------------------------
 フォーム
--------------------------------------------------------------------* */
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: 25px;
    right: 0px;
    z-index:5555;
}
#page-top a {
/*
    background: #4ba789;

        filter: alpha(opacity=75);
        -moz-opacity:0.75;
        opacity:0.75;

    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
*/
}
#page-top a:hover {
    text-decoration: none;
    background: #64a791;
}



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