@charset "UTF-8";
/* ////////////////////////////////////////////////////////////////////
HTML, Body
//////////////////////////////////////////////////////////////////// */
body{
	padding-top: 135px;
}
@media screen and (max-width: 768px) {
  body{
    padding-top: 65px;
		font-size: 13px;
  }
}
/* ////////////////////////////////////////////////////////////////////
#globalHeader
//////////////////////////////////////////////////////////////////// */
#globalHeader {
	background: #FFF;
	border-bottom: 1px solid #DDD;
  /*position: static;*/
}
@media screen and (max-width: 768px) {
  #globalHeader {
    position: fixed;
    top: 0;
    left: 0;
  }
}

/* ////////////////////////////////////////////////////////////////////
#globalFooter
//////////////////////////////////////////////////////////////////// */
#globalFooter .footer01 {
	color: #990000;
	background: #EFEFEF;
}
#globalFooter .footer02 {
	background: #FFF;
	color: #990000;
}
#globalFooter .footer02 .link li a{
	color: #990000;
}
#globalFooter .footer02 .link li a:link, #globalFooter .footer02 .link li a:visited{
	color: #990000;
}
#page-top {
  z-index: 10000 !important;
}
@media screen and (max-width: 568px) {
	#globalFooter .footer02 .link li a{
		border-bottom:1px solid #990000;
	}
}


/* //////////////////////////////////////////////////

bootstrap グリッドシステム改良版

////////////////////////////////////////////////// */
/*
xl
lg…1200
md…768
sm…568
xs…480
*/
.container{
	/*max-width: 1200px;*/
	max-width: 1120px;
	padding-right:20px;
	padding-left:20px;
	margin-right:auto;
	margin-left:auto;
}
@media screen and (max-width:1200px){
	/*.container{
		padding-right:15px;
		padding-left:15px;
	}*/
}
@media screen and (max-width:768px){
	.container{
		padding-right:10px;
		padding-left:10px;
	}
}
.container-fluid{
	width: 100%;
	padding-right:20px;
	padding-left:20px;
	margin-right:auto;
	margin-left:auto;
}
@media screen and (max-width:1200px){
	.container-fluid{
		padding-right:15px;
		padding-left:15px;
	}
}
@media screen and (max-width:768px){
	.container-fluid{
		padding-right:10px;
		padding-left:10px;
	}
}
.container .row,
.container-fluid .row{
	margin-right:-20px;
	margin-left:-20px;
}
.container .row:before,
.container .row:after,
.container-fluid .row:before,
.container-fluid .row:after{
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.container .row:after,
.container-fluid .row:after{clear: both;}
.container .row,
.container-fluid .row{zoom: 1;} /* IE < 8 */
@media screen and (max-width:1200px){
	.container .row,
	.container-fluid .row{
		margin-right:-15px;
		margin-left:-15px;
	}
}
@media screen and (max-width:768px){
	.container .row,
	.container-fluid .row{
		margin-right:-10px;
		margin-left:-10px;
	}
}
.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
	position:relative;
	min-height:1px;
	padding-right:20px;
	padding-left:20px;
}
@media screen and (max-width:1200px){
	.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
		padding-right:15px;
		padding-left:15px;
	}
}
@media screen and (max-width:768px){
	.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{
		padding-right:10px;
		padding-left:10px;
	}
}
/*PC基本*/
.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9{float:left}
.col-xl-12{width:100%}.col-xl-11{width:91.66666667%}.col-xl-10{width:83.33333333%}.col-xl-9{width:75%}.col-xl-8{width:66.66666667%}.col-xl-7{width:58.33333333%}.col-xl-6{width:50%}.col-xl-5{width:41.66666667%}.col-xl-4{width:33.33333333%}.col-xl-3{width:25%}.col-xl-2{width:16.66666667%}.col-xl-1{width:8.33333333%}

.col-xl-pull-12{right:100%}.col-xl-pull-11{right:91.66666667%}.col-xl-pull-10{right:83.33333333%}.col-xl-pull-9{right:75%}.col-xl-pull-8{right:66.66666667%}.col-xl-pull-7{right:58.33333333%}.col-xl-pull-6{right:50%}.col-xl-pull-5{right:41.66666667%}.col-xl-pull-4{right:33.33333333%}.col-xl-pull-3{right:25%}.col-xl-pull-2{right:16.66666667%}.col-xl-pull-1{right:8.33333333%}.col-xl-pull-0{right:auto}

.col-xl-push-12{left:100%}.col-xl-push-11{left:91.66666667%}.col-xl-push-10{left:83.33333333%}.col-xl-push-9{left:75%}.col-xl-push-8{left:66.66666667%}.col-xl-push-7{left:58.33333333%}.col-xl-push-6{left:50%}.col-xl-push-5{left:41.66666667%}.col-xl-push-4{left:33.33333333%}.col-xl-push-3{left:25%}.col-xl-push-2{left:16.66666667%}.col-xl-push-1{left:8.33333333%}.col-xl-push-0{left:auto}

.col-xl-offset-12{margin-left:100%}.col-xl-offset-11{margin-left:91.66666667%}.col-xl-offset-10{margin-left:83.33333333%}.col-xl-offset-9{margin-left:75%}.col-xl-offset-8{margin-left:66.66666667%}.col-xl-offset-7{margin-left:58.33333333%}.col-xl-offset-6{margin-left:50%}.col-xl-offset-5{margin-left:41.66666667%}.col-xl-offset-4{margin-left:33.33333333%}.col-xl-offset-3{margin-left:25%}.col-xl-offset-2{margin-left:16.66666667%}.col-xl-offset-1{margin-left:8.33333333%}.col-xl-offset-0{margin-left:0}

@media screen and (max-width:1200px){
	.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}
	.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}
	
	.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}
	
	.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}
	
	.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}
}

@media screen and (max-width:768px){
	.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}
	
	.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}
	
	.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}
	
	.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}
	
	.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}
}

@media screen and (max-width:568px){
	.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}
	
	.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}
	
	.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}
	
	.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}
	
	.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}
}

@media screen and (max-width:480px){
	.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}
	.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}

	.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}

	.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}

	.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}
}

/*--------------------------------------------------
.row-wrap-mb
----------------------------------------------------*/
.row-wrap-mb-xl{overflow: hidden; zoom:1;}
.row-wrap-mb-xl .row {margin-top: -60px;}
.row-wrap-mb-xl div[class*="col-"] {margin-top: 60px;}
.row-wrap-mb-xl li[class*="col-"] {margin-top: 60px;}

.row-wrap-mb-md{overflow: hidden; zoom:1;}
.row-wrap-mb-md .row {margin-top: -45px;}
.row-wrap-mb-md div[class*="col-"] {margin-top: 45px;}
.row-wrap-mb-md li[class*="col-"] {margin-top: 45px;}

.row-wrap-mb-sm{overflow: hidden; zoom:1;}
.row-wrap-mb-sm .row {margin-top: -30px;}
.row-wrap-mb-sm div[class*="col-"] {margin-top: 30px;}
.row-wrap-mb-sm li[class*="col-"] {margin-top: 30px;}

.row-wrap-mb-xs{overflow: hidden; zoom:1;}
.row-wrap-mb-xs .row {margin-top: -15px;}
.row-wrap-mb-xs div[class*="col-"] {margin-top: 15px;}
.row-wrap-mb-xs li[class*="col-"] {margin-top: 15px;}

@media screen and (max-width:768px){
	.row-wrap-mb-xl .row {margin-top: -45px;}
	.row-wrap-mb-xl div[class*="col-"] {margin-top: 45px;}
	.row-wrap-mb-xl li[class*="col-"] {margin-top: 45px;}

	.row-wrap-mb-md .row {margin-top: -40px;}
	.row-wrap-mb-md div[class*="col-"] {margin-top: 40px;}
	.row-wrap-mb-md li[class*="col-"] {margin-top: 40px;}

	.row-wrap-mb-sm .row {margin-top: -30px;}
	.row-wrap-mb-sm div[class*="col-"] {margin-top: 30px;}
	.row-wrap-mb-sm li[class*="col-"] {margin-top: 30px;}

	.row-wrap-mb-xs .row {margin-top: -15px;}
	.row-wrap-mb-xs div[class*="col-"] {margin-top: 15px;}
	.row-wrap-mb-xs li[class*="col-"] {margin-top: 15px;}
}

