?@CHARSET "UTF-8";

* { padding: 0; margin: 0; }
img { border:0 none; }
a:link {color:#000099; text-decoration:underline;}
a:visited {color:#000099; text-decoration:underline;}
a:hover {color:#ff0000; text-decoration:underline;}

/* ---------------------------------------- フォントスタイル フォントサイズ */
body { text-align: center; padding: 0; margin: 0; background-color:#eeeeee; }
/* ---------------------------------------- レイアウトに関する指定 */
#wrapper { text-align: center;
width:900px;
background-color:#ffffff;
margin:0px auto; }
@media (max-width: 767px) {
#wrapper { text-align: center;max-width:100%;}
}
/* ---------------------------------------- ページのTOPに戻る */
.pagetop { text-align: right; }
/* ---------------------------------------- 見出し */
h1 { font-size:150%; font-weight:normal; font-family: "HGP創英角ｺﾞｼｯｸUB", sans-serif, monospace, ; font-style:italic;  margin: 0px; padding:0px; float:left; }
h2 { font-size:1em; color:#000000; font-weight: strong; margin: 0px 0px;background-image:url("../user/gray_bg.gif");border:solid 1px #C0C0C0; padding: 5px; line-height:1; margin: 16px auto; }
h3 { font-size:1em; color:#000080; margin: 0px 0px;background-image:url("http://www.kakuyasu-ticket.com/pic/gray_bg.gif");border:solid 1px #C0C0C0; padding: 5px; line-height:1; margin: 16px auto; }
h4 { font-size:1em; color:#0000cc; font-weight: 600; margin: 0px 0px;}
h5 { font-size:0.7em; color:#808080; font-weight: normal; margin: 0px 0px;}

#main_contents { line-height: 1.4em;
padding: 0 2em;
margin: 0 auto; }
#main_contents p{ margin-bottom:15px; }

/* 閉店中の表示ページ */
#main .close_info{
    font-size: 1.2em;
    margin: 20px;
}

/* ---------------------------------------- 共通ページ */
#layouttable { width:900px; margin:0 auto; text-align:left; background-color:#ffffff;}
@media only screen and (max-width: 750px) {
#layouttable { max-width:100%; font-size: 0.9em;background-color:#ffffff; }
}




/* キャンセル料のページ */
.cancel_tbl { border:1px solid #cfcfcf; border-collapse:collapse; text-align:center; }
.cancel_tbl th { background-color:#F0F8FF; border:1px solid #cfcfcf; color:#333333; line-height:1.5em; padding:3px; text-align:center; }
.cancel_tbl td { border:1px solid #cfcfcf; line-height:1.5em; padding:3px; text-align:left; }
.cancel_tbl2 { border-collapse:collapse; text-align:left; padding:10px; }
.cancel_tbl2 td { line-height:1.5em; padding:8px; text-align:left; }
.td_red { background-color:#FDE2FE; text-align:center; }
.td_yellow { background-color:#FFFEC8; text-align:center; }
.td_green { background-color:#DCFCCB; text-align:center; }
.td_blue { background-color:#E0F1FE; text-align:center; }
.fntcolrRed { color:#990000; }

/* チケットレスサービス */
div.waku_b { padding:10px; margin:10px 50px 10px 50px; border-color:#669999; border-width:1px; border-style:dashed; }
div.waku_b p {color:#666666; font-size: 18px; padding-left: 15px; font-weight:bold; }
.ana { color:#1177a3; }
.jal { color:#cc3468; }
.sfj { color:#000000; }
.forgetnumber { background-color:#F0F0F0; border:1px solid #999999; margin:10px 50px 10px 50px; padding:5px; }

ckground-color:#F0F0F0; border:1px solid #999999; margin:10px 50px 10px 50px; padding:5px; }

/* その他CSS */
.basic { color:#000000; font-weight: normal; margin: 0px 0px; font-size:80%; }
.red { color:#ff0000; font-weight: normal; }
.bold { font-weight: bold; }
.b_red { color:#ff0000; font-weight: bold; }
.right { text-align:right; }
.left { text-align:left; }
.center { font-weight: normal; text-align:center; }
.uptitle { font-size:80%; line-height:1em; font-weight: normal; text-align: right; color:#c0c0c0; }
.f_right { float:right; width:50% ;text-align:center; padding-top:10px; }
.f_left { float:left; width:50% ;text-align:center; }
.underline { text-decoration:underline; }
.vtop { vertical-align:top; }
.vmid { vertical-align:middle; }
.vbtm { vertical-align:bottom; }
.strong { font-size:80%; font-weight: 600; margin: 0px 0px; }
.strong_five { font-size:80%; font-weight: 500; margin: 0px 0px; }
ul.none_ul { list-style-type:none; }
table { border-collapse:collapse; border-spacing:0; empty-cells:show; } 

/* ==========::ヘッダー部分::========== */

#head_line{ height: 6px;  }
#head_line img{ vertical-align: top; }
#body_div{ text-align:center; }

#top_line{ width:100%; border-width:0 0 1px 0; border-style:solid; border-color:#cccccc; background-color:#f2f2f2; } 
#top_title{ text-align:right; font-size:70%; color:#808080; margin:0 auto; width: 100%; white-space:nowrap; }

div#header{ width: 900px; margin: 0 auto; text-align:left; }
@media only screen and (max-width: 750px) {
div#header{ 	max-width:100%; margin: 0 0; }
}

div#headersideAwidth{ max-width:100%;}
@media (min-width: 768px) {
	/* PCのみ適用 */
	div#headersideA{ width: 900px; margin: 5px 0; }
}

/* パソコンで見たときは"logo"のclassがついた画像が表示される */
.logo { display: block !important; }
.logo_s { display: none !important; }
/* スマートフォンで見たときは"logo_s"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.logo { display: none !important; }
.logo_s { display: block !important; margin-left:80px; margin-top:5px;}
}

.tel{float:right; margin-top:5px;}
@media (max-width: 767px) {
.tel{	clear:both; float:left; margin:10px 2px;}
}

/* パソコンで見たときは"tel"のclassがついた画像が表示される */
.tel { display: block !important; }
.tel_s { display: none !important; }
/* スマートフォンで見たときは"tel_s"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
	.tel { display: none !important; }
	.tel_s { display: block !important; clear:both; margin-left:80px; padding-top:10px;}
}

div#head_con{  }
div#headersideB{ display: none; }
div#headersideC{ max-width: 100%; margin-top: -8px; clear:both; }

div#top_line_bottom { height: 7px; }
div#top_line_bottom img { vertical-align: top; }
@media (min-width: 768px) {
	#top_title{ 900px; }	
	div#header{ width: 900px; margin: 0 auto; text-align:left; }
	div#headersideA{ float: left; width: 900px; margin:13px 0 5px 0; }
	div#head_con{ width: 590px; position:relative; float: right;  }
	div#headersideB{ display: block; float: left; width: 230px; margin:20px 0 0; }
	div#headersideC{ position:relative; float: right; width: 100%; }

}

.orange_bar{ margin:0; padding:0; }
.topmeneu{ font-size:13px; text-align:right; margin-bottom:3px; } 

#search_wrap{ text-align:center; margin:1px auto 0px auto; height:27px; width:100%; }
#search_con{ position:relative; margin:0 auto; height:25px; width:860px; }
#osusume{ font-size:13px; float:left; text-align:left; margin:0 auto; width:480px; padding:5px 0 0 30px; }
#search{ float:right; margin:0; padding:0 5px 0 5px; height:25px; widht:200px; text-align:right; white-space:nowrap; }


/* ==========::TOP 検索部分::========== */

#sitetop{
	background-image:url(../user/content_s01.jpg);
	background-repeat: no-repeat;
	background-size:100% auto;
} 

@media only screen and (max-width: 767px){
	/* タブレットじゃなくなったら適用 */
#sitetop #search-area { 
	max-width:100%; 
	height:auto;
	padding: 80px 5px 5px 10px;
}
	#sitetop .row{ 
	width:90%; 
		widht:340px; 
		height:250px; 
		padding: 30px 0px 0px 30px;
}
}
@media (min-width: 768px) {
	/* PCのみ適用 */
	#sitetop{
		background-image:url(../user/content.jpg);
		width: 900px;
		height:504px;
	}
	#sitetop #search-area { 
		width: 900px;
		height:504px;
		padding: 0;
	}
	#sitetop .row{ 
		widht:340px; 
		height:340px; 
		padding: 100px 0px 0px 60px;
	}
}

.com-label{
	float:left;
	width:60%;
	border:dotted #036 1px;
}
@media (min-width: 768px) {
	/* PCのみ適用 */
	#sitetop .col-md-4 {
		clear:both !important;
		margin-top:20px ;
	}
	#sitetop .input-group{
		margin-top:10px ;
	}
	#content_s03{
		display: none;
	}
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
#content_s03{ max-width: 100%; 
border:#036 dotted 1px;
}
#content_s03　img{ max-width: 100%; 
}
}
	.com-label{
		float: none;
		width: 100%;
	}
}


/* ==========::TOP 取扱い::========== */
#toriatukai{
	border:#3f62d5 solid 1px;
	width:870px;
	height:180px;
	margin:25px auto 10px auto ;
}
@media (max-width: 767px) {
	#toriatukai{
		border:#3f62d5 solid 1px;
		width:95%;
		height:auto;
		margin:30px auto 1px auto ;
		overflow: hidden;
	}
	#toriatukai p img{
		width:50%;
	}
}

#toriatukai p{
float:left;
margin:7px 10px;
}
#toriatukai ul{
float:right;
width:670px;
}

#toriatukai li{
float:left;
margin:5px 10px;
list-style-type: none;
}

/* ==========::決済方法::========== */
#top_kessai{
	width:97%;
	margin:25px auto;
}
#top_kessai p{
	border-top:#fdb840 double 7px;
	border-bottom:#fdb840 double 7px;
text-align:center; 
}
#top_kessai ul{
padding-left:40px;
}
#top_kessai dl{
	border:#fdb840 solid 1px;
	width:28%;
	float:left;
	margin:5px 15px 5px 25px;
}
#top_kessai dt{
color:#ffffff;
background-color:#ff6600;
text-align:center; 
font-size:18px;
padding:5px;
}
#top_kessai dd{
text-align:center; 
}

