@charset "UTF-8";


/*default
-----------------------------------*/
body,div,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,pre,form,fieldset,input,p,blockquote,th,td,input,textarea,label{
    margin:0px;
    padding:0px;zoom:1;
}

h1,h2,h3,h4,h5,h6{
    font-size:1em;
    font-weight:normal;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ul,ol,li,span{
    margin:0px;
    padding:0px;
}

header, article, footer, article, aside, time ,nav { display: block; } 
li{list-style-type: none}
html{font-size: 100%;}

body{
background: #FFF;
    color: #333;
    font-size: 15px;
    line-height:1.5;
    font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

img{
	max-width: 100%;
	height: auto;
	width: auto;
}

/*リンク、ボタン
-----------------------------------*/
a{	color:#3693b3;	}
a:hover,a:active{	color:#3693b3;	}
a:visited{	color:#3693b3;	}


span.green {
    font-size: 80%;
    color: #00cc66;
}
span.blue {
color: #0000FF !important;
font-weight: bold;
}
.blue { color: #0000FF !important; }
 
span.gray {
color: #999999;
 }

span.red {
color: ##D71D3B;
font-weight: bold;
 }


span.pink {font-size: 80%;
color: #ff7fbf;
 }
	.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;
		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
	}

	.item {
		width: 80%;
		height: 50px;
font-size: 30px;
font-weight: bold;
margin: 10px;

	}

.main {
	text-align: center;
margin: 10px;

}

img.example2 {
width: 280px;
height: 80px;
}


}

/*--------clearfix--------*/ 
.clearfix:after {
    content: ".";
    display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*---------------全体の調整---------------*/
header, article, footer, aside, nav, img { display: block; }

body{
	font-size: 100%;
	margin: 0;
	padding: 0;
}


/*---------------見出し---------------*/
h1{
	margin: 0;
	padding: 0.5em 0;
	color: #000000;
	display: block;
	width: 100%;
	text-align: center;
	line-height: 20px;
    	background-color: #e6f5f5;
/*	-webkit-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);
	-moz-box-shadow:
		0px 2px 2px rgba(000,000,000,0.1),
		inset 0px 0px 3px rgba(255,255,255,1);*/
}

h2,h3,h4,h5{
	margin:0 ;
	padding: 0.5em;

	background-color: #000000;
	color:#FFF;
	line-height: 1.5;
}
 


/*---------------段落・ブロック---------------*/
p {
	margin: 5px 10px 5px 10px;
	padding: 2px;
	font-size: 92%;
}

p.exp {
	font-size: 86%;
	padding: 2px;
}

p.kome {
	font-size: 60%;
	padding: 2px;
	text-align: center;
}

.feature {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 2px;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: solid 1px #3cb371;
	display: block;
}

.kiji {
	height: 60%;
}

/*-- 絵文字アイコン -- */
img.emoji { height:1.4em; width:1.4em; vertical-align: middle; border:0; margin-right: 0.3em; }
img.emoji2 { height:1.8em; width:1.8em; vertical-align: middle; border:0; margin-right: 0.3em; 
    display:inline-block;

}

img.emoji8 { height:0.8em; width:0.8em; vertical-align: middle; border:0; margin-right: 0.3em; }

/*---------------ボタン---------------*/
#globalNav{
	clear:both;
}

#globalNav ul{
	padding:0;
	list-style:none;
	display:block;
	margin:0px;
       border-top: 1px solid #D3D3D3;
}
#globalNav li{
	margin:0;
	width:100%;
	text-align:left;
	padding:0;
	line-height: 1.8em;
	border-bottom: 1px solid #D3D3D3;
}

#globalNav li:first-child{

}

#globalNav li:last-child{

}

#globalNav li>a>img{
	display:none;
}
#globalNav li>a>span{
    width: 97%;
    display:inline-block;
}
#globalNav li>a>span:last-child{
    width:100%;
}
#globalNav li>a>span>img{
    float: left;
}
#globalNav li>a{
	color:#000000;
	display:block;
	-webkit-box-sizing: border-box;
	width:100%;
	height:auto;
	padding:0.8em 0.5em;
	text-align:left;
	text-decoration:none;
}