@media screen and (max-width:568px){
	.row-wrap-mb-xl .row {margin-top: -35px;}
	.row-wrap-mb-xl div[class*="col-"] {margin-top: 35px;}
	.row-wrap-mb-xl li[class*="col-"] {margin-top: 35px;}

	.row-wrap-mb-md .row {margin-top: -30px;}
	.row-wrap-mb-md div[class*="col-"] {margin-top: 30px;}
	.row-wrap-mb-md li[class*="col-"] {margin-top: 30px;}

	.row-wrap-mb-sm .row {margin-top: -20px;}
	.row-wrap-mb-sm div[class*="col-"] {margin-top: 20px;}
	.row-wrap-mb-sm li[class*="col-"] {margin-top: 20px;}

	.row-wrap-mb-xs .row {margin-top: -10px;}
	.row-wrap-mb-xs div[class*="col-"] {margin-top: 10px;}
	.row-wrap-mb-xs li[class*="col-"] {margin-top: 10px;}
}
/* ////////////////////////////////////////////////////////////////////
#共通
//////////////////////////////////////////////////////////////////// */

/*!-------------------------------------------------------
横幅
-------------------------------------------------------*/
/*width*/
body .width0{width:0% !important;}
body .width05{width:5% !important;}
body .width10{width:10% !important;}
body .width15{width:15% !important;}
body .width20{width:20% !important;}
body .width25{width:25% !important;}
body .width30{width:30% !important;}
body .width35{width:35% !important;}
body .width40{width:40% !important;}
body .width45{width:45% !important;}
body .width50{width:50% !important;}
body .width55{width:55% !important;}
body .width60{width:60% !important;}
body .width65{width:65% !important;}
body .width70{width:70% !important;}
body .width75{width:75% !important;}
body .width80{width:80% !important;}
body .width85{width:85% !important;}
body .width90{width:90% !important;}
body .width95{width:95% !important;}
body .width100{width:100% !important;}
/*max-w*/
body .max-w900{max-width: 900px;}
body .max-w850{max-width: 850px;}
body .max-w800{max-width: 800px;}
body .max-w750{max-width: 750px;}
body .max-w700{max-width: 700px;}
body .max-w650{max-width: 650px;}
body .max-w600{max-width: 600px;}
body .max-w550{max-width: 550px;}
body .max-w500{max-width: 500px;}
body .max-w450{max-width: 450px;}
body .max-w400{max-width: 400px;}
body .max-w350{max-width: 350px;}
body .max-w300{max-width: 300px;}
body .max-w250{max-width: 250px;}
body .max-w200{max-width: 200px;}
body .max-w150{max-width: 150px;}
body .max-w100{max-width: 100px;}
@media screen and (max-width:768px){
	body .width-tabFull{
			float:none;
			width:100% !important;
			margin-left:0;
			margin-right:0;
	}
}
@media screen and (max-width:480px){
	body .width-spFull{
			float:none;
			width:100% !important;
			margin-left:0;
			margin-right:0;
	}
}
/*!-------------------------------------------------------
マージン
-------------------------------------------------------*/
/*mrg-btm*/
body .mrg-btm0 {margin-bottom: 0 !important;}
body .mrg-btm05 {margin-bottom: 5px !important;}
body .mrg-btm10 {margin-bottom: 10px !important;}
body .mrg-btm15 {margin-bottom: 15px !important;}
body .mrg-btm20 {margin-bottom: 20px !important;}
body .mrg-btm25 {margin-bottom: 25px !important;}
body .mrg-btm30 {margin-bottom: 30px !important;}
body .mrg-btm35 {margin-bottom: 35px !important;}
body .mrg-btm40 {margin-bottom: 40px !important;}
body .mrg-btm45 {margin-bottom: 45px !important;}
body .mrg-btm50 {margin-bottom: 50px !important;}
body .mrg-btm55 {margin-bottom: 55px !important;}
body .mrg-btm60 {margin-bottom: 60px !important;}
/*mrg-top*/
body .mrg-top0 {margin-top: 0 !important;}
body .mrg-top05 {margin-top: 5px !important;}
body .mrg-top10 {margin-top: 10px !important;}
body .mrg-top15 {margin-top: 15px !important;}
body .mrg-top20 {margin-top: 20px !important;}
body .mrg-top25 {margin-top: 25px !important;}
body .mrg-top30 {margin-top: 30px !important;}
/*mrg-left*/
body .mrg-left0 {margin-left: 0 !important;}
body .mrg-left05 {margin-left: 5px !important;}
body .mrg-left10 {margin-left: 10px !important;}
body .mrg-left15 {margin-left: 15px !important;}
body .mrg-left20 {margin-left: 20px !important;}
body .mrg-left25 {margin-left: 25px !important;}
body .mrg-left30 {margin-left: 30px !important;}
/*mrg-right*/
body .mrg-right0 {margin-right: 0 !important;}
body .mrg-right05 {margin-right: 5px !important;}
body .mrg-right10 {margin-right: 10px !important;}
body .mrg-right15 {margin-right: 15px !important;}
body .mrg-right20 {margin-right: 20px !important;}
body .mrg-right25 {margin-right: 25px !important;}
body .mrg-right30 {margin-right: 30px !important;}
/*!-------------------------------------------------------
パディング
-------------------------------------------------------*/
/*pad-pad*/
body .pad-btm0 {padding-bottom: 0 !important;}
body .pad-btm05 {padding-bottom: 5px !important;}
body .pad-btm10 {padding-bottom: 1em !important;}
body .pad-btm15 {padding-bottom: 15px !important;}
body .pad-btm20 {padding-bottom: 20px !important;}
body .pad-btm25 {padding-bottom: 25px !important;}
body .pad-btm30 {padding-bottom: 30px !important;}
body .pad-btm35 {padding-bottom: 35px !important;}
body .pad-btm40 {padding-bottom: 40px !important;}
body .pad-btm45 {padding-bottom: 45px !important;}
body .pad-btm50 {padding-bottom: 50px !important;}
body .pad-btm55 {padding-bottom: 55px !important;}
body .pad-btm60 {padding-bottom: 60px !important;}
/*pad-top*/
body .pad-top0 {padding-top: 0 !important;}
body .pad-top05 {padding-top: 5px !important;}
body .pad-top10 {padding-top: 10px !important;}
body .pad-top15 {padding-top: 15px !important;}
body .pad-top20 {padding-top: 20px !important;}
body .pad-top25 {padding-top: 25px !important;}
body .pad-top30 {padding-top: 30px !important;}
/*pad-left*/
body .pad-left0 {padding-left: 0 !important;}
body .pad-left05 {padding-left: 5px !important;}
body .pad-left10 {padding-left: 10px !important;}
body .pad-left15 {padding-left: 15px !important;}
body .pad-left20 {padding-left: 20px !important;}
body .pad-left25 {padding-left: 25px !important;}
body .pad-left30 {padding-left: 30px !important;}
/*pad-right*/
body .pad-right0 {padding-right: 0 !important;}
body .pad-right05 {padding-right: 5px !important;}
body .pad-right10 {padding-right: 10px !important;}
body .pad-right15 {padding-right: 15px !important;}
body .pad-right20 {padding-right: 20px !important;}
body .pad-right25 {padding-right: 25px !important;}
body .pad-right30 {padding-right: 30px !important;}

