@charset "UTF-8";


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

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

}

**************************************************************/
#page-event {
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    background-color: #fbfbfb;
    background-image: url(../images/bg_base.jpg);
    background-position:center center;
    background-size: 100%;
}


.img-border {
    border: 6px #000 solid!important;
    box-sizing: border-box!important;
}

img.img-circle {
    border-radius: 1000px;
    -webkit-border-radius: 1000px;
    -moz-border-radius: 1000px;
}


img.img-rotate-r {
    transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    width: 80%;
    border: 2px #fff solid;
    margin: 15px;
}

img.img-rotate-l {
    transform: rotate(6deg);
    -moz-transform: rotate(6deg);
    -webkit-transform: rotate(6deg);
    width: 80%;
    border: 2px #fff solid;
    margin: 15px;
}


@media screen and (max-width: 736px) {
	.img-border {
	    border: 4px #000 solid!important;
	}
}

.text-shadow-wh {
    text-shadow: #fff 2px 0px, #fff -2px 0px, #fff 0px -2px, #fff 0px 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
    color: #333;
}

.text-shadow-bk {
    text-shadow: #000 2px 0px, #000 -2px 0px, #000 0px -2px, #000 0px 2px, #000 2px 2px, #000 -2px 2px, #000 2px -2px, #000 -2px -2px, #000 1px 2px, #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px, #000 -2px 1px, #000 2px -1px, #000 -2px -1px;
    color: #fff;
}

.item .inbody p.txt.ttl {
    font-size: 1.3rem;
    font-weight: bold;
}
.item .inbody p.txt {
    line-height: 1.6;
    font-size: 1.1rem;
    padding: 10px 0;
    text-align: center;
}



.margin-top-50{
    margin-top: -50px!important;
}
.margin-top-70{
    margin-top: -70px!important;
}
.margin-top-100{
    margin-top: -100px!important;
}
.margin-top-250{
    margin-top: -250px!important;
}
.margin-right-50{
    margin-right: -50px;
}
.margin-left-50{
    margin-left: -50px;
}
.margin-right-30{
    margin-right: -30px;
}
.margin-left-30{
    margin-left: -30px;
}
.margin-left-50{
    margin-left: -50px;
}
.margin-left-100{
    margin-left: -100px;
}


/********************************************************
#navi
********************************************************/


#navi{
    background-color: #D9312B;
}


#navi .logo-center {
    position: absolute;
    width: 110%;
    top: 0;
    right: 0;
    left: 0;
    margin-top: -30%;
    margin-left: -5%;
}

#navi a{
    display: block;
    padding: 0px 15px;
}

#navi .border-right{
    border-right: 1px #fff dotted;
}


@media screen and (max-width: 736px) {
	#navi .logo-center {
	    position: relative;
	    width: auto;
	    top: 0;
	    right: 0;
	    left: 0;
	    margin-top: -15%;
	}
	#navi a {
		padding: 8px;
	}
	#navi .border-right-sp {
	    border-right: 1px #fff dotted;
	}
	#navi .item .inbody {
	    padding: 5px 0;
	}

	#navi .header-box {
	vertical-align: middle;
    background-image: url(../images/index/intro/bg.jpg);
    background-position: center center;
    background-size: 120%;
	}

}

/********************************************************
.contents-body
********************************************************/


.contents-body {
    background-image: url(../images/index/bg_contents.png);
    background-size: 100% 100%;
    position: relative;
}
.contents-body.long {
    background-image: url(../images/index/bg_contents_long.png);
}
.contents-body-inner {
    padding: 90px!important;
}

@media screen and (max-width: 736px) {
	.contents-body {
    background-image: url(../images/index/bg_contents_sp.png);
	    margin: 2%;
	}
	.contents-body-inner {
	    padding: 30px!important;
	}
}

/********************************************************
parts
********************************************************/