/*---------------大きいオレンジボタン---------------*/
.button {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	padding: 10px 2px 10px 2px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px 2px 0px #7f3e02;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: solid 1px #2f4f4f;



background: #efc5ca; /* Old browsers */
background: -moz-linear-gradient(top,  #efc5ca 0%, #d24b5a 50%, #c4353c 53%, #f18e99 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efc5ca), color-stop(50%,#d24b5a), color-stop(53%,#c4353c), color-stop(100%,#f18e99)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* IE10+ */
background: linear-gradient(to bottom,  #efc5ca 0%,#d24b5a 50%,#c4353c 53%,#f18e99 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efc5ca', endColorstr='#f18e99',GradientType=0 ); /* IE6-9 */


/*	background: #ffb76b; /* Old browsers */
/*	background: -moz-linear-gradient(top,  #ffb76b 0%, #ffa73d 39%, #ff7f04 100%); /* FF3.6+ */
/*	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffb76b), color-stop(39%,#ffa73d), color-stop(100%,#ff7f04)); /* Chrome,Safari4+ */
/*	background: -webkit-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* Chrome10+,Safari5.1+ */
/*	background: -o-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* Opera 11.10+ */
/*	background: -ms-linear-gradient(top,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* IE10+ */
/*	background: linear-gradient(to bottom,  #ffb76b 0%,#ffa73d 39%,#ff7f04 100%); /* W3C */
/*	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb76b', endColorstr='#ff7f04',GradientType=0 ); /* IE6-9 */
}

.button a {
	color: #fff;
	display: block;
}

/* 新ボタンテーマ */

.centerbutton input[type="submit"], .centerbutton input[type="button"],
.centerbutton2 input[type="submit"], .centerbutton2 input[type="button"],
.centerbutton3 input[type="submit"], .centerbutton3 input[type="button"], 
.inlinebutton input[type="submit"], .inlinebutton input[type="button"],
.inlinebutton2 input[type="submit"], .inlinebutton2 input[type="button"]{
    display: inline-block;
    font-size: 80%;
}

.css3button 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 80%;
       margin: 0.5em 0;
       margin-left: auto;
	margin-right: auto;
	margin-top: 3px;
	margin-bottom: 3px;
	
       text-align: center;
       clear:both;
       color: #FFFFFF;
	background: #FF6633;
	
       padding: 0.5em 0;
       border-radius         : 0.3em;
       -webkit-border-radius : 0.3em;
       -moz-border-radius    : 0.3em;
       -webkit-appearance: none;
       border: 0;

       display: inline-block;
       line-height: 1.1;
       width: 100%;

}

.css3button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.css3button2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #050505;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ffcc00 0%,
		#ff6600);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ffcc00),
		to(#ff6600));
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	border: 5px solid #000000;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		inset 0px 0px 1px rgba(255,255,255,0.7);
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.4),
		0px 1px 0px rgba(255,255,255,0.3);
  display: inline-block;
  text-align: center;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  font-size: 22px;
  color: #FFFFFF;
}

.css3button2 strong {
  letter-spacing: 1px;
  font-size: 22px;
}

/*---------------画像---------------*/
img.main{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}


img.main2{
margin:10px auto 10px auto;padding:0;
text-align:center;
border:solid 1px #ccc;
display:block;
width:167px;
padding:0px;
}

img.main3{
margin:10px auto 10px auto;padding:0;
text-align:center;
border:solid 1px #ccc;
display:block;
width:240px;
padding:0px;
}

img.thumb{
	margin-right: 5px;
	float: left;
}

/*---------------ヘッダ・フッタ---------------*/
#header {
	display: block;
	padding: 5px;
	background-color: #ffffff;
}

#header a {
	display: block;
}

#header img {
	display: block;
	vertical-align: middle;
}

/*----- フッター -----*/
div#footer, footer {
    background-color: #E5E5E5;
    color: #000;
    text-align:center;
    line-height:20px;
    padding: 0.7em;
}

div#footer > p ,footer > p {
	margin: 0;
	padding: 0;
	font-size: 92%;
}

/*---------------文字装飾---------------*/
span.red{
	color: #ff0000;
	font-weight: bold;
}
span.tri{
	color: #536ce8;
}
span.green{
	color: #009900;
	font-size: 86%;
}

span.s{
	font-size: 60%;
	vertical-align: top;
}