/*!-------------------------------------------------------
ボックス
-------------------------------------------------------*/
.section01{padding-top:60px;padding-bottom:60px;}
.section02{padding-bottom:60px;}
.block-l{margin-bottom: 60px;}
.block:last-child{margin-bottom:0;}
.block{margin-bottom: 40px;}
.block:last-child{margin-bottom:0;}
.block-min{margin-bottom: 25px;}
.block-min:last-child{margin-bottom:0;}
.paragraph{margin-bottom: 1em;}

.clumnbox{
	overflow: hidden;
	zoom:1;
}
.pc_only{display: block;}
.sp_only{display: none;}

@media screen and (max-width: 768px) {
	.section01{padding-top:50px;padding-bottom:50px;}
	.section02{padding-bottom:50px;}
	
	.block-l{margin-bottom:50px;}
	.block{margin-bottom: 35px;}
	.block:last-child{margin-bottom:0;}
	.block-min{margin-bottom: 25px;}
	.block-min:last-child{margin-bottom:0;}
}
@media screen and (max-width: 568px) {
	.section01{padding-top:40px;padding-bottom:40px;}
	.section02{padding-bottom:40px;}
	
	.pc_only{display: none;}
	.sp_only{display: block;}
	
	.block-l{margin-bottom:40px;}
	.block{margin-bottom: 25px;}
	.block:last-child{margin-bottom:0;}
	.block-min{margin-bottom: 20px;}
	.block-min:last-child{margin-bottom:0;}
}
/*!-------------------------------------------------------
配置
-------------------------------------------------------*/
.lefty{float:left;}
.righty{float:right;}
.centy{
	clear:both;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
/*!-------------------------------------------------------
フォント
-------------------------------------------------------*/
/*サイズ*/
.font-x_small{font-size:80% !important;}
.font-small{font-size:90% !important;}
.font-normal{font-size:100% !important;}
.font-large{font-size:115% !important;}
.font-x_large{font-size:130% !important;}
.font-big{font-size:150% !important;}
.font-x_big{font-size:170% !important;}
.font-super{font-size:200% !important;}
/*太さ*/
.font-normal{font-weight:normal !important;}
.font-bold{font-weight:bold !important;}
@media screen and (max-width:768px){
	/*サイズ*/
.font-big{font-size:145% !important;}
.font-x_big{font-size:160% !important;}
.font-super{font-size:190% !important;}
}

.font-right{text-align: right;}
.font-left{text-align: left;}
.font-center{text-align:center;}

a{
outline:none;
}
/* --------------------------------------------------
ul リスト
-------------------------------------------------- */
/*circle*/
.list-style-circle li{
	list-style:outside disc;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*square*/
.list-style-square li{
	list-style:outside square;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*decimal*/
ul.list-style-decimal li{
	list-style:outside decimal;
	margin-left:1.4em;
	padding:0.3em 0;
	line-height:1.4em;
}
/*テキスト一文字 "・"など*/
ul.list-style-text li{
	list-style:none inside;
	text-indent:-1em;
	margin-left:0;
	padding:0.3em 0 0.3em 1em;
	line-height:1.4em;
}
/*区切り線*/
ul.list-border01 li{
	border-bottom:2px dotted #CCCCCC;
	padding-top:0.5em;
	padding-bottom:0.5em;
}
ul.list-border01 li:last-child{
	border:none;
}
/* --------------------------------------------------
.grid-div
-------------------------------------------------- */
.grid-div{
	overflow: hidden;
	zoom:1;
}
.grid-div .grid-wrap{
	overflow: hidden;
	zoom:1;
	margin-left: -2%;
}
.grid-div .grid-wrap .grid-box{
	float: left;
	width: 48%;
	margin-left: 2%;
}

/* --------------------------------------------------
.anchor
-------------------------------------------------- */
/*.*/
.anchor{}
.anchor ul{
	overflow: hidden;
	zoom:1;
	margin-left: -2%;
}
.anchor ul li{
	float: left;
	width: 48%;
	margin-left: 2%;
}
.anchor ul li a{
	display: block;
	padding: 5px;
	border: 2px solid #838A66;
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
	
	background: #f7e9a3;
	background: -moz-linear-gradient(top,  #f7e9a3 0%, #f4dc6d 50%, #f1d13b 100%);
	background: -webkit-linear-gradient(top,  #f7e9a3 0%,#f4dc6d 50%,#f1d13b 100%);
	background: linear-gradient(to bottom,  #f7e9a3 0%,#f4dc6d 50%,#f1d13b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e9a3', endColorstr='#f1d13b',GradientType=0 );
}
.anchor ul li a:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.anchor ul li a span{
	display: block;
	line-height: 1;
	max-width: 160px;
	margin: 0 auto;
}
/* -------------------------------------------------------------------
アンカーメニューの位置調整
-------------------------------------------------------------------*/
.anc_section{
	margin-top:-145px;
	padding-top:145px;
}
@media screen and (max-width: 768px) {
	.anc_section{
		margin-top:-65px;
		padding-top:65px;
	}
}
/* ////////////////////////////////////////////////////////////////////
.lyt-inner
//////////////////////////////////////////////////////////////////// */
@media screen and (max-width:1200px) {
	.lyt-inner{
		padding-left: 20px;
		padding-right: 20px;
	}
}
@media screen and (max-width:768px) {
	.lyt-inner{
		padding-left: 15px;
		padding-right: 15px;
	}
}
/* ////////////////////////////////////////////////////////////////////
#g_menu
//////////////////////////////////////////////////////////////////// */
/*#g_menu*/
#g_menu {
  /*nav*/
	display: block;
	position: fixed;
	top:76px;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 9990;
	border-bottom: 1px solid #DDD;
}
#g_menu nav {
  overflow: hidden;
  zoom: 1;
}
#g_menu nav ul {
	padding: 20px 0 15px 0;
  overflow: hidden;
  zoom: 1;
}
#g_menu nav ul li {
  border-left: solid 1px #ccc;
  float: left;
  display: block;
  width:20%;
  line-height: 1;
}
	#g_menu nav ul li:nth-child(1) {border-left: none;}
#g_menu nav ul li a{
	display: block;
}
#g_menu nav ul li span {
  display: block;
	max-width: 150px;
	margin: 0 auto;
}
#g_menu.under ul {
  border-top: solid 1px #ccc;
}
@media screen and (max-width:980px) {
	#g_menu nav ul li span {
		max-width: 135px;
	}
}
@media screen and (max-width: 768px) {
  #g_menu {
    display: none;
		border-bottom: none;
		top:68px;
  }
  #g_menu nav ul {
    padding: 0;
  }
  #g_menu nav ul li {
    border-left: none;
    border-bottom: solid 1px #ddd;
    float: none;
    width: 100%;
  }
  #g_menu nav ul li span {
    letter-spacing: 0.1em;
    padding: 10px 0;
		max-width: 150px;
  }
}
/*#g_menu*/
/* Toggle Button */
#nav_toggle {
  display: none;
  /* #nav-toggle 切り替えアニメーション */
}
@media screen and (max-width: 768px) {
  #nav_toggle {
    display: block;
    position: fixed;
    right: 18px;
    top: 20px;
    width: 28px;
    height: 30px;
    cursor: pointer;
    z-index: 10001;
  }
}
#nav_toggle div {
  position: relative;
}
#nav_toggle span {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #990000;
  left: 0;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
#nav_toggle span:nth-child(1) {
  top: 0;
}
#nav_toggle span:nth-child(2) {
  top: 10px;
}
#nav_toggle span:nth-child(3) {
  top: 20px;
}
#nav_toggle.open span:nth-child(1) {
  top: 11px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
#nav_toggle.open span:nth-child(2) {
  width: 0;
  left: 50%;
}
#nav_toggle.open span:nth-child(3) {
  top: 11px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/* ////////////////////////////////////////////////////////////////////
#top_cont
//////////////////////////////////////////////////////////////////// */
#top_cont {
	border: 10px solid #DAE000;
}
#top_cont .bg_box{
	background-image: url(/features/ritsumeshi_oic/common/img/mv_sp.png);
	padding: 100px 0;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-attachment:inherit;
}
	.clear_bg{
		display: none !important;
	}
	.sp_bg{
		background-image: url(/features/ritsumeshi_oic/common/img/mv_sp.png) !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		padding-bottom: 0 !important;
		background-position: left top !important;
		background-attachment:inherit !important;
	}
