@charset "utf-8";
/* ----------- /共通部分 ----------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, dl, dt, dd, ol, ul, li, form, label, table, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  line-height: 150%;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  font-family: 'YuGothic', 'Yu Gothic', '游ゴシック', '游ゴシック体',"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  list-style: none;
}
body {
  text-align: center;
  margin: 0 auto;
}
.pc{
  display: block;
}
.sp{
  display: none;
}
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
#outline{
  text-align: center;
  margin: 0 auto;
  width: 970px;
}
h1{
  margin: 0 auto;
  font-size: 12px;
}
#maincopy{
  background: #cc0000;
  height: 54px;
  width: 100%;
  padding: 1px 0 0 0;
  margin: 3px auto;
  text-align: center;
}
#maincopy img{
  margin: 5px auto;
  text-align: center;
}
h2 {
  background: url(img/dot_gray.png);
  border-top: 3px solid #cc0033;
  border-bottom: 1px solid #cccccc;
  margin: 0 0 20px;
  height: 45px;
  padding: 10px 0 0 0;
}
.wap .tel_box{
  float: left;
  width: 510px;
  margin: 20px 0 0 0;
  background: url(img/tel_ph.png) right bottom no-repeat;
  text-align: left;
  height: 240px;
}
.wap .tel_box h2 {
  font-size: 22px;
  text-align: center;
}
.wap .tel_box .tel_time{
  margin: 30px 0 0 20px;
}
.wap .tel_box .tel_no{
  margin: 25px 0 0 20px;
}
.wap .reserv_box{
  float: right;
  width: 440px;
  margin: 20px 0 0 0;
}
.wap .reserv_box h2 {
  font-size: 20px;
  text-align: center;
  margin-bottom: 12px;
}
.wap .reserv_box .reserv_ph{
  margin: 0;
}

.staff{
  margin: 5px 0 0 0;
}
.staff h2 {
  font-size: 22px;
  text-align: left;
  padding-left: 40px;
  font-weight: bold;
  color: #000099;
}
.staff .staff_ph{
  float: right;
  margin: 0 30px 0 0;
}
.staff .text{
  margin: 20px 0 0 40px;
  text-align: left;
  font-size: 16px;
  line-height: 150%;
}
.staff .text h3{
  color: #000099;
  font-size: 16px;
  font-weight: bold;
}

.qa{
  margin: 10px 0 0 0;
}
.qa h2 {
  font-size: 22px;
  text-align: left;
  padding-left: 40px;
  font-weight: bold;
  color: #000099;
}
.qa dl{
  text-align: left;
  margin: 0 0 0 60px;
}
.qa dl dt{
  background: url(img/qa_q.png) left center no-repeat;
  padding: 5px 10px 5px 40px;
}
.qa dl dd{
  background: url(img/qa_a.png) left 10px no-repeat;
  padding: 5px 50px 5px 25px;
  margin: 0 0 20px 50px;
}



#Header{
background:#FFFFFF;
width:960px;
margin:20px auto 20px;}
	#Header .Tag{
	margin-bottom:5px;
	font-size:12px;}

	#Header:after{
	content:"";
	clear:both;
	display:table;}

	#Header .Left{
	width:350px;
	float:left;
	text-align:left;
	}

	#Header .Right{
	width:calc(100% - 350px);
	float:right;}
		
/*	#Header .Right .ColLeft{ width:102px; float:left;}
	#Header .ColCenter{ float:left; width:166px; margin-left:10px;}
	#Header .ColCenter p { margin-bottom:9px;}
	#Header .ColRight{ margin-left:10px; float:left;}*/
		
	#Header .Right h1{ font-size:0.875rem;}
	#Header .Right .ThinLink{ text-align:right; margin-bottom:10px}
		#Header .Right .ThinLink li{ display:inline-block; margin-left:15px;font-size: 14px;}
		#Header .Right .ThinLink li a{ background:url(img/arrow1.png) no-repeat center left; padding-left:20px;}
		#Header  a{color: #666666;}
		#Header a:hover {
    text-decoration: none;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
	
		#Header .Right .Time{ text-align:right;}
		#Header .Right .Time li{ display:inline-block; margin-right:14px; vertical-align:top; display:inline-block;font-size: 14px;}	
		#Header .Right .Time ul:after{ content:""; clear:left; display:table;}
		#Header .Right .Time li:last-of-type{ margin:0 0 0; padding-left:15px; border-left:1px solid #cbcbcb;}
		#Header .Right .Time li:last-of-type a:first-child{ display:block; background:#cc0033 url(img/icon_webroom.png) no-repeat 5px center; background-size:16px 18px; color:#FFF; font-weight:bold; padding:2px 5px 2px 25px;}
		#Header .Right .Time .Online a:last-of-type{ text-decoration:underline;}
		
	#Header .Right p{ text-align:right;}
	
		#Header .Right .ColRight{
		float:left;}
		#Header .Right:after{
		content:"";
		clear:left;
		display:table;}