a.button ,
div.button {
    display: inline-block;
    border: 1px #ef104e solid;
    background: transparent;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    overflow: hidden;
    color: #ef104e;
    font-weight: normal;
    padding: 20px 40px;
    margin: 10px 5px;
    line-height: 1.2;
    font-size: 18px;
    width: auto;
    text-align: center;
}

a.button.btn-large,
div.button.btn-large{
    background: #3f7dbf;
    border-radius: 9999px;
    border: 0;
	color: #fff;
    font-size: 24px;
    font-weight: 4900;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d9312b+0,d9312b+50,c61d0d+51,c61d0d+51,d9312b+100 */
background: rgb(217,49,43); /* Old browsers */
background: -moz-linear-gradient(top, rgba(217,49,43,1) 0%, rgba(217,49,43,1) 50%, rgba(198,29,13,1) 51%, rgba(198,29,13,1) 51%, rgba(217,49,43,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(217,49,43,1) 0%,rgba(217,49,43,1) 50%,rgba(198,29,13,1) 51%,rgba(198,29,13,1) 51%,rgba(217,49,43,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(217,49,43,1) 0%,rgba(217,49,43,1) 50%,rgba(198,29,13,1) 51%,rgba(198,29,13,1) 51%,rgba(217,49,43,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9312b', endColorstr='#d9312b',GradientType=0 ); /* IE6-9 */
border: 4px #fff solid;
text-shadow: 0 2px 1px #000;
    font-weight: bold;
} 
div.button:after {
    display:none;
}

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

a.button,
div.button {
	    padding: 10px 20px;
	    margin: 10px 5px;
	    line-height: 1.2;
	    font-size: 1rem;
	}
a.button.btn-large,
div.button.btn-large{
	    font-size: 1.2rem;
}
}

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


	.margin-top-50,
	.margin-top-100,
	.margin-top-250,
	.margin-top-70 {
	    margin-top:0px!important;
	}
	.margin-right-30 {
	    margin-right: -0px!important;
	}
	.margin-top-50-sp {
	    margin-top: -50px!important;
	}
	.margin-top-100-sp {
	    margin-top:-100px!important;
	}

	.margin-left-30-sp{
	    margin-left: -30px;
	}
	.margin-left-50-sp{
	    margin-left: -50px;
	}
	.margin-left-100-sp{
	    margin-left: -100px;
	}


	.youtube{
		height:240px;
	}

	.item .inbody {
	    padding: 5px;
	}

	.item .inbody p.txt.ttl {
	    font-size: 0.9rem;
	}
	.item .inbody p.txt {
	    font-size: 0.8rem;
	}

	.item-container h2.txt span{
	    padding: 0 10px 0px;
	    font-size: 0.75rem;
	}
}

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

.mapno

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

.mapno {
    font-size: 11px!important;
	line-height: 18px!important;
        text-align: center!important;
    color: #fff!important;
    padding: 0 0.3rem;
    margin: 0 0 0 .5rem;
    display: inline-block!important;
    position: relative!important;
    top: 0!important;
    right: 0!important;
    left: 0!important;
    text-shadow: none!important;
    border: 0!important;
}
.mapno.wellcomearea{
    background: #753A97;
    color:#fff;
}

.mapno.flowerload{
	background:#F27B88;
}

.mapno.adventurepark{
	background:#9A4C34;
}
.mapno.towercity{
	background:#EE1D23;
}
.mapno.amsterdamcity{
	background:#F382B7;
}
.mapno.harbortown{
	background:#2098d1;
}
.mapno.attractiontown{
	background:#FCB814;
}
.mapno.artgarden{
	background:#658441;
}
.mapno.forest{
	background:#40630f;
}
.mapno.hotelrestaurant{
	background:#5d1e0b;
}
.mapno.rotterdam{
	background:#999;
}
.mapno.fantasiacity{
    background: #00ABCA;
}
.mapno.other{
	background:#666;
}

.mapno.maptxt {
    margin: 0  0  0 0.3rem;
    padding: 0 0rem;
    color:#333!important;
}