#top_cont .bg_box .lead{
	max-width: 748px;
	margin:0 auto 60px auto;
	padding: 0 20px;
}
#top_cont .bg_box .lead h2{
  max-width:300px;
	margin:0 auto 60px auto;
}
#top_cont .bg_box .lead .text{
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	#top_cont .bg_box{
		padding: 80px 0 50px 0;
	}
	#top_cont .bg_box .lead h2{
		max-width:240px;
	}
	#top_cont .bg_box .lead .text{
		text-align: center;
	}
}
@media screen and (max-width: 480px) {
	#top_cont .bg_box{
		padding: 50px 0 20px 0;
	}
	#top_cont .bg_box .lead h2{
		max-width:180px;
		margin:0 auto 100px auto;
	}
	#top_cont .bg_box .lead .text{
		text-align:left;
	}
}
/*.top_menu*/
#top_cont .top_menu{
	max-width: 1080px;
	margin: 0 auto;
}
#top_cont .top_menu ul{
	overflow: hidden;
	zoom:1;
	padding-top:15px;
}
#top_cont .top_menu ul li{
	position: relative;
	float: left;
	width: 23%;
	margin: 0 1%;
	border: 5px solid #CCC;
	line-height: 1;
}
#top_cont .top_menu ul li.menu01{border: 5px solid #C9A063;}
#top_cont .top_menu ul li.menu02{border: 5px solid #F39800;}
#top_cont .top_menu ul li.menu03{border: 5px solid #FFF100;}
#top_cont .top_menu ul li.menu04{border: 5px solid #8BC116;}
#top_cont .top_menu ul li a{
	display: block;
}
#top_cont .top_menu ul li span{
	display: block;
}
#top_cont .top_menu ul li span.ttl{
	width: 100%;
	padding: 10px;
	position: absolute;
	left:0;
	bottom:0;
	
	background-repeat:repeat;
	background-position: left top;
}
#top_cont .top_menu ul li.menu01 span.ttl{background-image: url(/features/ritsumeshi_oic/common/img/texture01.png);}
#top_cont .top_menu ul li.menu02 span.ttl{background-image: url(/features/ritsumeshi_oic/common/img/texture02.png);}
#top_cont .top_menu ul li.menu03 span.ttl{background-image: url(/features/ritsumeshi_oic/common/img/texture03.png);}
#top_cont .top_menu ul li.menu04 span.ttl{background-image: url(/features/ritsumeshi_oic/common/img/texture04.png);}
#top_cont .top_menu ul li span em{
	display: block;
	width: 100%;
	margin: 0 auto;
}
#top_cont .top_menu ul li span.fukidashi{
	width: 60%;
	position: absolute;
	left:-5%;
	top:-15px;
}
@media screen and (max-width:1080px) {
	/*.top_menu*/
	#top_cont .top_menu{
		padding:0 10px;
	}
}
@media screen and (max-width: 768px) {
	/*.top_menu*/
	#top_cont .top_menu ul{
	}
	#top_cont .top_menu ul li{
		width:46%;
		margin: 0 2% 30px 2%;
	}
}
@media screen and (max-width: 480px) {
	/*.top_menu*/
	#top_cont .top_menu ul{
	}
	#top_cont .top_menu ul li{
		float: none;
		width:auto;
		max-width: 280px;
		margin: 0 auto 30px auto;
	}
}
/* ////////////////////////////////////////////////////////////////////
#f_menu
//////////////////////////////////////////////////////////////////// */
#f_menu{
	padding: 60px 0;
	background-color: #DAE000;
}
#f_menu .wrap{
}
#f_menu .wrap ul{
	margin-left: -4%;
	margin-top: -40px;
}
#f_menu .wrap ul li{
	position: relative;
	float: left;
	width: 46%;
	margin-left: 4%;
	margin-top: 40px;
	padding: 15px 0;
	background-color: #333;
	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
#f_menu .wrap ul li.menu01{background-color:#C9A063;}
#f_menu .wrap ul li.menu02{background-color:#F39800;}
#f_menu .wrap ul li.menu03{background-color:#FFF100;}
#f_menu .wrap ul li.menu04{background-color:#8BC116;}

#f_menu .wrap ul li a{
	display: block;
	margin: -15px 0;
	padding: 15px 0;
}
#f_menu .wrap ul li span{
	display: block;
}
#f_menu .wrap ul li span.ttl{
	display: block;
	max-width: 300px;
	margin: 0 auto;
}
#f_menu .wrap ul li span.fukidashi{
	display: block;
	width: 35%;
	position: absolute;
	top:-30px;
	left:-3%;
}
#f_menu .wrap ul li span.coming{
	display: block;
	width: 100px;
	position: absolute;
	right:5px;
	top:-5px;
}

@media screen and (max-width:960px) {
	#f_menu .wrap ul li span.fukidashi{
		top:-20px;
	}
}
@media screen and (max-width:768px) {
	#f_menu{
		padding: 40px 0;
	}
	#f_menu .wrap ul{
		width:90%;
		margin:-30px auto 0 auto;
	}
	#f_menu .wrap ul li{
		float:none;
		width:100%;
		margin-left:0;
		margin-top: 30px;
		padding: 17px 5px;
	}
	#f_menu .wrap ul li a{
		margin: -17px -5px;
		padding: 17px 5px;
	}
	#f_menu .wrap ul li span.ttl{
		max-width: 250px;
	}
	#f_menu .wrap ul li span.fukidashi{
		display: block;
		width:160px;
		position: absolute;
		top:-20px;
		left:-10px;
	}
}
/* ////////////////////////////////////////////////////////////////////
#next_ritsumeshi
//////////////////////////////////////////////////////////////////// */
#next_ritsumeshi{
	padding: 30px 0 40px 0;
	background-color: #dae000;
}
#next_ritsumeshi .list {
    margin: 0 auto;
    max-width: 800px;
}
#next_ritsumeshi ul {
    margin-left: -2%;
    overflow: hidden;
}
#next_ritsumeshi ul li {
    float: left;
    margin-left: 2%;
    width: 48%;
	text-align: center;
}
@media screen and (max-width: 568px) {
	#next_ritsumeshi .list {
			margin: 0 auto;
			max-width: 320px;
			overflow: hidden;
	}
	#next_ritsumeshi ul {
			margin-left: 0;
			margin-top: -20px;
	}
	#next_ritsumeshi ul li {
			float: none;
			margin-left: 0;
			margin-top: 20px;
			width: 100%;
	}
}

/* ////////////////////////////////////////////////////////////////////
.cont_wrap
//////////////////////////////////////////////////////////////////// */
.cont_wrap{
	font-size: 14px;
	border: 10px solid #DAE000;
}
@media screen and (max-width: 568px) {
	.cont_wrap{
		font-size: 13px;
	}
}
/* -------------------------------------------------------------------
#mainVisual
-------------------------------------------------------------------*/
#mainVisual{
	position: relative;
}
#mainVisual p.bg{
	max-width: 1920px;
	margin: 0 auto;
}
#mainVisual p.ttl{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	padding: 10px;
	background-repeat: repeat;
	background-position: left top;
}
#lunch_street #mainVisual p.ttl{background-image:url(/features/ritsumeshi_oic/common/img/texture01.png);}
#camping_kitchen #mainVisual p.ttl{background-image:url(/features/ritsumeshi_oic/common/img/texture03.png);}
#meal_shop #mainVisual p.ttl{background-image:url(/features/ritsumeshi_oic/common/img/texture04.png);}
#mainVisual p.ttl span{
	display: block;
	max-width: 800px;
	margin: 0 auto;
}

