@charset "UTF-8";



/*----------------------------------------------*/
/*----------------------------------------------*/
/*MTWB2016 [ Common ]*/
/*----------------------------------------------*/
/*Created: 2016.04.29*/
/*Last Update:	2016.04.29*/
/*----------------------------------------------*/




/*INDEX*/

/*[ Default ]*/

/*[ Header ]*/

/*[ Navigation ]*/

/*[ Footer ]*/
/*----[ Under Content ]----*/

/*[ Frame Format ]*/

/*[ Banners ]*/










/*
[ Default ]
*/

html {
font-size:62.5%;
}
html * {
max-height:100%; /*for Android*/
}

body {
font-family:"Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
line-height:1.5;
margin:0;
padding:0;
font-size:1.6rem;
letter-spacing:.05em;
color:#444;
background:#FFFFFF;
-webkit-text-size-adjust: none;
}



/*[ Clearfix ]*/
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}



/*[ Webfont ]*/
[class^="fa"]:before, [class*="fa"]:before,
[class^="fa"]:after, [class*="fa"]:after {   
margin-right: .7rem;
}



/*[ Wrapper ]*/
.wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
}

.wrapper img {
margin:0 auto;
padding:0;
vertical-align:bottom;
}



/*[ Container ]*/
.container {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:center;
}



/*[ Bg Image ]*/
.container .bg-image {
	width:auto;
	height:auto;
	margin:0;
	padding:100px 0 0;
	background:url(../images/bg_main.jpg) no-repeat top center;
}
.pages .container .bg-image {
	background:none;
}



@media screen and (max-width:640px) {
html {
font-size:55.5%;
}


.for-pc {
	display:none;
}


/*[ Bg Image ]*/
.container .bg-image {
	padding:60px 0 0;
	background:url(../images/bg_main_sp.jpg) no-repeat top center;
}


}



@media screen and (min-width:641px) {
body {
min-width:1024px;
}

.wrapper {
	background:url(../images/02.png) repeat 0 0;
}


}









/*
[ Header ]
*/

/*[ Frame ]*/
header {
width:auto;
height:auto;
margin:0;
padding:0 0 20px;
text-align:left;
position:relative;
}
.pages header {
padding:0;
}


/*[ Title Set ]*/
header hgroup {
width:auto;
height:auto;
margin:0;
padding:0;
}
header hgroup .title,
header hgroup .copy,
header hgroup .date,
header hgroup .sign {
text-align:center;
}


/*[Date]*/
header hgroup .date {
margin-bottom:.5rem;
}



@media screen and (min-width:641px) and  (max-width:1024px) {
/*[ Title Set ]*/
header hgroup {
width:1024px;
margin:0 auto;
}
.copy.pc {display: block;}
.copy.sp {display: none;}
}



@media screen and (min-width:1025px) {
/*[ Title Set ]*/
header hgroup {
width:1024px;
margin:0 auto;
}
.copy.pc {display: block;}
.copy.sp {display: none;}
}


@media screen and (max-width:640px) {
.copy.pc {display: none;}
.copy.sp {display: block;}
}










/*
[ Navigation ]
*/

/*[ Toggle ]*/
.toggle {
display:none;
}


/*[ Frame ]*/
#navigation {
width:100%;
height:auto;
margin:0;
padding:0;
position:fixed;
top:0;
left:0;
z-index:100;
background:#FFF;
background:rgba(255,255,255,0.90);
}


