@charset "utf-8";

/*　#key-visual
------------------------------*/

#key-visual {
position: relative;
z-index:1;
}

#key-visual .section-inner {
    padding-top: 0em;
    padding-bottom: 1.6em;
}


/*　#notice
------------------------------*/

#notice {}

#notice .section-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#notice .section-inner .squ.border-thin {
    color: #d95852;
    border-color: #d95852;
}

#notice .section-inner .squ.border-thin a {
    color: #d95852;
}

#notice .section-inner .squ.border-thin a:hover {
    text-decoration: underline;
}


/*　#what-new
------------------------------*/

#what-new {
    position: relative;
}

#what-new:after {
    content: "";
    width: 100%;
    height: 30px;
    background: url(../../img/front-page/section-border-bottom.png) no-repeat center bottom;
    position: absolute;
    bottom: -30px;
    background-size: 4000px auto;
    z-index: 1;
}

#what-new .section-inner {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
}

#what-new .section-inner .section-hgroup {
    position: relative;
    height: 140px;
    margin-bottom: 20px;
}

#what-new .section-inner .section-hgroup img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1140px;
    z-index: 1;
}

#what-new .section-inner .section-hgroup p {
    color: #fff5dc;
    margin: 0;
    font-size: 2.4rem;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 1;
    text-shadow: 1px 1px 0px #003D6C, -1px 1px 0px #003D6C, 1px -1px 0px #003D6C, -1px -1px 0px #003D6C;
}

/*ここから*/
 #event-calender .section-inner .section-hgroup p{
	text-shadow:1px 1px 0px #d95852, -1px 1px 0px #d95852, 1px -1px 0px #d95852, -1px -1px 0px #d95852;
}


/*　#news
------------------------------*/

#news .section-inner {
	background-color: #fff;
	width: 100%;
	padding-top: 4rem;
    margin-top: -4rem;
}

#news .section-inner {
   /* padding-top: 4.8em;*/
    padding-bottom: 3.2em;
}


#news .section-inner .section-hgroup img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1140px;
    z-index: 1;
}


/*　#guide
------------------------------*/

#guide {
    background: url(../../img/front-page/guide-bg.jpg) repeat-x center center;
    background-size: 120px 100%;
    padding-top: 0;
    padding-bottom: 6.4em;
}

#guide .section-inner {
    padding-top: 0;
    padding-bottom: 0;
}

#guide .section-inner .section-hgroup {
    position: relative;
    height: 140px;
    margin-top: -20px;
    margin-bottom:0;
}

#guide .section-inner .section-hgroup img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1140px;
    z-index: 1;
}

#guide .section-inner .section-hgroup p {
    color: #fff5dc;
    margin: 0;
    font-size: 2.4rem;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 1;
    text-shadow: 1px 1px 0px #003D6C, -1px 1px 0px #003D6C, 1px -1px 0px #003D6C, -1px -1px 0px #003D6C;
}

ul.tab {
    list-style:none;
    margin:0;
    padding:0;
   /* Flexbox flexibility.js IE8-9用 */
    -js-display: flex;
    /* Flexbox */
    /*Android4.3*/
    display: -webkit-box;
    /*IE10*/
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    /* Flexbox 縦中央揃え */
    /*Android4.3*/
    -webkit-box-align: center;
    /*IE10*/
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
ul.tab li{
padding:0.5em 0;
margin:0 1px 0 0;
cursor:pointer;
font-weight:bold;
color: #fff;
text-align:center;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
/* Flexbox  等幅・等間隔*/
/*Android4.3*/
-webkit-box-flex: 1.0;
/*IE10*/
-ms-flex: 1 0 auto;
-webkit-flex-grow: 1;
flex-grow: 1;
}
ul.tab li.eat{
background-color: #e2603c;
}
ul.tab li.shopping{
background-color: #df7799;
}
ul.tab li.attractions{
background-color: #036eb7;
}
ul.tab li.watch{
background-color: #8f65a7;
}

ul.tab li.tab-select {
    position: relative;
}
ul.tab li.tab-select:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -10px;
    z-index: 1;
}

ul.tab li.tab-select.eat:before {
    border-top-color: #e2603c;
}
ul.tab li.tab-select.shopping:before {
    border-top-color: #df7799;
}
ul.tab li.tab-select.attractions:before {
    border-top-color: #036eb7;
}
ul.tab li.tab-select.watch:before {
    border-top-color: #8f65a7;
}

ul.tab-content {
list-style:none;
margin:0;
padding:0;
height:100%;
}
ul.tab-content>li{
background-color:#fff;
padding:2em;
margin:0;
//height:90%;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
ul.tab-content>li.eat ol li,
ul.tab-content>li.eat ol li a {
color: #e2603c;
}
ul.tab-content>li.shopping ol li,
ul.tab-content>li.shopping ol li a {
color: #df7799;
}
ul.tab-content>li.attractions ol li,
ul.tab-content>li.attractions ol li a {
color: #036eb7;
}
ul.tab-content>li.watch ol li,
ul.tab-content>li.watch ol li a {
color: #8f65a7;
}

ul.tab-content>li.eat ol li a:hover,
ul.tab-content>li.shopping ol li a:hover,
ul.tab-content>li.attractions ol li a:hover,
ul.tab-content>li.watch ol li a:hover {
text-decoration:underline;
}


ul.tab-content>li.tab-content-hide {
display:none;
}


/*　#btns
------------------------------*/

#btns {
    position: relative;
}

#btns:before {
    content: "";
    width: 100%;
    height: 30px;
    background: url(../../img/front-page/section-border-top.png) no-repeat center top;
    background-size: 4000px auto;
    position: absolute;
    top: -30px;
    z-index: 1;
}

#btns .section-inner {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
}


/*　#nearby
------------------------------*/

#nearby {}

#nearby .section-inner {
    padding-top: 1.6em;
    padding-bottom: 1.6em;
}

#nearby .section-inner .section-hgroup {
    position: relative;
    height: 140px;
    margin-bottom: -40px;
}

#nearby .section-inner .section-hgroup img {
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 1140px;
    z-index: 1;
}

#nearby .section-inner .section-hgroup p {
    color: #fff5dc;
    margin: 0;
    font-size: 2.4rem;
    position: absolute;
    text-align: center;
    top: 70px;
    width: 100%;
    z-index: 1;
    text-shadow: 1px 1px 0px #003D6C, -1px 1px 0px #003D6C, 1px -1px 0px #003D6C, -1px -1px 0px #003D6C;
}


/*　#sns
------------------------------*/

#sns .section-inner {
padding-top: 1.6em;
    padding-bottom: 1.6em;
}

/*　#bnrs
------------------------------*/

#bnrs .section-inner {
padding-top: 1.6em;
}


/*-----------------------------------------------------	*/


/*　for - 1200px　*/


/*-----------------------------------------------------	*/

@media all and (max-width: 1199px) {}


/*-----------------------------------------------------	*/


/*　for - 992px　*/


/*-----------------------------------------------------	*/

@media all and (max-width: 991px) {}


/*-----------------------------------------------------	*/


/*　for - 768px　*/


/*-----------------------------------------------------	*/

@media all and (max-width: 767px) {

}


/*-----------------------------------------------------	*/


/*　for - 480px　*/


/*-----------------------------------------------------	*/

@media all and (max-width: 479px) {
    
}