/* -------------------------------------------------------------------
#outline
-------------------------------------------------------------------*/
#outline{}
@media screen and (max-width: 568px) {
}
#outline .lead{
	font-size: 115%;
	text-align: center;
}
@media screen and (max-width: 768px) {
	#outline .lead{
		text-align:left;
	}
	#outline .lead br{
		display: none;
	}
}
#outline .date{
	max-width: 800px;
	margin-left:auto; 
	margin-right:auto; 
	padding: 30px 0;
	border-top: 2px dotted #333;
	border-bottom: 2px dotted #333;
	text-align: center;
	font-weight: 600;
}
#outline .date ul li{
	margin-bottom: 0.6em;
	line-height: 1.4em;
}
#outline .date ul li:last-child{
	margin-bottom: 0;
}
@media screen and (max-width: 900px) {
	#outline .date{
		max-width:none;
		width: 85%;
		padding: 25px 0;
	}
}
/* -------------------------------------------------------------------
#scroll_magicが効くときの初期化
-------------------------------------------------------------------*/
#scroll_magic #lunch_street #outline.sm_area .lyt-inner{
	opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
	padding-top: -100px;
}
#scroll_magic #camping_kitchen #outline.sm_area .lyt-inner{
	opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
	padding-top: -100px;
}
#scroll_magic #meal_shop #outline.sm_area .lyt-inner{
	opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
	padding-top: -100px;
}

/* -------------------------------------------------------------------
.frame_typr01
-------------------------------------------------------------------*/
.frame_typr01{
	position: relative;
	padding: 50px 25px;
	background: #FFF;
	border: 4px solid #333;
}
#lunch_street .frame_typr01{border: 4px solid #C9A063;}
#camping_kitchen .frame_typr01{border: 4px solid #FFF100;}
#meal_shop .frame_typr01{border: 4px solid #8FC31F;}
.frame_typr01:before,
.frame_typr01:after,
.frame_typr01 .inner:before,
.frame_typr01 .inner:after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px 50px;
	position: absolute;
}
.frame_typr01:before{
	top:-4px;
	left:-4px;
}
.frame_typr01:after{
	top:-4px;
	right:-4px;
}
.frame_typr01 .inner:before{
	bottom:-4px;
	left:-4px;
}
.frame_typr01 .inner:after{
	bottom:-4px;
	right:-4px;
}
#lunch_street .frame_typr01:before{background-image: url(/features/ritsumeshi_oic/common/img/flame01_tl.png);}
#lunch_street .frame_typr01:after{background-image: url(/features/ritsumeshi_oic/common/img/flame01_tr.png);}
#lunch_street .frame_typr01 .inner:before{background-image: url(/features/ritsumeshi_oic/common/img/flame01_bl.png);}
#lunch_street .frame_typr01 .inner:after{background-image: url(/features/ritsumeshi_oic/common/img/flame01_br.png);}
#camping_kitchen .frame_typr01:before{background-image: url(/features/ritsumeshi_oic/common/img/flame03_tl.png);}
#camping_kitchen .frame_typr01:after{background-image: url(/features/ritsumeshi_oic/common/img/flame03_tr.png);}
#camping_kitchen .frame_typr01 .inner:before{background-image: url(/features/ritsumeshi_oic/common/img/flame03_bl.png);}
#camping_kitchen .frame_typr01 .inner:after{background-image: url(/features/ritsumeshi_oic/common/img/flame03_br.png);}
#meal_shop .frame_typr01:before{background-image: url(/features/ritsumeshi_oic/common/img/flame04_tl.png);}
#meal_shop .frame_typr01:after{background-image: url(/features/ritsumeshi_oic/common/img/flame04_tr.png);}
#meal_shop .frame_typr01 .inner:before{background-image: url(/features/ritsumeshi_oic/common/img/flame04_bl.png);}
#meal_shop .frame_typr01 .inner:after{background-image: url(/features/ritsumeshi_oic/common/img/flame04_br.png);}
@media screen and (max-width: 768px) {
	.frame_typr01{
		padding: 50px 20px;
	}
}
@media screen and (max-width: 568px) {
	.frame_typr01{
		padding: 40px 10px;
	}
}

/* ////////////////////////////////////////////////////////////////////
#lunch_street
//////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------------------
#shop_list
-------------------------------------------------------------------*/
/*.shop_box*/
#lunch_street #shop_list .shop_box{
	position: relative;
	padding-top: 25px;
}
#lunch_street #shop_list .shop_box .new{
	width: 60px;
	line-height: 1;
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -30px;
}
#lunch_street #shop_list .shop_box .name{
	max-width: 300px;
	margin: 0 auto 20px auto;
}
#lunch_street #shop_list .shop_box .txt{
	margin-bottom: 20px;
	line-height: 1.6em;
}
@media screen and (max-width: 568px) {
	#lunch_street #shop_list .shop_box{
		padding-top:0;
		padding-bottom: 30px;
		border-bottom: 2px dotted #333;
	}
	#lunch_street #shop_list .shop_box.last{
		padding-bottom:0;
		border-bottom:none;
	}
	#lunch_street #shop_list .shop_box .new{
		position:static;
		margin:0 auto 5px auto;
	}
	
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #lunch_street #shop_list.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* ////////////////////////////////////////////////////////////////////
#camping_kitchen
//////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------------------
#in_store
-------------------------------------------------------------------*/
#in_store{}
#in_store .wrap{
	overflow: hidden;
	zoom:1;
	padding: 30px 40px;
	background: #f6f5f0;
	border: 4px dotted #333;
}
#in_store .wrap .sec_ttl{
	max-width: 400px;
	margin: 0 auto 30px auto;
}
#in_store .box_wrap{
	margin-bottom: 30px;
	overflow: hidden;
	zoom:1;
}
#in_store .wrap .box{
	margin-bottom: 10px;
}
#in_store .wrap .img-l .img{float: left;}
#in_store .wrap .img-l .detail{float: right;}
#in_store .wrap .img-r .img{float: right;}
#in_store .wrap .img-r .detail{float:left;}
#in_store .wrap .img{
	width:45%;
	position: relative;
}
#in_store .wrap .box:last-child{margin-bottom: 0;}
#in_store .wrap .detail{
	width:55%;
	padding-top: 7%;
	position: relative;
}
#in_store .wrap .img:after{
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: 50px 50px;
	position: absolute;
	bottom: -15%;	
}
#in_store .wrap .img-l .img:after{
	background-image: url(/features/ritsumeshi_oic/common/img/camping_kitchen/arrow_l.png);
	right: -20%;
}
#in_store .wrap .img-r .img:after{
	background-image: url(/features/ritsumeshi_oic/common/img/camping_kitchen/arrow_r.png);
	left: -20%;
}
#in_store .wrap .box:last-child .img:after{display: none;}
#in_store .wrap .detail .num{
	max-width: 50px;
	margin: 0 auto 20px auto;
}
#in_store .wrap .detail .txt{
	max-width: 350px;
	margin: 0 auto;
}