/*[ Navigation ]*/
.nav {
width:auto;
height:auto;
margin:0;
padding:0;
justify-content: center;
}
.nav ul {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.nav ul li {
width:auto;
height:auto;
margin:0;
padding:1.8rem 1.6rem;
font-size:1.8rem;
font-family: 'Candal',"游ゴシック bold", sans-serif;
font-weight:normal;
letter-spacing:0;
font-weight: bold;
color:#999;
float:left;
}
.nav ul .btn-tweet,
.nav ul .btn-fb,
.nav ul .btn-rk {
padding:1.6rem .6rem 0;
float:right;
}
.nav ul li a {
width:auto;
height:auto;
margin:-1.8rem -1.6rem;
padding:1.8rem 1.6rem;
text-decoration:none;
overflow:hidden;
color:#0079C2;
text-align:center;
display:block;
}
.nav ul .btn-tweet a,
.nav ul .btn-fb a,
.nav ul .btn-rk a {
margin:0;
padding:0;
display:inherit;
}
.nav ul li a:hover {
 text-decoration:underline;
}
.index-page .nav ul .btn-mtwb a,
.info-page .nav ul .btn-info a,
.access-page .nav ul .btn-access a,
.archive-page .nav ul .btn-archive a,
.goods-page .nav ul .btn-goods a,
.faq-page .nav ul .btn-faq a {
background:#FFF;
background:#e61e74;
color:#FFF;
}
.nav ul .btn-tweet a:hover,
.nav ul .btn-fb a:hover,
.nav ul .btn-rk a:hover {
background:none;
}
.nav ul .btn-close {
display:none;
}



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

/*[ Toggle ]*/
.toggle {
display:block;
max-width:100px;
}
.toggle a {
 display:block;
 text-decoration:none;
 overflow:hidden;
}


/*[ Frame ]*/
#navigation {
position: absolute;
position: fixed;
top:0;
left:0;/*sb*/
left:auto;/*sidr*/
}


/*[ Navigation ]*/
.nav {
display:none !important;
}
.nav ul .btn-tweet img,
.nav ul .btn-fb img,
.nav ul .btn-rk img {
display:none;
}
.nav ul .btn-tweet a::after,
.nav ul .btn-fb a::after,
.nav ul .btn-rk a::after {
content: attr(data-label);
}


}


@media screen and (min-width:641px) and (max-width:1024px) {
/*[ Navigation ]*/
.nav {
width:1024px;
margin:0 auto;
}


}


@media screen and (min-width:1025px) {
/*[ Navigation ]*/
.nav {
width:1024px;
margin:0 auto;
}


}











/*
[ Footer ]
*/

/*[ Frame ]*/
footer {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
background-color:#00341C;
background-image:url(../images/bg_grass.png);
background-repeat:repeat-x;
background-position:bottom center;
background-size:contain;
-webkit-background-size:contain;
-moz-background-size:contain;
-ms-background-size:contain;
-o-background-size:contain;
}
footer .inner-frame {
width:auto;
height:auto;
margin:0;
padding:40px 0 60px;
position:relative;
}




/*----[ Under Content ]----*/
#under-content {
width:auto;
height:auto;
margin:0 0 40px;
padding:0;
}

/*[ Set ]*/
#under-content .set {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
}


/*[[[ Event Info ]]]*/
#under-content .event-info {
width:auto;
height:auto;
margin:0 auto 6rem;
padding:0 10px;
}

/*[Corner Title]*/
#under-content .event-info .corner-ttl {
text-align:left;
margin:0 0 1.2rem;
padding:0;
font-size:2.2rem;
font-family: 'Candal', sans-serif;
font-weight:normal;
color:#FFF;
}

/*[ Text Box ]*/
#under-content .event-info .txt-box {
text-align:left;
font-size:1.4rem;
line-height:2.4rem;
margin:0;
padding:0;
color:#FFF;
/*text-shadow:0 1px 0 #00341C; */
}
#under-content .event-info .txt-box a {
color:#FFF;
text-decoration:underline;
display:inline-block;
}
#under-content .event-info .txt-box a:hover {
color:#FFF;
text-decoration:none;
}


/*[[[ Support ]]]*/
#under-content .support {
width:auto;
height:auto;
margin:0 auto;
padding:0;
}

/*[ Frame ]*/
footer #under-content .support .inner-frame {
width:auto;
height:auto;
margin:0;
padding:1.4rem 2.2rem 2rem;
background:#FFF;
border:3px solid #8CC63F;
border-radius:7px;
-webkit-border-radius:7px;
-ms-border-radius:7px;
-o-border-radius:7px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}

/*[Corner Title]*/
#under-content .support .corner-ttl {
width:auto;
height:auto;
margin:0 0 1rem;
padding:0;
}

/*[Button]*/
#under-content .support .btn-support {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
#under-content .support .btn-support li,
#under-content .support .btn-support li a {
width:auto;
height:auto;
margin:0;
padding:0;
}
#under-content 	.support .btn-support li a {
display:block;
font-size:1.6rem;
font-weight:bold;
color:#0079C2;
text-align:center;
padding:2rem;
text-decoration:none;
background:#D4EEF9;
border-radius:5px;
-webkit-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
}
#under-content 	.support .btn-support li .fa {
display:none;
}
#under-content .support .btn-support li a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


