@charset "utf-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
body, html{height: 100%;}/**/
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#0064FF;text-decoration:none;	-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#0064FF;}
a:visited{color:#0064FF;}
a:hover{color:#6492D8;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;}
.clrfx:after {clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{	filter: alpha(opacity=60);	opacity: 0.6;}
.opcity{filter: alpha(opacity=50);opacity: 0.5;}
/*@media only screen and (max-width: 479px) {
	.fl,.fr {float: none;}
}*/
/* Common
 * --------------------------------------------------------*/
body {
	letter-spacing: 1px;
	font-family: 'リュウミン M-KL';
	background: #fff;
}
#p_detail #wrapper {
	margin: 0 auto;
	text-align: center;
	font-family: 'リュウミン M-KL';
	border:none;
}

/* Each
 * --------------------------------------------------------*/
/* header */
.yok_head{
	margin-top:-20px;
	overflow:hidden;
}
.yok_logo{
	margin:0px 0 15px 0;
	float:left;
}
.hobo{
	margin-top:30px;
	text-align:right;
}
#header {
	position: relative;
	background-size:cover;
  	background-position: top center;
	background-image:url(/store/teatable/yokoku/images/bg_pc.jpg);
	height: 100% !important;
	text-align: center;
}

#header h1{
	padding-top: 30px;
	
}
#header h2{
	padding: 0 0 180px 55px;
}
#header .btm{
	position: absolute;
	bottom:15px;
	margin: 0 auto;
    width: 100%;
    text-align: center;
}
/* header
 * --------------------------------------------------------*/
/* detail */
#detail{
	width:1000px;
	margin:0 auto;
	padding:60px 50px 50px;
	overflow:hidden;
}
#detail .text .midashi{
	color:#518BB3;
	font-size:20px;
	line-height:2em;
	margin-bottom:40px;
}
#detail .text{
	float:left;
	color: #3E3A39;
	font-size:16px;
	line-height:2em;
	background-color:#fff;
	text-align:left;
	margin-bottom:50px;
}
/* detail
 * --------------------------------------------------------*/
/* navi */
#navi{
	clear:both;
}
#navi ul{
	width:1000px;
	margin:0 auto;
	padding:30px 0;
	text-align:left;
}
#navi li{
	font-size:20px;
}

/* navi
 * --------------------------------------------------------*/
/* info */
.info{
	border-top:solid 1px #3E3A39;
	clear:both;
	width:1000px;
	margin-top:50px;
	padding:50px 0 20px;
	text-align:left;
}
.info p{
	font-size:16px;
	line-height:1.8em;
	margin-bottom:14px;
}
.info .smallmidashi{
	font-size:18px;
	color:#518BB3;
	margin-bottom:0;
}
/*　リンク　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
.hoverOp:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
a:link {
	color:#0483E3;
	text-decoration: none;
}
a:visited {
	color:#0483E3;
	text-decoration: none;
}
a:hover {
	filter: alpha(opacity=60);
	opacity: 0.6;
}
/*　スマホ対応　＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 767px){
.yok_head{
	margin-top:10px;
}
.yok_logo{
	width:245px;
	margin:0 10px 10px;
}
.yok_head img{
	width:86%;
	height:auto;
}
.hobo{
	margin:35px 10px 0 0;
}
.hobo img{
	width:100px;
	height:auto;
}
.sp_ttl_a ttl_line_a{
	line-height:1.8em;
}
#detail{
	width:100%;
	padding:0px;
}
#detail .text .midashi{
	font-size:18px;
	line-height:1.7em;
	letter-spacing:.1em;
	margin-bottom:10px;
}
#detail .text{
	float:none;
	color: #3E3A39;
	font-size:16px;
	line-height:2em;
	background-color:#fff;
	text-align:left;
	margin:20px;
}
/* detail
 * --------------------------------------------------------*/
/* navi */
#navi ul{
	width:90%;
	margin:0 auto;
	padding:50px 0 10px;
}
#navi li{
	font-size:20px;
}

/* navi
 * --------------------------------------------------------*/
/* info */
.info{
	border:none;
	clear:both;
	width:90%;
	margin-left:20px;
	padding:0 0 20px;
	text-align:left;
}
.info p{
	font-size:18px;
	line-height:1.8em;
	margin-bottom:30px;
}
}