#in_store .wrap .clumn{
	max-width: 800px;
	margin: 0 auto;
	padding: 20px;
	background: #FFF;
	border: 2px solid #000;
	overflow: hidden;
	zoom:1;
}
#in_store .wrap .clumn .img{
	width:45%;
	float: left;
}
#in_store .wrap .clumn .txt{
	float: right;
	width: 55%;
	padding-top:10%;
}
#in_store .wrap .clumn .txt span{
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
@media screen and (max-width: 980px) {
	#in_store .wrap .sec_ttl{
		max-width: 350px;
	}
	#in_store .wrap .detail{
		padding-top: 6%;
	}
	#in_store .wrap .img:after{
		width: 30px;
		height: 30px;
		background-size: 30px 30px;
	}
	#in_store .wrap .img-l .img:after{
		background-image: url(/features/ritsumeshi_oic/common/img/camping_kitchen/arrow_l.png);
		right: -20%;
	}
	#in_store .wrap .img-r .img:after{
		background-image: url(/features/ritsumeshi_oic/common/img/camping_kitchen/arrow_r.png);
		left: -20%;
	}
	#in_store .wrap .box:last-child .img:after{display: none;}
	#in_store .wrap .detail .num{
		max-width: 40px;
		margin: 0 auto 15px auto;
	}
	#in_store .wrap .detail .txt{
		max-width: 300px;
	}
	
}
@media screen and (max-width: 768px) {
	#in_store .wrap{
		padding: 25px 10px;
	}
	#in_store .wrap .sec_ttl{
		max-width: 320px;
		margin: 0 auto 25px auto;
	}
	#in_store .wrap .detail{
		padding-top: 6%;
	}
	#in_store .wrap .img:after{
		width: 25px;
		height: 25px;
		background-size: 25px 25px;
	}
	#in_store .wrap .img-l .img:after{
		right: -20%;
	}
	#in_store .wrap .img-r .img:after{
		left: -20%;
	}
	#in_store .wrap .detail .num{
		max-width: 35px;
		margin: 0 auto 15px auto;
	}
	#in_store .wrap .detail .txt{
		max-width: 250px;
	}
}
@media screen and (max-width: 568px) {
	#in_store .wrap{
		padding: 25px 5px;
	}
	#in_store .wrap .sec_ttl{
		max-width: 250px;
		margin: 0 auto 25px auto;
	}
	#in_store .wrap .box{
		margin-bottom: 20px;
	}
	#in_store .wrap .detail{
		padding-top:4%;
	}
	#in_store .wrap .img{
	}
	#in_store .wrap .img:after{
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		bottom:-30px;
	}
	#in_store .wrap .img-l .img:after{
		right: -23%;
	}
	#in_store .wrap .img-r .img:after{
		left: -23%;
	}
	#in_store .wrap .detail .num{
		max-width: 30px;
		margin: 0 auto 10px auto;
	}
	#in_store .wrap .detail .txt{
		max-width: 230px;
		padding: 0 5px;
	}
	#in_store .wrap .clumn{
		padding: 10px;
	}
	#in_store .wrap .clumn .txt{
		padding-top:8%;
	}
}
@media screen and (max-width: 480px) {
	#in_store .wrap .sec_ttl{
		max-width: 230px;
	}
	#in_store .wrap .detail{
		padding-top:5px;
	}
	#in_store .wrap .img-l .img:after{
		right: -20%;
	}
	#in_store .wrap .img-r .img:after{
		left: -20%;
	}
	#in_store .wrap .detail .num{
		max-width: 25px;
		margin: 0 auto 5px auto;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #camping_kitchen #in_store.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* -------------------------------------------------------------------
#menu
-------------------------------------------------------------------*/
#menu{}
#menu .sec_ttl{
	max-width: 350px;
	margin: 0 auto 30px auto;
}
#menu .shop_box .txt{
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	width: 100%;
	background:#f6f5f0;
	color: #333;
	border: 2px solid #333;
}

/*.item_info*/
/*商品名・価格*/
#menu .item_name{font-size: 110%; color:#333; font-weight: bold;}
#menu .item_price{font-size: 110%; font-weight: bold;}

#menu .item_info li{
	width: 100%;
	padding-top: 15px;
	background-image: url(/features/ritsumeshi_oic/common/img/parts_border2.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	line-height: 1;
}
#menu .item_info li span{
	background:#FFF;
}
#menu .item_name{
	overflow: hidden;
	zoom:1;
}
#menu .item_info li span.item_price{
	float: right;
	display: inline-block;
}
#menu .note{
	padding-top: 30px;
}
#menu .note li{
	margin-bottom: 0.4em;
	text-align: center;
	line-height: 1.4em;
}
#menu .note li:last-child{
	margin-bottom:0;
}
@media screen and (max-width:1080px) {
	#menu .item_info li{font-size: 90%;}
}
@media screen and (max-width:980px) {
	#menu .item_info li{font-size: 80%;}
}
@media screen and (max-width:768px) {
	#menu .sec_ttl{
		max-width: 320px;
		margin: 0 auto 25px auto;
	}
	#menu .item_info li{font-size:80%;}
	
	#menu .item_info li{
		background-image:none;
	}
	#menu .item_info li span{
		display: block;
		background:none;
		text-align: center;
	}
	#menu .item_name{
		margin-bottom: 5px;
	}
	#menu .item_info li span.item_price{
		float:none;
		display:block;
	}
	#menu .note{
		padding-top: 25px;
	}
}
@media screen and (max-width:568px) {
	#menu .sec_ttl{
		max-width: 300px;
	}
	#menu .item_info li{font-size:100%;}
	
	#menu .item_info li{
		background-image:none;
	}
	#menu .item_info li span{
		display: block;
		background:none;
		text-align: center;
	}
	#menu .item_name{
		margin-bottom: 5px;
	}
	#menu .item_info li span.item_price{
		float:none;
		display:block;
	}
	#menu .note{
		margin-bottom: 15px;
		padding-top: 20px;
		font-size: 85%;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #camping_kitchen #menu.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* -------------------------------------------------------------------
#phototo
-------------------------------------------------------------------*/
#phototo .lead{}
#phototo .lead .sec_ttl{
	margin-bottom: 30px;
	padding: 50px 10px;
	background-image: url(/features/ritsumeshi_oic/common/img/camping_kitchen/phototo_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
}
#phototo .lead .sec_ttl span{
	display: block;
	max-width: 350px;
	margin: 0 auto;
}
#phototo .lead .txt{
	text-align: center;
}
@media screen and (max-width:768px) {
	#phototo .lead .sec_ttl{
		margin-bottom: 25px;
		padding: 40px 10px;
	}
	#phototo .lead .sec_ttl span{
		max-width: 300px;
	}
}
@media screen and (max-width:568px) {
	#phototo .lead .sec_ttl{
		margin-bottom: 20px;
		padding: 30px 10px;
	}
	#phototo .lead .sec_ttl span{
		max-width: 260px;
	}
}
@media screen and (max-width:480px) {
	#phototo .lead .sec_ttl span{
		max-width: 240px;
	}
}
/*.human_wrap*/
#phototo .human_wrap{
	margin-bottom: 20px;
	overflow: hidden;
	zoom:1;
}
#phototo .human_wrap .box{
	float: left;
	width: 50%;
	overflow: hidden;
	zoom:1;
}
#phototo .human_wrap .box01{padding-right:5%;}
#phototo .human_wrap .box02{padding-left: 5%;}
#phototo .human_wrap .box .img{width: 40%}

#phototo .human_wrap .box01 .img{float: right;}
#phototo .human_wrap .box02 .img{float: left;}

#phototo .human_wrap .box .status{
	padding-top: 15%;
	text-align: center;
}
#phototo .human_wrap .box .status .name{
	font-size: 130%;
	font-weight: bold;
}
#phototo .human_wrap .box .status .affili{
	font-size: 110%;
	font-weight: bold;
}
@media screen and (max-width:768px) {
	#phototo .human_wrap .box01{padding-right:1.5%;}
	#phototo .human_wrap .box02{padding-left: 1.5%;}
	#phototo .human_wrap .box .status{
		padding-top: 12%;
	}
	#phototo .human_wrap .box .status .name{
		font-size: 110%;
	}
	#phototo .human_wrap .box .status .affili{
		font-size: 90%;
	}
}
@media screen and (max-width:568px) {
	#phototo .human_wrap{
		margin-bottom: 0;
	}
	#phototo .human_wrap .box{
		float:none;
		width:100%;
		padding: 10px 0;
		border-top:2px dotted #CCC;
	}
	#phototo .human_wrap .box01{padding-right:0;}
	#phototo .human_wrap .box02{padding-left:0;}
	#phototo .human_wrap .box .img{width: 35%}

	#phototo .human_wrap .box01 .img{float: left;}
	#phototo .human_wrap .box02 .img{float: right}
	
	#phototo .human_wrap .box .status{
		padding-top: 13%;
	}
}
/*.about*/
#phototo .about{
	padding:15px 10px;
	background: #f6f5f0;
	border: 2px solid #333;
}
#phototo .about h4{
	margin-bottom: 15px;
	font-size: 140%;
	text-align: center;
}
#phototo .about .txt{
	margin-bottom: 10px;
	text-align: center;
}
#phototo .about .btn a{
	display: block;
	max-width:400px;
	margin: 0 auto;
	padding: 15px 10px;
	background-color: #FFF100;
	line-height: 1;
	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
