/* 日本の星イベント */

body {
	display: block;
	height: auto;
	width: 100%;
	margin: 0 auto;
	font-family: メイリオ, "MS UI Gothic", "ＭＳ ゴシック";
	font-size: 16px;
	color: #fff !important;
	background-color: #11112C !important;
}

.top-img {
	text-align:center;
	padding-bottom: 2em;
}


article {
	display: block;
	width: 80%;
	height:auto;
	margin: 0 auto;
	padding: 0;
}

.inl {display: inline-block;}
.pc_off { display: none; }
.sp_off { display: block; }


.top-img_ws {
	display:block;
	height: auto;
	text-align: center;
}

.top-img_ws span.title {
	display: inline-block;
	font-size: 2em;
	font-weight:bold;
	padding: 0 1em 5px;
	vertical-align: middle;
}


div.menu {
	display: block;
	width: 100%;
	height:auto;
	margin:0 auto -1px;
	padding:0;
}

div.menu p.menu03-1{
	width: calc(25% - 10px);
	height:26px;
	display: inline-block;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	margin:0;
	font-size:1em;
	font-weight:bolder;
	background-color: #91450d;
	background-image:url('../image/wall11.png');
	border-radius:15px 15px 0 0;
	border-top:1px solid #111B1E;
	border-left:1px solid #111B1E;
	border-right:1px solid #111B1E;
	/* border-bottom:1px solid #FFA310; */
}

div.menu p.menu03-2{
	width: calc(25% - 10px);
	height:26px;
	display: inline-block;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	font-size:1em;
	font-weight:bolder;
	margin:0;
	background-color: #48486D;
	background-repeat:repeat-x;
	border-radius:15px 15px 0 0;
	border:1px solid #48486D;
}

h1{
	display:block;
	text-align:center;
	font-size:1.6em;
	color:#fff;
	vertical-align: middle;
}

.main-text{
	display: block;
	width: calc(100% - 50px);
	height:auto;
	margin:0 auto;
	padding:30px 25px;
	text-align: justify;
	font-size:1em;
	border-radius:0 0 15px 15px;
	background-color: #2F2F4F;
	background-repeat:repeat;
	color: #fff /* #EAEAEA */;
}

div.main-text p.form {
	display: block;
	width: calc(100% - 16px);
	padding:8px;
	color:#fff;
	font-size: 1.5em;
	text-align: center;
	border:1.5px #BFA94F solid;
	background-color: #FFE736;
	background-repeat: repeat;
	border-radius: 25px;
	color:#11112C;
}

div.main-text p.form a {
	display:block;
	width: 100%;
	height: 100%;
}

div.main-text p.form a:hover {
	text-decoration:underline;
	color: #fff;
}


div.main-text hr {
	border-color: #ccc;
}

.col1-1{
	display: inline-block;
	width:100%;
	height:auto;
	margin:0;
}

.col2-1{
	width: 65%;
	height:auto;
	margin:0;
	display: inline-block;
}

.col2-2{
	width:35%;
	height:auto;
	margin:0;
	display: inline-block;
}

.map{
	width:100%;
	height:auto;
	display: inline-block;
}

.Schedule{
	width:870px;
	height:auto;
	background-color:#FFD112;
	padding:15px 20px;
	border-radius:10px;
	color:#4C2C17;
	box-shadow:1px 1px 3px 0 #683A1A;
}

