@charset "UTF-8";
/* 基本 */
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12.5px;
}
a img {
	background: none!important;
	border: none;
}
a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: none!important;
}
a {
	color: #F03;
}
a:hover {
	color: #F90;
	text-decoration: underline;
}
#wrapper {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-image: url(../images/bg_beige2.gif);
	display: block;
	margin: 0px;
	width: 100%;
}
#wrapper #main {
	display: block;
	margin: 0px;
	width: 100%;
}
#wrapper #main .band {
	background-image: url(../images/bg_red.gif);
	display: block;
	margin: 0px;
	padding-top: 1px;
	min-height: 49px;
	width: 100%;
}
#wrapper .band h4 {
	background: url(../images/logo_collabo_red.gif) center top repeat-x;
	display: block;
	margin: 10px 0px 0px;
	height: 25px;
	width: 100%;
}
#wrapper #main .band #btn_main {
	display: block;
	background-color: #fff;
	margin: 11px auto 0;
	height: 36px;
	width: 380px;
}
#wrapper #main #slide {
	width:100%;/*表示の範囲です。中の要素によって適宜変えてください*/
	height:300px;/*表示の範囲です。中の要素によって適宜変えてください*/
	overflow:hidden;/*普通に考えるとoverflow:hidden;は必要です*/
	position:relative;/*スライドが絶対配置で移動するので、positionはrelativeである必要があります*/
	margin:0 auto;
}
#wrapper #main #slideIn {
	position:absolute;/*スライドが絶対配置で移動するので、positionはabsoluteである必要があります*/
    height:300px;/*表示の範囲です。中の要素によって適宜変えてください*/
	left:0;/*必要です*/
	top:0;/*必要です*/
}
#wrapper #main #slide li {
	float:left;/*横移動する場合は、あらかじめloat:left;しておきます*/
	width:360px;
	height:300px;
	/*margin-right:10px;*/
}
#wrapper #main #ttl_box {
	background-image: url(../images/bg_pink.gif);
	display: block;
	margin: 0px;
	width: 100%;
}
#ttl_main{
    width: 940px;
    margin: 0 auto;
    padding: 30px 0;
    text-align: center;
}

#wrapper #contents {
	background: url(../images/bg_beige.gif) center top repeat-y;
	display: block;
	margin: auto;
	padding: 30px 0px 0px;
	height: auto;
	width: 940px;
}
#wrapper #contents #anchor {
	display: block;
	margin: 0px auto 60px;
	height: 244px;
    text-align: center;
}
#wrapper #contents #anchor a {
	margin: 0px 28px 0px 0px;
	height: 244px;
	width: 212px;
}
#wrapper #contents #anchor .end {
	margin: 0px;
}
#wrapper #contents .jk_box {
	display: block;
	margin: 0 auto 35px;
	padding-bottom: 45px;
	height: 738px;
	width: 940px;
}
#wrapper #contents .yr_box {
	display: block;
	margin: 60px auto 0;
	padding-bottom: 70px;
	height: 738px;
	width: 940px;
}
#wrapper #contents h3 {
	display: block;
	margin: 0px 0px 15px 7px;
	height: 38px;
	width: 900px;
	float: none;
}
#wrapper #contents .scene_box {
	display: block;
	margin: 0px 0px 35px;
	height: 252px;
	width: 940px;
}
#wrapper #contents .scene_box p {
	font-size: 20px;
	line-height: 1.5em;
	font-weight: bold;
	color: #000;
	margin: 0px 0px 20px 462px;
	width: 440px;
	text-indent: 0px;
	float: none;
	display: block;
}
#wrapper #contents .scene_box .btn_ex {
	display: block;
	margin-left: 462px;
}
#wrapper #contents .jk_box .s1 {
	background: url(../images/img_s1.jpg) left top no-repeat;
	padding-top: 47px;
	/* height: 205px; */
}
#wrapper #contents .jk_box .s2 {
	background: url(../images/img_s2.jpg) left top no-repeat;
	padding-top: 47px;
	/* height: 205px; */
}
#wrapper #present {
 background-image: url(../images/bg_yellow.gif);
 display: block;
 margin: 100px 0 0 0;/*
 height: 780px;*/
 width: 100%;
 position: relative;
}
#wrapper #present .inner_box {
	display: block;
	margin: 0 auto;
	padding-top: 30px;
	height: 480px;
	width: 940px;
}
#wrapper #present .ticket .txt_link {
	display: block;
	height: 20px;
	width: 206px;
	position: absolute;
	left: 0px;
	top: 58px;
}
#wrapper #present .ticket .txt_link:hover {
	background-color: #FF0;
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha( opacity=20 )";
}
#wrapper #present .inner_box .jk_box {
	background-image: url(../images/img_jk_02_01_01.jpg);
	background-repeat:no-repeat;
	display: block;
	margin: 0 15px;
	float: left;
	padding: 250px 25px 113px;
	height: 113px;
	width: 470px;
}
#wrapper #present .inner_box .yr_box {
	background-image: url(../images/img_yr.jpg);
	display: block;
	float: right;
	padding: 490px 25px 113px;
	height: 113px;
	width: 470px;
	margin: 0px;
	position: relative;
}
#wrapper #present .inner_box .yr_box .search_btn {
	background-color: #FFF;
	display: block;
	height: 30px;
	width: 160px;
	position: absolute;
	z-index: 1;
	left: 300px;
	top: 190px;
}
#wrapper #present .inner_box h3 {
	font-size: 16px;
	font-weight: bold;
	color: #000;
	text-indent: 0px;
	float: none;
	margin-bottom: 10px;
}
#wrapper #present .inner_box .jk_box p, #wrapper #present .inner_box .yr_box p {
	font-size: 14px;
	color: #000;
	text-indent: 0px;
	line-height: 1.4em;
	float: none;
}
#wrapper #form_link {
	display: block;
	width: 100%;
	padding-bottom: 200px;
}
#wrapper #form_link .form_header {
	background: url(../images/bg_beige.gif) center top no-repeat;
	display: block;
	height: 35px;
	width: 100%;
	padding-top: 10px;
}
#wrapper #form_link h4 {
	background: url(../images/logo_collabo.gif) center top repeat-x;
	display: block;
	height: 25px;
	width: 100%;
	float: none;
}
#wrapper #form_link .form_box {
	background-image: url(../images/bg_beige.gif);
	display: block;
	margin: 0px auto;
	padding-top: 12px;
	height: 370px;
	width: 940px;
}
#wrapper #form_link .form_box .form_btn {
	display: block;
	margin: 0px auto 15px;
	height: 80px;
	width: 800px;
}
#wrapper #form_link .form_box .caution {
	background-image: none;
	text-align: center;
	text-indent: 0px;
	font-size: 13px;
	line-height: 1.4em;
	height: auto;
	margin-bottom: 3px;
}
#wrapper #form_link .form_box .gototop {
	width: 940px;
	background-image: none;
	text-align: right;
	text-indent: 0px;
	font-size: 13px;
	line-height: 1.4em;
	height: auto;
	margin-bottom: 0px;
}
#wrapper #form_link .form_box .gototop a {
	color: #000;
}
#wrapper #form_link .form_box .gototop a:hover {
	color: #900;
}
#rule {
	display: block;
	margin-bottom: 5px;
}