/*[[[ Twitter Timeline ]]]*/
/*[ Timeline ]*/
.tw-timeline {
width:auto;
height:auto;
margin:0;
padding:0;
}



/*[ Frame ]*/
footer .in-box {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
}


/*[ Logo Set ])*/
footer .logoSet {
width:auto;
height:auto;
margin:0;
padding:0;
text-align:left;
}

/*[FM802 Logo]*/
footer .logoSet .logo-fm802 {
margin:0 25px 0 0;
padding:0;
float:left;
}

/*[ Copyright ]*/
footer .logoSet .copyright {
font-size:1.3rem;
line-height:32px;
color:#FFF;
font-family:Arial, Helvetica, sans-serif;
text-shadow:0 1px 0 #00341C;
}


/*[ SNS Buttons ]*/
.sns-btns {
position:absolute;
top:7px;
right:0;
text-align:left;
z-index:888;
}
.sns-btns .social {
	display:inline-block;
	line-height:1;
	vertical-align:top;
}


/*[ Page Top Button ]*/
.fNavi {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
position:fixed;
bottom:0;
right:0;
z-index:999;
}
.fNavi li {
margin:0;
padding:0;
}
.fNavi .pagetop {
width:auto;
height:auto;
}
.fNavi .pagetop a {
width:auto;
height:auto;
color: #fff;
display:block;
padding: 12px;
background: #0071BC;
text-decoration: none;
border-radius:7px 0 0 0;
-webkit-border-radius:7px 0 0 0;
-moz-border-radius:7px 0 0 0;
-ms-border-radius:7px 0 0 0;
-o-border-radius:7px 0 0 0;
font-size:1em;
font-weight:normal;
font-family: 'Candal', sans-serif;
text-align:center;
}
.fNavi .pagetop a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



@media screen and (max-width:640px) {
/*[ Frame ]*/
footer {
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-ms-background-size:cover;
-o-background-size:cover;
}

footer .inner-frame {
padding:20px 10px 32px;
}


/*[ Set ]*/
#under-content .set {
width:auto;
}


/*[ Timeline ]*/
.tw-timeline {
	display:none;
}


/*[FM802 Logo]*/
footer .logoSet .logo-fm802 {
margin:0;
text-align:center;
float:none;
}

/*[ Copyright ]*/
footer .logoSet .copyright {
	text-align:center;
line-height:auto;
}


/*[ SNS Buttons ]*/
.sns-btns {
position:relative;
top:auto;
right:auto;
text-align:center;
z-index:888;
margin-bottom:3rem;
}


#under-content .event-info .corner-ttl {
margin:0 0 1rem;
}

footer #under-content .support .inner-frame {
padding:1.2rem 1.6rem 1.6rem;
border:2px solid #8CC63F;
border-radius:5px;
-webkit-border-radius:5px;
}

#under-content .support .btn-support li {
text-align:center;
}
#under-content .support .btn-support li a {
padding:1.2rem 1rem;
}
#under-content 	.support .btn-support li .fa {
 display:inline;
}
#under-content .support .btn-support li a:after {
content: attr(data-label);
}


.fNavi .pagetop a {
padding: 7px 10px;
font-size:.9em;
}


}


@media screen and (min-width:641px) {
/*[ Set ]*/
#under-content .set {
	width:590px;
	float:right;
}


/*[ Timeline ]*/
.tw-timeline {
width:350px;
height:500px;
float:left;
}


}



@media screen and (min-width:641px) and (max-width:1024px) {
footer .inner-frame {
width:984px;
margin:0 auto;
}


}


@media screen and (min-width:1025px) {
footer .inner-frame {
width:1024px;
margin:0 auto;
}


}











/*
[ Frame Format ]
*/

/*[ Frame ]*/
.bg-content {
width:auto;
height:auto;
margin:0;
padding:0;
background-color:#FFF, #FFF;
background-image: url(../images/bg_expo.png), url(../images/bg_grass2.png);
background-repeat: no-repeat, repeat-x;
background-position: bottom center, bottom center;
}
#content {
width:auto;
height:auto;
margin:0 auto;
padding:0 0 150px;
text-align:left;
}


/*[ Frame Set ]*/
#set {
width:auto;
height:auto;
margin:0;
padding:0;
}