.Schedule a{color: #4C2C17; text-decoration:none;}
.Schedule a:visited{color: #4C2C17;}
.Schedule a:active{color: #FFA310;}
.Schedule a:hover{color: #FFA310;}

.guest{
	width:420px;
	height:auto;
	background-color:#FFD112;
	padding:10px 15px;
	border-radius:10px;
	color:#4C2C17;
}

.guest a{color: #4C2C17; text-decoration:none;}
.guest a:visited{color: #4C2C17;}
.guest a:active{color: #FFA310;}
.guest a:hover{color: #FFA310;}

.info{
	display: block;
	margin: 20px auto 0;
	width: calc(100% - 30px);
	height:auto;
	background-color:#FFF;
	padding:15px;
	border-radius:10px;
	color:#11112C;
}

.info a{color: #4C2C17; text-decoration:none;}
.info a:visited{color: #4C2C17;}
.info a:active{color: #FFA310;}
.info a:hover{color: #FFA310;}

.ev_title{
	font-size:20px;
	font-weight:bolder;
}

.menu_01{
	display: inline-block;
	padding:3px 20px;
	border-radius:20px;
	border:1px #91450d solid;
	background-color: #FFE736;
	font-weight:bolder;
	box-shadow:1px 1px 3px 0 #3C4756;
	color:#11112C;
}

.ws{
	/* color:#A04613; */
	line-height:2em;
}
.ws2{
	/* color:#A04613; */
	line-height:1.3em;
}

.sponsor{
	color:#4C2C17;
}

.sponsor a{color: #4C2C17; text-decoration:none;}
.sponsor a:visited{color: #4C2C17;}
.sponsor a:active{color: #FFA310;}
.sponsor a:hover{color: #FFA310;}


/* spacer */
.spacer{
	display:block;
	width:100%;
	width:auto;
	padding-top:60px;
}

/* body共通 */

img{
	vertical-align: middle;
}

/* INDEX部分table */
.menuinner{
	width:960px;
	height:120px;
	border:0;
	padding-bottom:50px;
}

/* body下 */
.inner{
	width:960px;
	height:auto;
	margin-top:40px;
	padding-bottom:40px;
	display: inline-block;
	background-image:url('../images/wall_B_001.png');
	background-repeat:repeat-y;	
}

/* タイトルh2 */
.title{
	margin-top:20px;
}

/* body下メイン部分 */
.main{
	width:890px;
	margin:10px auto;
}

/* カラム */
.col-3{
	display: inline-block; 
	width:320px; 
	height:auto;
	margin:0;
}

/* 文字囲み */
.kakomi{
	padding:3px;
	border:2px #F7C23E solid;
	border-radius:20px;
}
.kakomi2{
	padding:2.5px;
	border:2.5px #68472F solid;
	border-radius:20px;
}
.kakomi3{
	padding:5px 8px;
	color:#fff;
	border:1.5px #F42B00 solid;
	background-color: #F42B00;
	border-radius:8px;
}
.kakomi4{
	padding:3px;
	border:2px #F7C23E solid;
	background-color: #F7C23E;
	border-radius:20px;
}
.kakomi5{
	padding:5px 8px;
	color:#fff;
	border:1.5px #FFA310 solid;
	background-color: #FC7315;
	border-radius:8px;
}

.kakomi6{
	padding:5px 8px;
	color:#fff;
	border:1.5px #F7C23E solid;
	background-color: #ffe432;
	border-radius:8px;
}


.kakomi_sch{
	padding:5px 8px;
	color:#fff;
	border:1.5px #4C2C17 solid;
	background-color: #4C2C17;
	border-radius:8px;
}


/* テキスト要素　*/
.txt-center{
	text-align:center;
}

.txt-right{
	text-align:right;
}

.txt-left{
	text-align:left;
}

/* アイヌ小文字カナ */
.komoji{
	font-size:75%;
}

/* フォントサイズ */
.font20{
	font-size:20px;
}
.font16{
	font-size:1em;
}
.font12{
	font-size:12px;
}
.font10{
	font-size:10px;
}
.font8{
	font-size:8px;
}

/*　フォントcolor */
.fon_col1{
	color:#A04613;
}

/* マージンbottom */
.mgb10{
	margin-bottom:10px;
}
.mgb15{
	margin-bottom:15px;
}
.mgb20{
	margin-bottom:20px;
}
.mgb25{
	margin-bottom:25px;
}
.mgb30{
	margin-bottom:30px;
}

/* マージンtop */
.mgt5{
	margin-top:5px;
}
.mgt10{
	margin-top:10px;
}
.mgt15{
	margin-top:15px;
}
.mgt20{
	margin-top:20px;
}
.mgt25{
	margin-top:25px;
}
.mgt30{
	margin-top:30px;
}

/* マージンleft */
.mgl8{
	margin-left:8px;
}

/* パディング */
.pad5{
	padding:5px;
}
.pad8{
	padding:8px;
}
.pad10{
	padding:10px;
}
.pad15{
	padding:15px;
}
.pad20{
	padding:20px;
}

/* パディング（上下左右） */
.pad010{
	padding:0 10px;
}

/* パディング（bottom） */
.padb10{
	padding-bottom:10px;
}

/* 画像 */
img.left{
	float: left !important;
}
img.right{
	float:right !important;
}

/* ---- parts ---- */
.main_menuparts01{
	background-color:#F4E795;	
	border-radius:10px;
	color:#68472F;
	height:auto;
	width:860px;
	padding:15px;
	white-space: normal; 
	box-shadow:3px 4px 8px #A36F1A;
}
hr{
	border:none;
	border-top: #ccc 1px solid;
	height: 1px;
	padding-top:0;
	margin-top:15px;
	margin-bottom:15px;
	}
	
hr2{
	border:none;
	border-top: #F7C23E 1px solid;
	height: 1px;
	padding-top:0;
}

.bol{
	font-weight:bold;
}

/* footer */
.footer{
	font-size:12px;
	background-color: #112C54;
	background-repeat: repeat-x;	
	height:auto;
	color:#ccc;
	width:100%;
	text-align:right;
	margin: 0 auto;
	padding:7px;
	position:fixed;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
	box-shadow:0 -1px 13px #000;
}

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

article {
	display: block;
	width: 96%;
	height:auto;
	margin: 0 auto;
	padding: 0;
}

.inl {display: block;}
.inl_r {display: block; text-align:right;}
.pc_off { display: block; }
.sp_off { display: none; }


h1 {
	font-size: 1.1em;
	text-align:center;
}

img.left,
img.right{
	float: none;
	display: block;
	padding-bottom: 15px;
}


.main-text{
	display: block;
	width: calc(100% - 20px);
	height:auto;
	margin:0 auto;
	padding:20px 10px;
	text-align: justify;
	font-size:0.96em;
	border-radius:0 0 15px 15px;
	background-color: #2F2F4F;
	background-repeat:repeat;
	color: #fff /* #EAEAEA */;
}


div.menu p.menu03-1{
	display: inline-block;
	width: calc(50% - 16px);
	height:auto;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	margin:0;
	font-size:0.9em;
	font-weight:bolder;
	background-color: #91450d;
	background-image:url('../image/wall11.png');
	border-radius:15px 15px 0 0;
	border-top:1px solid #111B1E;
	border-left:1px solid #111B1E;
	border-right:1px solid #111B1E;
	/* border-bottom:1px solid #FFA310; */
}

div.menu p.menu03-2{
	display: inline-block;
	width: calc(50% - 16px);
	height:auto;
	color:#fff;
	text-align:center;
	padding:8px 5px;
	font-size:0.9em;
	font-weight:bolder;
	margin:0;
	background-color: #48486D;
	background-repeat:repeat-x;
	border-radius:15px 15px 0 0;
	border:1px solid #48486D;
}

div.main-text p.form {
	display: block;
	width: calc(100% - 16px);
	padding:8px;
	color:#fff;
	font-size: 1.1em;
	text-align: center;
	border:1.5px #BFA94F solid;
	background-color: #FFE736;
	background-repeat: repeat;
	border-radius: 25px;
	color:#11112C;
}

.font16{
	font-size:0.96em;
}

.col2-1,
.col2-2 {
	width: 100%;
	height:auto;
	margin:0;
	display: inline-block;
}

.col2-1 p,
.col2-2 p {
	text-align:center;
}

.col2-1 p.txt,
.col2-2 p.txt {
	text-align: left;
}

.menu_01{
	display: inline-block;
	width: calc(100% - 2em);
	height: auto;
	font-size: 1em;
	padding:3px 1em;
	margin-bottom: 0.6em;
	text-align: center;
	border-radius:20px;
	border:1px #BFA94F solid;
	background-color: #FFE736;
	font-weight:bolder;
	box-shadow:1px 1px 3px 0 #A0501A;
	color:#11112C;
}

.info{
	display: block;
	margin: 20px auto 0;
	width: calc(100% - 24px);
	height:auto;
	background-color:#FFF;
	padding:15px 10px;
	border-radius:10px;
	color:#11112C;
}

div.return {
	display: block;
	width: 100%;
	height: auto;
	font-size: 0.9em;
	text-align:right;
	
}

.footer{
	display:block;
	font-size:0.7em;
	background-color: #112C54;
	background-repeat:repeat-x;	
	height:auto;
	color:#ccc;
	width:100%;
	text-align:center;
	margin: 0 auto;
	padding:7px;
	position:fixed;
	top:auto;
	bottom:0;
	left:0;
	right:0;
	z-index:5;
	box-shadow:0 -1px 13px #000;
}

}