@charset "utf-8";
/* CSS Document */


body {
  padding-top: 40px;
}
a {
  color:#6AADA4;
}
a.anchor {
  padding-top:40px;
  margin-top:-40px
}
.navbar-inverse .navbar-inner {
  background-color:#313033;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #DBD1B2;
}
.nav-pills > li > a {
  background:#ecf0f1;
  color:#bdc3c7;
  font-size:16px;
}
.nav-pills > li > a:hover {
  background:#bdc3c7;
  color:#fff;
}
.nav-tabs {
	 border-bottom: none;
}


.navbar-brand {
	padding:10px 15px;
}
hr {
  padding-bottom: 40px;
  padding-top: 40px;
  height:0;
  border:none;
  margin:0;
}
.logo {
  margin: auto auto 48px;
  text-align: center;
}
.jumbotron {
  margin-bottom: 0px;
  font-size:14px;
  background:#FFF;
}
h2.title {
  padding:20px;
  margin-bottom:10px;
}
#box {
  width: 850px;
  color: #3F2F69;
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}
.boxin {
  position: relative;
  float: left;
  width: 150px;
  height: 150px;
  margin: 0 10px;
}
#box a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  padding: 0px;
  border-radius: 50% !important;
  color: #fff;
  font-size: 32px;
  line-height: 150px;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .5s;
  -moz-transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  transition: .5s;
  z-index: 10;
}
#box a:hover {
  top: -75px;
  left:-75px;
  width: 300px;
  height: 300px;
  font-size: 48px;
  line-height: 300px;
  z-index: 100;
}
#circle1 {
  background: #490A3D;
  background: rgba(73,10,61,.7);
}
#circle2 {
  background: #bd1550;
  background: rgba(189,21,80,.7);
}
#circle3 {
  background: #e97f02;
  background: rgba(233,127,2,.7);
}
#circle4 {
  background: #d6ae00;
  background: rgba(214,174,0,.7);
}
#circle5 {
  background: #8a9b0f;
  background: rgba(138,155,15,.7);
}
#circle6 {
  background: #360;
  background: rgba(51,102,0,.7);
}
.circle1 {
 background: #490A3D;
  background: rgba(73,10,61,1);
  color: #eee;
}
.circle2 {
	  background: #bd1550;
  background: rgba(189,21,80,1);
  color: #eee;
}
.circle3 {
	  background: #e97f02;
  background: rgba(233,127,2,1);
  color: #eee;
}
.circle4 {
	  background: #d6ae00;
  background: rgba(214,174,0,1);
  color: #eee;
}
.circle5 {
	  background: #8a9b0f;
  background: rgba(138,155,15,1);
  color: #eee;
}
.circle6 {
	  background: #360;
  background: rgba(51,102,0,.1);
	color: #eee;
}

/*問い合わせ用*/
.contact-boxin {
  position: relative;
  float: left;
  width: 105px;
  height: 105px;
  margin: 0 10px;
}
.contact-boxin:first-child {
	margin: 0 10px 0 0px;
}

.contact-boxin:last-child {
	margin: 0 0px 0 10px;
}