#phototo .about .btn a span{
	display: block;
	max-width: 300px;
	margin: 0 auto;
}
@media screen and (max-width:568px) {
	#phototo .about{
		padding:10px;
	}
	#phototo .about .btn a{
		padding: 10px 5px;
	}
}
/*.point*/
#phototo .point h4{
	max-width: 250px;
	margin: 0 auto 30px auto;
}
#phototo .point .row .img{
	margin-bottom: 5px;
}
#phototo .point .row .txt{
	line-height: 1.4em;
}
@media screen and (max-width:568px) {
	#phototo .point h4{
		max-width: 200px;
		margin: 0 auto 20px auto;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #camping_kitchen #phototo.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* ////////////////////////////////////////////////////////////////////
#meal_shop
//////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------------------
#recommend
-------------------------------------------------------------------*/
#meal_shop #recommend .sec_ttl{
	max-width: 400px;
	margin: 0 auto 30px auto;
}
#meal_shop #recommend .item_box .img{
	margin-bottom:10px;
}
#meal_shop #recommend .item_box .item{
	float:right;
	width:150px;
	margin-left: 15px;
	margin-top: -15px;
}
#meal_shop #recommend .item01 .item,
#meal_shop #recommend .item02 .item{
	float:left;
	margin-right: 15px;
	margin-left:0;
}
#meal_shop #recommend .item_box .status{
	margin-bottom:10px;
	text-align: center;
}
#meal_shop #recommend .item_box .status .name{
	font-weight: bold;
	font-size: 130%;
}
#meal_shop #recommend .item_box .status .affili{
	font-weight: bold;
	font-size: 110%;
}
#meal_shop #recommend .item_box .btn{
	padding-top: 10px;
	overflow: hidden;
	zoom:1;
}
#meal_shop #recommend .item_box .btn a{
	display: block;
	width:auto;
	padding:10px;
	background-color:#8fc31f;
	text-align: center;
	font-weight: bold;
	line-height: 1;
	
	border-radius: 10px;        /* CSS3草案 */  
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 10px;   /* Firefox用 */  
}
#meal_shop #recommend .item_box .btn a:before{
	content: "▶";
	font-size:100%;
	margin-right: 0.5em;
}
#meal_shop #recommend .item_box .btn a:link,
#meal_shop #recommend .item_box .btn a:visited,
#meal_shop #recommend .item_box .btn a:hover,
#meal_shop #recommend .item_box .btn a:active{
	text-decoration: none;
	color: #333;
}
@media screen and (max-width: 1080px) {
	#meal_shop #recommend .item_box .item{
		width:30%;
		margin-left: 10px;
		margin-top:0;
	}
}
@media screen and (max-width: 768px) {
	#meal_shop #recommend .sec_ttl{
		max-width: 320px;
		margin: 0 auto 25px auto;
	}
	#meal_shop #recommend .item_box .item{
		width:30%;
		margin-left: 10px;
		margin-top:0;
	}
	#meal_shop #recommend .item_box .item.img-l{
		margin-right: 10px;
	}
	#meal_shop #recommend .item_box .status .name{
		font-size: 120%;
	}
	#meal_shop #recommend .item_box .status .affili{
		font-size: 100%;
	}
}
@media screen and (max-width: 568px) {
	#meal_shop #recommend .sec_ttl{
		max-width: 280px;
		margin: 0 auto 20px auto;
	}
	#meal_shop #recommend .item01 .item,
	#meal_shop #recommend .item03 .item{
		float:left;
		margin-right: 10px;
		margin-left:0;
	}
	#meal_shop #recommend .item02 .item,
	#meal_shop #recommend .item04 .item{
		float:right;
		margin-right:0;
		margin-left:10px;
	}
	#meal_shop #recommend .item04 .btn{
		margin-bottom: 20px;
	}
}
@media screen and (max-width:480px) {
	#meal_shop #recommend .sec_ttl{
		max-width: 250px;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #meal_shop #recommend.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* ////////////////////////////////////////////////////////////////////
#ibaraki_lunch
//////////////////////////////////////////////////////////////////// */
/* -------------------------------------------------------------------
#mainVisual02
-------------------------------------------------------------------*/
#mainVisual02{
	position: relative;
	line-height: 1;
	max-width: 1920px;
	margin: 0 auto;
}
#mainVisual02 .bg{
}
#mainVisual02 .ttl{
	width: 40%;
	position: absolute;
	left: 50%;
	top:20%;
	margin-left: -20%;
}
@media screen and (max-width:568px) {
	#mainVisual02 .ttl{
		width: 60%;
		top:35%;
		margin-left: -30%;
	}
}
/* -------------------------------------------------------------------
#lead
-------------------------------------------------------------------*/
#ibaraki_lunch #lead{
	padding-top: 15px;
}
#ibaraki_lunch #lead p{
	text-align: center;
}
@media screen and (max-width:768px) {
	#ibaraki_lunch #lead p{
		text-align:left;
	}
	#ibaraki_lunch #lead p br{
		display: none;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #ibaraki_lunch #lead.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}
/* -------------------------------------------------------------------
#about
-------------------------------------------------------------------*/
#ibaraki_lunch #about{
	padding-top: 100px;
	overflow: hidden;
	zoom:1;
}
#ibaraki_lunch #about .wrap{
	background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/about_bg.png);
	background-repeat: repeat;
	background-position: left top;
}
#ibaraki_lunch #about .lyt-inner{
	padding-top: 30px;
	padding-bottom: 30px;
}
#ibaraki_lunch #about h3{
	max-width: 170px;
	margin: 0 auto 20px auto;
}
#ibaraki_lunch #about p.txt{
	text-align: center;
}
#ibaraki_lunch #about p.img{
	position: absolute;
}
#ibaraki_lunch #about p.img01{
	max-width: 240px;
	top:-85px;
	left:0;
}
#ibaraki_lunch #about p.img02{
	max-width: 240px;
	top:-100px;
	right:0;
}
@media screen and (max-width:1280px) {
	#ibaraki_lunch #about h3{
		max-width: 150px;
	}
	#ibaraki_lunch #about p.img01{
		max-width: 230px;
		left:-80px;
	}
	#ibaraki_lunch #about p.img02{
		max-width: 230px;
		right:-80px;
	}
}
@media screen and (max-width:568px) {
	#ibaraki_lunch #about{
		padding-top: 70px;
	}
	#ibaraki_lunch #about .lyt-inner{
		padding-top: 25px;
		padding-bottom: 25px;
	}
	#ibaraki_lunch #about h3{
		max-width: 140px;
		margin: 0 auto 15px auto;
	}
	#ibaraki_lunch #about p.txt{
		text-align: center;
	}
	#ibaraki_lunch #about p.img01{
		max-width: 150px;
		top:-50px;
		left:-75px;
	}
	#ibaraki_lunch #about p.img02{
		max-width: 150px;
		top:-70px;
		right:-60px;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #ibaraki_lunch #about.sm_area .wrap{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}