#SpMenu{
display:none;}
#Navigation{
width:100%;
border-bottom:2px solid #cc0033;}

	#Navigation .OpenBtn{
	display:none;}

	#Navigation:after{
	content:"";
	display:table;
	clear:left;}

	#Navigation ul{
	width:960px;
	margin:0 auto;
	border-left:1px solid #c9c9c9;
	display:table;}
	
	#Navigation ul li{
	text-align:center;
	vertical-align:middle;
	display:table-cell;
	vertical-align:middle;
	width:239px;
	border-right:1px solid #c9c9c9;
	font-size: 14px;}
	
	#Navigation ul li.Active{
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #fedce0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #fedce0));
	background: -webkit-linear-gradient(top, #ffffff 0%, #fedce0 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #fedce0 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #fedce0 100%);
	background: linear-gradient(top, #ffffff 0%, #fedce0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#fedce0", GradientType=0);}
	
	
	#Navigation ul li a{
	margin:0;
	padding:10px 0;
	color:#555555;
	display:block;}
	#Navigation ul li a:hover{
		text-decoration:none;}
	

.ToTop{
width:980px;
text-align:right;
margin:0 auto;}

.ToTop a{
background:url(img/totop.png) no-repeat;
width:129px;
height:30px;
display:inline-block;
text-indent:-9999px;
text-align:left;}

.ToTop:after{
content:"";
clear:both;
display:table;}


#Footer{
background:#efeeee;
padding:20px 0 50px;
border:1px solid #ffffff;
outline:1px solid #dfdfdf;
font-size:0.8em;}

	#Footer .Layout{
	width:980px;
	margin:0 auto;}

		#Footer .Layout ul{
		display:block;
		margin-bottom:40px;
		text-align:center;
		text-align:left;}
		#Footer .Layout ul li{
		display:inline-block;
		text-align:left;
		margin:0 20px 0 0;}
		#Footer .Layout ul li a{
		color:#333333;
		padding-left:1.2em;
		background:url(img/icon_arrow.png) no-repeat left center;
		padding-left:20px;
		font-size: 11px;
}
		
	#Footer .Left{
	width:350px;
	float:left;
	text-align: left;
	}
		#Footer .Left img{
		margin-bottom:10px;}

	#Footer .Left p.Copy{
		font-size: 11px;
	}
	#Footer .Right{
	width:610px;
	float:right;
	font-size: 11px;
	}
	
	#Footer .Right .Tokyo{
	float:left;
	width:305px;
	padding-right:0;
	border-right:1px solid #c9c9c9;
	text-align: left;
	}
	#Footer .Right .Osaka{
	float:left;
	width:285px;
	margin-left:19px;
	text-align: left;
	}
	#Footer .Right img{
	margin-bottom:10px;}


	#Footer:after{
	content:"";
	clear:both;
	display:table;}
	
	#Footer .Layout ul:after{ content:""; display:table; clear:both; }
#Footer .Layout ul li.Facebook{ float:right;}
#Footer .Layout ul li.Facebook a{ background:none;}
#Footer .Layout ul li.Facebook a img{ width:28px;}

#Footer .Tel span{ display:inline-block; vertical-align:middle; margin-right:5px}
#Footer .Tel .Area{ border:1px solid #cc0033; padding:2px 5px; color:#cc0033; display:inline-block; background:#FFF; font-weight:bold;}
#Footer .Tel a{ font-size:1.4rem; font-weight:bold; color:#cc0033; text-decoration:none;}