.xs { font-size: xx-small } /* 小2 */
.xm { font-size: x-small }  /* 小1 */
.sm { font-size: small }    /* 小 */
.md { font-size: medium }   /* 標準 */
.la { font-size: large }    /* 大 */
.xr { font-size: x-large }  /* 大1 */
.xl { font-size: xx-large } /* 大2 */
.sr { font-size: smaller }  /* 一段階小さい */
.lr { font-size: larger }   /* 一段階大きい */
.pt { font-size: 10pt }     /* 10pt */
.px { font-size: 20px }     /* 20px */
.pe { font-size: 200% }     /* 200% */

/*---------------おすすめ機能---------------*/
aside {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*---------------noscript---------------*/
.noscriptButton img {
	display: block;
	margin: auto;
	text-align: center;
}

/*---------無料登録のみのボタン---------*/
.freeButton img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	text-align: center;
}

div.ad{
display:block;
margin:0 auto;
text-align:center;
}

/*---------NEXTチケット追加ボタン---------*/

.shiny-button {
  display: inline-block;
  text-align: center;
  border-width: 1px;
  border-style: solid;
  text-transform: uppercase;
  text-decoration: none;
  line-height: 1.1;
  font-weight: normal;
  font-family: sans-serif;
  color: #FFFFFF;
  font-size: 22px;
  background-color: #D100D1;
  background-image: -webkit-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: -moz-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: -o-linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  background-image: linear-gradient(top, #d600d6 0%, #e119e1 48%, #D100D1 49%, #D100D1 82%, #ed00ed 100%);
  border-color: hsl(300, 40%, 41%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff1eff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #6b006b;
  -moz-text-shadow: 1px 1px 1px #6b006b;
  -o-text-shadow: 1px 1px 1px #6b006b;
  text-shadow: 1px 1px 1px #6b006b;
  -webkit-border-radius: 19px;
  -moz-border-radius: 19px;
  border-radius: 19px;
  padding: 13.200000000000001px 33px 13.200000000000001px 33px;
}

.shiny-button strong {
  letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #e000e0;
  background-image: -webkit-linear-gradient(top, #e500e5 0%, #e622e6 48%, #e000e0 49%, #e000e0 82%, #fc00fc 100%);
  background-image: -moz-linear-gradient(top, #e500e5 0%, #e622e6 48%, #e000e0 49%, #e000e0 82%, #fc00fc 100%);
  background-image: -o-linear-gradient(top, #e500e5 0%, #e622e6 48%, #e000e0 49%, #e000e0 82%, #fc00fc 100%);
  background-image: linear-gradient(top, #e500e5 0%, #e622e6 48%, #e000e0 49%, #e000e0 82%, #fc00fc 100%);
  border-color: hsl(300, 41%, 44%);
  -webkit-box-shadow: inset 0 0 1px 1px #ff28ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 0 1px 1px #ff28ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 1px 1px #ff28ff, 0 0 1px 3px rgba(0, 0, 0, 0.15);
  -webkit-text-shadow: 1px 1px 1px #7a007a;
  -moz-text-shadow: 1px 1px 1px #7a007a;
  -o-text-shadow: 1px 1px 1px #7a007a;
  text-shadow: 1px 1px 1px #7a007a;
}

.shiny-button:active {
  color: #FFFFFF;
  background-color: #c200c2;
  background-image: -webkit-linear-gradient(top, #b800b8 0%, #D100D1 100%);
  background-image: -moz-linear-gradient(top, #b800b8 0%, #D100D1 100%);
  background-image: -o-linear-gradient(top, #b800b8 0%, #D100D1 100%);
  background-image: linear-gradient(top, #b800b8 0%, #D100D1 100%);
  padding: 14.200000000000001px 33px 12.200000000000001px 33px;
}

div.about1{
    margin: 1em 0.5em;
} 

table.sample{
    border-top:1px solid #663300;
    border-left:1px solid #663300;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#ffffff;
    empty-cells:show;
}
.sample th{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    color:#330000;
    background-color:#996633;
    background-image:url(../img/table-back.gif);
    background-position:left top;
    padding:0.3em 1em;
    text-align:center;
}

.sample td{
    border-right:1px solid #663300;
    border-bottom:1px solid #663300;
    padding:0.3em 1em;
}


.ad{
display:block;
margin:0 auto;
text-align:center;
}

.seasonTable{
 width:100%;
}
.seasonTable th{
 background-color:#989898;
 border:1px solid #989898;
 color:#ffffff;
}
.seasonTable td{
 padding:2px;
}
span.season{ color:#008000; }
span.caution{ color:#ff0000; }
span.warning{ color:#ff6600; }


/* links, links2 */

.links ul,
.links2 ul{
    margin:0px;
    padding: 0px;
    width:100%;
    border-top: 1px solid #D3D3D3;
    /*line-height:2.0em;*/
}

.links li, .links2 li{
     line-height:1.8em;
     list-style: none;
     border-bottom: 1px solid #D3D3D3;
}

.links li { width: 100%;}
.links2 li {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.links2 li:nth-child(2n+1){
    border-right: 1px solid #D3D3D3;
}

.links li a,
.links2 li a{
     display: block;
     color: #000000;
     padding:0.8em 0.5em;
     position: relative;
}

.links li a span { 
    width: 97%;
    display:inline-block;
}

.links li span.text {
     display: block;
     color: #000000;
     line-height:1.0em;
     padding:10px 3px 10px 10px;
 }

.links ul li a::after,
.links2 ul li a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

	.area {
		/* boxレイアウトの指定 */
		display: box;
		display: -webkit-box;
		display: -moz-box;
width:100%;
		/* 配置したボックスを左右中央寄せにする */
		box-pack: center;
		-webkit-box-pack: center;
		-moz-box-pack: center;

		border: 0px solid #ccc;
		border-radius: 10px;
	}


.padding05em,
.textbox {
    color: #fff;
    background-color: #000;
    text-decoration: none;
padding:10px;
}
		/* マイメニュー解除のボタンなどのサイズ調整 */

input, select { font-size: 135%; }input[type="radio"] { height: 30px; width: 30px; vertical-align:middle; }input[type="checkbox"] { height: 30px; width: 30px; vertical-align:middle; }

img.emoji { 
height:1.5em; width:1.5em; vertical-align: middle; border:0; margin-right: 0.3em;
float:left; }


img.main{
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
}

.main {
	text-align: center;
margin: 20px;

}
.centerbutton a,
.centerbutton3 {
    margin: 0.1em 0;
    text-align: center;
    clear:both;
    color: #fff;
    background: #FF6633;
    padding: 0.5em 0.5em;
	font-weight: bold;

    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
    border: 0;
text-decoration: none;
    font-size: 20px;

}


.centerbutton a,
.centerbutton input[type="submit"], .centerbutton input[type="button"],
.centerbutton3 input[type="submit"], .centerbutton3 input[type="button"],
.inlinebutton2 input[type="submit"], .inlinebutton2 input[type="button"] {
    padding: 0.5em 0.5em;
	font-weight: bold;

    border-radius         : 0.3em;
    -webkit-border-radius : 0.3em;
    -moz-border-radius    : 0.3em;
    -webkit-appearance: none;
    border: 0;
}
.centerbutton a,
.centerbutton input[type="submit"],
.centerbutton input[type="button"] {
    color: #fff;
    background: #FF6633;
padding:10;
}

.centerbutton a:hover,
.centerbutton input[type="submit"]:hover,
.centerbutton input[type="button"]:hover {
    background: #dc5033;
}

.centerbutton2 input[type="submit"],
.centerbutton2 input[type="button"] {
    padding: 0.4em 0;
    background: #fff;
    border: solid 1px #000;
}

.centerbutton3 input[type="submit"], .centerbutton3 input[type="button"],
.inlinebutton2 input[type="submit"], .inlinebutton2 input[type="button"]{
    color: #fff;
    background: #000;
}

.centerbutton3 input[type="submit"]:hover, .centerbutton3 input[type="button"]:hover,
.inlinebutton2 input[type="submit"]:hover, .inlinebutton2 input[type="button"]:hover{
    background: #333333;
}


.tinfobutton,
.srchnodesbutton{
    width: 95%;
    margin: 0.5em auto;
    border: 1px solid #000;
    text-align: center;
}

.tinfobutton a,
.srchnodesbutton a{
    display: block;
    padding: 0.5em;
    color: #000;
    text-decoration: none;
    position: relative;
}

.tinfobutton a span,
.srchnodesbutton a span { 
    width: 97%;
    display:inline-block;
}

.tinfobutton a::after,
.srchnodesbutton a::after {
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    content: '';
    width: 0.5em;
    height: 0.5em;
    margin-top: -4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.main2 {
	text-align: center;
margin: 5px;
font-size: 10px;


}