@media (max-width: 767px) {
#toriatukai p{
float:left;
margin:5px 10px;
width:20%;
}
#toriatukai p img{
width:100%;
}
#toriatukai ul{
float:right;
width:70%;
margin-top:3px;
}
#toriatukai li{
display: inline-block;
margin:1px 1px;
list-style-type: none;
width:30%;
}
#toriatukai li img{
width:100%;
}
#top_kessai ul{
padding-left:25px;
}
#top_kessai dl{
	border:#fdb840 solid 1px;
	width:30%;
	float:left;
	margin:5px 5px;
}
#top_kessai dt{
color:#ffffff;
background-color:#ff6600;
text-align:center; 
font-size:13px;
padding:0px;
}
}

/* ==========::リニューアルTODAYの部分::========== */
.bar{ clear:both; position:relative }
div#renew{ clear:both; position:relative; width: 100%; height:25px; padding-top:0; padding-bottom:0; }
div#last_left{ position:absolute; top:0; left:0; width:10%; height:25px; }
div#last_center{ position:relative; width:80%; height:25px; margin-left:auto; margin-right:auto; }
div#last_right{ position:absolute; top:0; right:0; width:10%; height:25px; }

/* ==========::フッターの部分::========== */
div#footer{ height:auto; line-height:26px; width: 100%; margin: 0 auto; background-image:url('../user/orange_foot.gif'); } 
#foot{ line-height:1.4em; font-size:75%; color:#666666; vertical-align: baseline ;  text-align:center;}
#footer_link { text-align:left; width:100%; margin:8px auto; font-size:0.8em; line-height: 2em; }
#footer_link p { margin:0; }
@media (min-width: 768px) {
	div#footer{ height:26px; line-height:26px; width: 100%; margin: 0 auto; background-image:url('../user/orange_foot.gif'); } 
	#foot{ line-height:1.4em; font-size:80%; color:#666666; vertical-align: baseline ; }
	#footer_link { width: 900px; }
	#footer_link p { margin: 0; }
}
/* ==========::on_menu の部分::========== */
#on_menu { display: none; clear:both; padding-top:10px;}
@media (min-width: 768px) {
	#on_menu { display: block; width: 900px; font-size:13px; height: 4.5em; position: relative; font-weight: bold; margin: 20px auto 20px; padding: 5px auto; }
	#on_menu ul { width: 900px; position: relative; top: 5px; }
	#on_menu ul li { list-style-type: none; float: left; }
	#on_menu ul li a { width: 180px; display: block; text-align: center; height: 39px; line-height: 36px; color: #666666; text-decoration: none;background-image:url(../user//navi.jpg);
	background-repeat: no-repeat; background-position:top; }
	#on_menu ul li a:hover { background-image:url(../user/navi_.jpg); color:#335a00;} 
	/* delete left-border only with "home" */
	#on_menu ul li#n-home a { border-left-style: none; border-left-width: 0px; }

	/* auto nav w/css signature */
	#home #on_menu #n-home a,
	#procedure #on_menu #n-procedure a,
	#cancel #on_menu #n-cancel a,
	#contact #on_menu #n-contact a,
	#profile #on_menu #n-profile a { color: #666666; background-color: #E6E6FA; }
}

/* スマホ用ナビ */
.navbar-nav { margin: 7.5px -15px 10px; font-size:1.2em; }
.navbar-default { background-color: #f8f8ff; color: #FFFFFF; border: none ; }
.navbar-collapse li{ font-size: 15px; font-weight: bold; text-align: center; }
.navbar-default .navbar-nav > li > a{ color: #666666; border-bottom: 3px double #999999; }
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus{ color: #666666; }
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus{ background-color: #adff2f; color: #666666; }
.navbar-toggle { background-color: #66cc00; border: 1px solid #336666; }
.navbar-default .navbar-toggle { border-color: #999999; }
.navbar-default .navbar-toggle .icon-bar { background-color: #FFFFFF; }
.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus { background-color: #adff2f; }
@media (min-width: 768px) {
	.navbar { display: none; }
}

/* PRエリア*/
.pr-area { font-size:0.95em; margin-bottom:10px; }
.pr-area02 { margin-bottom:20px; }
.prbnr{ display: inline-block; vertical-align: top; width: 240px; }
.prbnr02{ display: inline-block; vertical-align: top; width: 120px; }

@media only screen and (max-width: 767px;){
#wrapper { 
width:767px;
background-color:#ffffff;
margin:0px auto; }
}