#contact-box a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 115px;
	height: 115px;
	padding: 40px 0px 0px;
	border-radius: 50% !important;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-o-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	z-index: 10;
}
#contact-box a:hover {
	top: -30px;
	left:-50px;
	width: 210px;
	height: 210px;
	font-size: 32px;
	line-height: 34px;
	padding: 70px 0px 0px;
	z-index: 100;
}
.sumi {
	background: url(/static/images/event/111/images/sumi.png) no-repeat;
	width:57px;
	height:57px;
	position:absolute;
	 top: 50px;
  left: 50px;
  	z-index: 80;

}
/*SNSボタン*/
.social ul {
  list-style: none;
  padding: 14px 0px 0px;
}
.container .social ul li a {
  display: block;
  height: 24px;
}
.container .social ul li span {
  display: none;
}
.container .social ul li {
  float:left;
  width:24px;
  height:24px;
  margin: 0 5px 0 0;
}
.social ul li.tw_btn {
  background: url(/static/images/event/111/images/sns.gif) no-repeat;
}
.social ul li.fb_btn {
  background: url(/static/images/event/111/images/sns.gif) no-repeat -46px 0px;
}
.social ul li.g1_btn {
  background: url(/static/images/event/111/images/sns.gif) no-repeat -92px 0px;
}
.social ul li.hb_btn {
  background: url(/static/images/event/111/images/sns.gif) no-repeat -136px 0px;
}
.social ul li.tw_btn a:hover {
  background: url("/static/images/event/111/images/sns.gif") no-repeat scroll 0 -43px transparent;
}
.social ul li.fb_btn a:hover {
  background: url("/static/images/event/111/images/sns.gif") no-repeat scroll -46px -43px transparent;
}
.social ul li.g1_btn a:hover {
  background: url("/static/images/event/111/images/sns.gif") no-repeat scroll -92px -43px transparent;
}
.social ul li.hb_btn a:hover {
  background: url("/static/images/event/111/images/sns.gif") no-repeat scroll -136px -43px transparent;
}
.simply-scroll .simply-scroll-clip, .simply-scroll {
  width:100%;
}
.table td.blank {
  padding: 2px;
}
.tooltip-inner {
  max-width: 400px;
  width: 400px;
  background-color: #34495e;
  line-height: 22px;
  padding: 12px 12px;
  text-align: left;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
.q {
  background: transparent url(/static/images/event/111/images/icon_q.png) no-repeat scroll left top;
  border-bottom: 1px solid #ECF0F1;
  margin-bottom: 10px;
  min-height: 87px !important;
  padding-bottom: 10px;
}
.a {
  background: url("/static/images/event/111/images/icon_a.png") no-repeat scroll right bottom transparent;
  border-bottom: 1px solid #ECF0F1;
  margin-bottom: 50px;
  min-height: 87px !important;
  padding-bottom: 10px;
}
.number {
  color: #FFFFFF;
  float: left;
  margin-right: 15px;
  padding:  20px;
  font-size:32px;
  font-weight: 900;
  margin-bottom: 10px;
}
#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 77%;
}
p#page-top {
  margin-bottom:0;
}
#page-top a {
  background: #666;
  text-decoration: none;
  color: #fff;
  width: 50px;
  padding: 10px 0;
  text-align: center;
  display: block;
  border-radius: 5px;
}
#page-top a:hover {
  text-decoration: none;
  background: #999;
}
footer ul {
  margin: 0 0 10px 0px;
}
footer li {
  list-style:none;
  margin-bottom:10px;
}
h2.circle1, h2.circle2, h2.circle3, h2.circle4, h2.circle5 {
  display: block;
  width: 150px;
  height: 150px;
  padding: 0px;
  border-radius: 50% !important;
  font-size: 32px;
  line-height: 150px;
  text-align: center;
  text-decoration: none;
  z-index: 10;
  margin:0;
}
h2.circle1, h3.circle1 {
  background: none repeat scroll 0 0 rgba(73, 10, 61, 0.7);
  color:#FFF
}
h2.circle2, h3.circle2 {
  background: none repeat scroll 0 0 rgba(189, 21, 80, 0.7);
  color:#FFF
}
h2.circle3, h3.circle3 {
  background: none repeat scroll 0 0 rgba(233, 127, 2, 0.7);
  color:#FFF
}
h2.circle4, h3.circle4 {
  background: none repeat scroll 0 0 rgba(214, 174, 0, 0.7);
  color:#FFF
}
h2.circle5, h3.circle5 {
  background: none repeat scroll 0 0 rgba(138, 155, 15, 0.7);
  color:#FFF
}


h3 {
  padding:0.5em;
  margin-top:0;
}
footer h3 {
  background:none;
  padding:0;
  margin:0;
  border:none;
}
footer {
  color: #333;
  padding-top:30px;
  background:#EEEEEE;
  border-top: 1px solid #DDDDDD;
}
 @media (max-width: 767px) {
.navbar-inverse .brand {
  border-bottom: none;
  border-right:none;
  padding: 15px 28px 14px 10px;
}
.navbar-inverse .nav > li > a {
  font-size: 14px;
  border-bottom: none;
  border-left: none;
  color: #ffffff;
  padding: 16px 20px 15px;
}
.navbar-inverse .nav > li.active > a, .navbar-inverse .nav > li.active > a:hover, .navbar-inverse .nav > li.active > a:focus {
  padding: 16px 10px 15px;
}
.navbar-inverse .nav > li.active + li > a {
  padding: 16px 10px 15px;
}

.top-background {
	display:none;
}
}
 @media (min-width: 768px) and (max-width: 979px) {
.navbar-inverse .brand {
  border-bottom: none;
  border-right:none;
  padding: 15px 28px 14px 10px;
}
.navbar-inverse .nav > li > a {
  font-size: 14px;
  border-bottom: none;
  border-left: none;
  color: #ffffff;
  padding: 16px 10px 15px;
}
.navbar-inverse .nav > li.active > a, .navbar-inverse .nav > li.active > a:hover, .navbar-inverse .nav > li.active > a:focus {
  padding: 16px 10px 15px;
}
.navbar-inverse .nav > li.active + li > a {
  padding: 16px 10px 15px;
}

}
@media (max-width: 768px) {
	.navbar-collapse.pull-left {
	float:none !important;
}

.navbar.navbar-default.navbar-fixed-top .container .pull-right {
		float:none !important;

}

}
 @media (max-width: 1024px) {
.navbar-inverse .brand {
  border-bottom: none;
  border-right:none;
}
.navbar-inverse .nav > li > a {
  font-size: 14px;
  color: #ffffff;
  padding: 16px 10px 15px;
}
}
/* Arai Add */
.imgsize-sponsor-l {
}
.imgsize-sponsor-m {
  width: 220px;
  height: 90px;
}
.imgsize-sponsor-s {
  width: 140px;
  height: 60px;
}
.profile-sns-bgc {
  background-color: #51D2E4;
}
.profile-sns-bgc:hover {
  background-color: #8ED8E2;
}
.profile-sns-bgc-01 {
  background-color: #8E9192;
  margin: 0px 2px 0px 2px;
}
.profile-sns-bgc-01:hover {
  background-color: #AFB2B3;
  margin: 0px 2px 0px 2px;
}
.profile-sns-bgc-02 {
  background-color: #939697;
  margin: 0px 2px 0px 2px;
}
.profile-sns-bgc-02:hover {
  background-color: #A3A7A8;
  margin: 0px 2px 0px 2px;
}
.inform {
  font-size: 14px;
}
.position-center {
  display: block;
  margin: auto;
}
.style-small {
  font-size: 12px;
  line-height: 1.4;
}
.imgsize-top-news {
  width:80px;
  height:80px;
  display: block;
  margin: auto;
  margin-bottom: 10px;
}