/*[ for Index Page ]*/
#set > .inner-frame {
 width:auto;
 height:auto;
 margin:0;
 padding:50px 0;
}


/*[Main Frame]*/
#main {
height:auto;
margin:0;
padding:0;
float:left;
}
/*[ for pages ]*/
body.pages #main {
width:73.404%;/*690px*/
}


/*[ Side Frame ]*/
#side {
height:auto;
margin:0;
padding:0;
float:right;
}
/*(for pages)*/
body.pages #side {
width:20.212%;/*190px*/
}
body.info-page.pages #side {
width:23.404%;/*220px*/
}



@media screen and (max-width:640px) {
.bg-content {
background-color:#FFF, #FFF;
background-image: url(../images/bg_expo.png), url(../images/bg_grass2.png);
background-repeat: no-repeat, repeat-x;
background-position: bottom center, bottom center;
background-size:contain, contain;
}

#content {
padding:0 0 120px;
}

#set > .inner-frame {
 padding:32px 0;
}


}


@media screen and (max-width:480px) {
#content {
padding:0 0 70px;
}

#set > .inner-frame {
 padding:24px 0;
}


}


@media screen and (max-width:360px) {
#set > .inner-frame {
 padding:16px 0;
}


}


@media screen and (min-width:641px) and (max-width:1024px) {
#set {
width:1020px;
margin:0 auto;
}

body.pages #set {
width:auto;
margin:0;
}


}


@media screen and (min-width:1025px) {
#set {
width:1024px;
margin:0 auto;
}

body.pages #set {
width:auto;
margin:0;
}


}










/*
[ Banners ]
*/

#banners {
width:auto;
height:auto;
margin:0;
padding:40px 0 12px;
}

/*[Title]*/
#banners .corner-ttl {
font-size:0.9em;
font-weight:normal;
margin:0 0 5px;
padding:0;
text-align:center;
color:#111;
text-shadow:0 1px 0 #FFF;
}

/*[ List ]*/
#banners .bn-1,
#banners .bn-2,
#banners .bn-3 {
width:auto;
max-width:840px;
height:auto;
margin:0 auto 15px;
padding:0;
position:relative;
overflow:hidden;
}
#banners .bn-3 {
margin:0;
max-width:inherit;
}
#banners .bn-1 ul,
#banners .bn-2 ul,
#banners .bn-3 ul {
width:auto;
height:auto;
margin:0;
padding:0;
position:relative;
left:50%;
display: inline-block;
text-align: center;
}
#banners .bn-1 ul li,
#banners .bn-2 ul li,
#banners .bn-3 ul li {
width:auto;
height:auto;
margin:0 5px 5px;
padding:0;
position:relative;
left:-50%;
display: inline-block;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
}
#banners li img {
max-width:200px;
}

@media screen and (max-width:640px) {
#banners .bn-1,
#banners .bn-2,
#banners .bn-3 {
width:auto;
float:none;
left:auto;
text-align:center;
}

#banners .bn-1 ul,
#banners .bn-2 ul,
#banners .bn-3 ul {
float:none;
left:auto;
}

#banners .bn-1 ul li,
#banners .bn-2 ul li,
#banners .bn-3 ul li {
float:none;
left:auto;
text-align:center;
}


}


@media screen and (min-width:641px) and (min-width:1024px) {
#banners {
width:1020px;
margin:0 auto;
}


}


@media screen and (min-width:1025px) {
#banners {
width:1024px;
margin:0 auto;
}


}


.ng-tk-list a {
    cursor: default;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    .ng-tk-list a {
        pointer-events: auto;
    }
}

#how-to-entry {
	margin-top: 2rem !important;
}



#caution_frame h3{
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px solid #000;
}


#caution_frame .t-date{
	width: 100%;
	font-size: 1rem;
	text-align: right;
}


.sponcerd span:last-child {
	display: none;
}

.caution-info {
	font-size: 90%;
}
.caution-info .border-frame h3 {
	background-color: #000;
	color: #FFF;
	text-align: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
	font-weight: bold;
}
.caution-info .border-frame h4 {
	margin-top: 2rem !important;
	margin-bottom: 1rem;
	font-weight: bold;
	font-size: 100%;
}
.caution-info .border-frame h4 span {
	border: 2px solid #000;
	padding: .5rem;
	width: auto;
}
.caution-info ul {
	list-style-type: disc;
	margin: 20px;
}