/* -------------------------------------------------------------------
#s_menu
-------------------------------------------------------------------*/
#ibaraki_lunch #s_menu{
}
#ibaraki_lunch #s_menu ul{
	padding: 30px 0;
	overflow: hidden;
	zoom:1;
}
#ibaraki_lunch #s_menu ul li{
	float: left;
	width: 20%;
	padding: 2%;
}
#ibaraki_lunch #s_menu ul li a{display: block;}
#ibaraki_lunch #s_menu ul li a span{display: block;}
#ibaraki_lunch #s_menu ul li a .name{
	padding-top: 10px;
}
@media screen and (max-width:768px) {
	#ibaraki_lunch #s_menu ul{
		padding: 20px 0;
	}
	#ibaraki_lunch #s_menu ul li{
		padding:1%;
	}
}
@media screen and (max-width:568px) {
	#ibaraki_lunch #s_menu ul li{
		width: 33.33333%;
		padding: 2%;
	}
	#ibaraki_lunch #s_menu ul li.shop04{
		padding-left: 2%;
		margin-left: 15%;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #ibaraki_lunch #s_menu.sm_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}

/* -------------------------------------------------------------------
.shop_area
-------------------------------------------------------------------*/
#ibaraki_lunch .shop_area{
	padding: 60px 0;
	position: relative;
	background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop01_bg.png);
	background-repeat: repeat;
	background-position: left top;
}
#ibaraki_lunch .shop_area:after{
	content: "";
	display: block;
	width: 100%;
	height: 5px;
	background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop01_mask.png);
	background-repeat:repeat-x;
	background-position: left top;
	position: absolute;
	left: 0;
	top:-5px;
	z-index: 9980;
}
#ibaraki_lunch #shop01 .shop_area{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop01_bg.png);}
#ibaraki_lunch #shop02 .shop_area{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop02_bg.png);}
#ibaraki_lunch #shop03 .shop_area{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop03_bg.png);}
#ibaraki_lunch #shop04 .shop_area{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop04_bg.png);}
#ibaraki_lunch #shop05 .shop_area{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop05_bg.png);}

#ibaraki_lunch #shop01 .shop_area:after{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop01_mask.png);}
#ibaraki_lunch #shop02 .shop_area:after{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop02_mask.png);}
#ibaraki_lunch #shop03 .shop_area:after{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop03_mask.png);}
#ibaraki_lunch #shop04 .shop_area:after{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop04_mask.png);}
#ibaraki_lunch #shop05 .shop_area:after{background-image: url(/features/ritsumeshi_oic/common/img/ibaraki_lunch/shop05_mask.png);}


@media screen and (max-width:768px) {
	#ibaraki_lunch .shop_area{
		padding: 40px 0;
	}
}
@media screen and (max-width:568px) {
	#ibaraki_lunch .shop_area{
		padding: 30px 0;
	}
}
/*h3*/
#ibaraki_lunch .shop_area h3{
	max-width: 300px;
	margin: 0 auto 30px auto;
}
@media screen and (max-width:468px) {
	#ibaraki_lunch .shop_area h3{
		max-width: 260px;
		margin: 0 auto 30px auto;
	}
}
@media screen and (max-width:568px) {
	#ibaraki_lunch .shop_area h3{
		max-width: 230px;
		margin: 0 auto 20px auto;
	}
}
/*.img_slider*/
#ibaraki_lunch .shop_area .img_slider{
	max-width: 640px;
	margin: 0 auto 60px auto;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots {
    bottom: -45px;
    display: block;
    list-style: outside none none;
    padding: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0 5px;
    padding: 0;
    position: relative;
    width: 20px;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li button {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    color: transparent;
    cursor: pointer;
    display: block;
    font-size: 0;
    height: 20px;
    line-height: 0;
    outline: medium none;
    padding: 5px;
    width: 20px;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li button:hover,#ibaraki_lunch .shop_area .img_slider .slick-dots li button:focus {
    outline: medium none;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li button:hover::before,#ibaraki_lunch .shop_area .img_slider .slick-dots li button:focus::before {
    opacity: 1;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li button::before {
		color:#FFF; 
		content: "●";
    font-family: "slick";
    font-size: 16px;
    height: 20px;
    left: 0;
    line-height: 20px;
    opacity: 0.50;
    position: absolute;
    text-align: center;
    top: 0;
    width: 20px;
}
#ibaraki_lunch .shop_area .img_slider .slick-dots li.slick-active button::before {
    opacity:1;
		content: "●";
		color:#333; 
}
/*.detail_txt*/
#ibaraki_lunch .shop_area .detail_txt{}
#ibaraki_lunch .shop_area .detail_txt p{
	padding: 0 10px;
}
/*.img_list*/
#ibaraki_lunch .shop_area .img_list{
}
#ibaraki_lunch .shop_area .img_list li{
	position: relative;
	float: left;
	width:50%;
	padding: 10px;
}
#ibaraki_lunch .shop_area .img_list li p.cap{
	width:30%;
	display: block;
	position: absolute;
	top:-10px;
	left:-10px;
}
#ibaraki_lunch .shop_area .img_list li p.cap02{
	left:auto;
	right: -10px;
}
#ibaraki_lunch .shop_area .img_list li p.txt{
	padding-top: 10px;
	line-height: 1.4em;
	font-weight: bold;
}
#ibaraki_lunch .shop_area .img_list li p.txt span{
	font-size: 84%;
	font-weight: normal;
}
#ibaraki_lunch .shop_area .img_list li p.note{
	padding-top: 10px;
	line-height: 1.4em;
}


@media screen and (max-width:568px) {
	#ibaraki_lunch .shop_area .img_list li{
		float:none;
		width:100%;
		padding:10px 0;
	}
}
/*data*/
#ibaraki_lunch .shop_area .data{}
#ibaraki_lunch .shop_area .data h4{
	width: 100%;
	padding: 10px;
	background: #333;
	color: #FFF;
	text-align: center;
	font-size: 130%;
	font-weight: bold;
}
#ibaraki_lunch .shop_area .data table{
	width: 100%;
	border-collapse: collapse;
	background: #FFF;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
#ibaraki_lunch .shop_area .data table tr th,
#ibaraki_lunch .shop_area .data table tr td{
	padding: 10px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	vertical-align: middle;
}
#ibaraki_lunch .shop_area .data table tr th{
	background-color: #F8F8F8;
	font-weight: normal;
}
@media screen and (max-width:568px) {
	#ibaraki_lunch .shop_area .data h4{
		padding: 5px;
		font-size: 120%;
	}
	#ibaraki_lunch .shop_area .data table{
		display: block;
		padding: 10px;
		border-top:none;
		border-left:none;
	}
	#ibaraki_lunch .shop_area .data table tr{
		display: block;
		width: 100%;
		border-bottom: 1px dotted #333;
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	#ibaraki_lunch .shop_area .data table tr:last-child{
		border-bottom:none;
		padding-bottom:0;
		margin-bottom:0;
	}
	#ibaraki_lunch .shop_area .data table tbody{
		display: block;
		width: 100%;
	}
	#ibaraki_lunch .shop_area .data table tr th,
	#ibaraki_lunch .shop_area .data table tr td{
		display: block;
		width: 100%;
		padding:0;
		border-right:none;
		border-bottom:none;
		text-align: left;
	}
	#ibaraki_lunch .shop_area .data table tr th{
		background-color: #FFF;
		font-weight: bold;
	}
	#ibaraki_lunch .shop_area .data table tr td{
	}
}
/*.g-map*/
#ibaraki_lunch .shop_area .g-map{
	width:100%;
	border:4px solid #FFF;
	overflow: hidden;
	zoom:1;
}
#ibaraki_lunch .shop_area .g-map iframe{
	width:100% !important;
	vertical-align: bottom;
}
@media screen and (max-width:768px) {
	#ibaraki_lunch .shop_area .g-map iframe{
		height:300px !important;
	}
}
@media screen and (max-width:568px) {
	#ibaraki_lunch .shop_area .g-map iframe{
		height:250px !important;
	}
}
	/* -------------------------------------------------------------------
	#scroll_magicが効くときの初期化
	-------------------------------------------------------------------*/
	#scroll_magic #ibaraki_lunch .sm_area .shop_area .lyt-inner{
		opacity:0; -moz-opacity:0; filter:alpha(opacity=0);
		padding-top: -100px;
	}