/* 微調整用 */
.h60 {
	height: 59px;
}


/* 20171218 added */
.navbar-nav a{
    font-size: 14px;
}
@media screen and (max-width: 994px) {
	#header strong { display:none; }
	#header .container { display:table; table-layout:fixed; }
	#header .container .navbar-header,
	#header .container #main_menu { display:table-cell !important; }
	#header .container .navbar-header { width:20%; }
	#header .container #main_menu { width:80%; margin:0 !important; padding:0 !important; vertical-align:middle; }
	.navbar-collapse.collapse { display:block !important; }
	.nav > li > a { padding:0 30px 0 0; }
	.navbar-toggle { display:none !important; }
	.navbar-header img { max-width:100%; }
	.navbar-nav { margin:0; text-align:right; }
	.navbar-nav>li { display:inline; border-bottom:none !important; }
	.navbar-nav>li>a { display:inline; }
}
/* 20190528 追加 */
.fl {
    float: left;
    margin: 15px;
    text-align: left;
}
#ttl_main h1{
    color: #fff;
    font-size: 32px;
    font-weight: bold;
}
#ttl_main p{
    color: #fff;
    font-size: 16px;
    font-weight: bold;
}
#ttl_main p span{
    font-size: 32px;
    font-weight: bold;
}
#contents h2{
    margin: 30px 0px 15px 7px;
    color: #d2003c;
    font-size: 24px;
    font-weight: bold;
}
#present .obi{
    padding: 15px 0;
    background: #de0000;
}
#present .obi p{
    width: 940px;
    margin: 0 auto;
    color: #fff;
    font-size: 32px;
    text-align: center;
}
#present p{
    font-size: 16px;
    font-weight: bold;
}
#present a{
    font-weight: bold;
}
#present p span,
#form_link .w700 span{
    color: #fe127f;
    font-weight: bold;
}
.w700{
    width: 700px;
}
.w400{
    width: 400px;
}
.btn_outlink {
    
}
.btn_outlink a {
	display: block;
	text-decoration: none;
	border-radius: 30px;
    width: 400px;
    margin: 2.4em auto;
    background: #fff;
    text-align: center;
    padding: 0.8em;
    font-size: 131%;
	color: #fe127f;
}
.btn_outlink a:hover {
	color: #fe127f;
}