@media only screen and (max-width:767px){
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  #outline{
    width: 100%;
  }
h2{
  height: 40px;
}
#main img, #maincopy img{
  width: 100%;
}
#main{
  margin-bottom: 10px;
}
.wap .tel_box{
  float: none;
  width: 100%;
  background: url(img/tel_ph_sp.png) right bottom no-repeat;
  height: 200px;
}
.wap .tel_box h2 {
    font-size: 18px;
}
.wap .tel_box .tel_time img{
  width: 70%;
}
.wap .tel_box .tel_no img{
  width: 70%;
}
.wap .tel_box .tel_time {
    margin: 20px 0 0 20px;
}
.wap .tel_box .tel_no {
    margin: 15px 0 0 20px;
}
.wap .reserv_box{
  float: none;
  width: 100%;
}
.wap .reserv_box h2 {
    font-size: 18px;
}
.staff h2 {
    font-size: 20px;
}
.staff .staff_ph {
    float: none;
    margin: 0;
}
.staff .staff_ph {
    float: none;
}
.staff .text {
    margin: 10px 20px 20px 20px;
    font-size: 15px;
}
.qa dl {
    margin: 0 0 0 20px;
}
.qa dl dd {
    margin: 0 0 20px 15px;
}


#Header{ width:95%; padding:0 10px;}
#Header .Left{ width:55%;}
#Header .Left img{ max-width:100%;}
#Header .Right{ display:none;}
#SpMenu{ display:block; position: absolute; right:0; top:30px;}
#SpMenu ul li { display:block; float:left; margin-right:10px;}
#SpMenu ul li a{ display:block; width:40px; height:40px; color:transparent; border-radius:5px;}
#SpMenu ul li.Access a{ background:#cc0033 url(img/spmenu_access.png) no-repeat center center; background-size:24px 26px;}
#SpMenu ul li.Menu a{ background:#cc0033 url(img/spmenu_menu.png) no-repeat center center; background-size:24px 26px;}

#Navigation{ display:none; width:100%; background:none; border-bottom:0;}
#Navigation ul{ width:100%;}
#Navigation ul li{ float:none; display:block; width:100%;}
#Navigation ul li a{ color:#ffffff; background:#cc0033 url(img/arrow_box_white.png) no-repeat 10px center; background-size:11px 11px; text-align:left; padding:15px 15px 15px 30px; border-bottom:1px solid #ffffff;}

.ToTop{ width:100%; margin-top:40px;}
.ToTop a{ margin-right:10px;}
#Footer{ width:100%; padding:0 0px; border-top:1px solid #bcbcbc; outline:none;}
#Footer .Layout{ width:100%;}
#Footer .Layout ul{ margin-bottom:20px;}
#Footer .Layout ul:after{ content:""; clear:left; display:table;}
#Footer .Layout ul li{ width:100%; float:none; border-bottom:1px solid #bcbcbc; margin:0;}
#Footer .Layout ul li a{ display:block; padding:15px 0px 15px 30px; font-size:0.875rem; background-position:15px center;}
#Footer .Layout ul li:nth-child(even){ border-right:none;}
#Footer .Layout ul li.Facebook{ width:auto; display:inline-block; float:left; border:none; margin:20px ;}
#Footer .Layout ul li.Facebook a{ padding:0;}
#Footer .Layout ul li.Facebook a img{ width:40px;}

#Footer .Right{ width:100%; margin-bottom:30px;}
#Footer .Right .Tokyo{ width:90%; border:none; border-top:1px solid #bcbcbc; border-bottom:1px solid #bcbcbc; margin-bottom:20px; padding:20px;}
#Footer .Right .Tokyo p{ margin-bottom:0;}
#Footer .Right .Osaka{ width:90%; padding:0px 20px 20px; margin-left:0;border-bottom:1px solid #bcbcbc; }
#Footer .Right .Osaka p{ margin-bottom:0;} 

#Footer .Left{ width:100%; text-align:center;}
#Footer p.Copy{ font-size:0.6rem}



}