/* arai added */
.font-alegreya {
  font-family: 'Alegreya', serif;
  /* text-shadow: 1px -1px 0 rgba(0,0,0,.5); */
}
.font-alegreya:first-letter {
  text-transform: uppercase;
  font-weight: bold;
}
h3.midashi {
  font-size: 36px;
  color: #eee;
}
h2.midashi1 {
  background-color: white;
  color:#490A3D;
  color: rgba(73, 10, 61, 1);
  font-weight: 400;
  font-size: 80px;
}
h2.midashi2 {
  background-color: white;
  color:#bd1550;
  color: rgba(189, 21, 80, 1);
  font-weight: 400;
  font-size: 80px;
}
h2.midashi3 {
  background-color: white;
  color:#e97f02;
  color: rgba(233,127,2,1);
  font-weight: 400;
  font-size: 80px;
}
h2.midashi4 {
  background-color: white;
  color: #d6ae00;
  color:  rgba(214,174,0,1);
  font-weight: 400;
  font-size: 80px;
}
h2.midashi5 {
  background-color: white;
  color:#8a9b0f;
  color: rgba(138,155,15,1);
  font-weight: 400;
  font-size: 80px;
}

.txt-white {
  color: #eee;
}
.text-yellow {
  color: rgba(214,174,0,1);
}
.txt-shadow-9 {
  text-shadow: 1px -1px rgba(0,0,0,.9);
}
.txt-shadow-3 {
  text-shadow: 1px -1px rgba(0,0,0,.3);
}
.txt-shadow-2 {
  text-shadow: 1px -1px rgba(0,0,0,.2);
}
.txt-small {
  margin-top: 10px;
  font-size: 12px;
}
.font-30 {
  font-size: 30px;
}
.font-24 {
  font-size: 24px;
}
.font-20 {
  font-size: 20px;
}

  .top-background {
    background-image:    url(/static/images/event/111/images/top_bg_3.jpg);
    background-repeat:   no-repeat;
    background-position: center;
    margin-bottom:       10px;
  }
  .top01-background {
    background-image:    url(/static/images/event/111/images/top_bg_4.jpg);
    background-repeat:   no-repeat;
    background-position: center;
    height:              500px;
    margin-bottom:       40px;
  }
  .btn-icon {
    background-image:      url(/static/images/event/111/images/circle_icon_set_03_g.png);
    background-size:       30px;
    background-repeat:     no-repeat;
    background-position: 10px;
    background-position-y: center;
  }
  dd.before-dot:before {
    content: "○ ";
    font-size: 10px;
    opacity: .8;
  }
  .first-chara {
    font-size: 12px;
    padding-bottom: 15px;
  }
  .font-smaller {
    font-size: 12px;
    padding-bottom: 15px;
  }
  .margin-t-5 {
    margin-top: 5px;
  }
  .pad-b-15 {
    padding-bottom: 15px;
  }
  .pull-center {
    width: 100%;
    text-align: center;
  }
  .main-text {
    color: #666;
    font-size: 1.0em;
  }
  .main-text-01 {
    font-size: 1.0em;
  }
 
@media (min-width: 1200px) {
	 .navbar-nav > li > a {
	 padding-bottom: 22px;
    padding-top: 23px;
	padding-left:6px;
	padding-right:6px;
}

}
  
/*お問い合わせ用*/
h2.contact {
    background: none repeat scroll 0 0 #F6F6F6;
    border-top: 3px solid #1A242F;
	color: #666666;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 10px;
    padding: 10px;
}