@charset "utf-8";

/*------------------------------------------------------------
  Responsive
------------------------------------------------------------ */
.container { max-width: 1024px; }

@media screen and (max-width: 1024px) { }

@media screen and (max-width: 896px) and (orientation: landscape) { }

@media screen and (max-width: 896px) { 

body {
	max-width: 896px;
}

/* Smartphone menu
------------------------------------------------------------*/
#box-sp01 {
	margin-bottom: 25px;
}

#box-sp02 {
	margin-bottom: 50px;
}

#header {
	list-style-type : none;
	background : #000;
	opacity : 0.9;
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 99;
	display : none;
	height: auto;
	padding: 30px 20px;
	width: 100%;
	overflow:hidden;
}

#tab {
	width: 320px;
	margin: 0 auto;
	text-align: center;
	position:relative;
	overflow:hidden;
	display: block;
}

#tabLogo a {
	clear: both;
	width: 320px;
	margin: 0 auto;
	text-align: center;
	position:relative;
	overflow:hidden;
	display: block;
}

#tab01 a {
	margin: 0;
	clear: both;
}

#tab02 a {
	margin: 0 55px;
}

#tab03 a {
	margin: 0;
}

#tab04 a {
	margin: 0;
	clear: both;
	margin-top: 10px;
}

#tab05 a {
	margin: 0 55px;
	margin-top: 10px;
}

#tab06 a {
	margin: 0;
	margin-top: 10px;
}

div#sp-icon {
	width : 70px;
	height : 70px;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 999;
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.7;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : #000000;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}


/* top（contents3 : 赤ちゃん筆）
------------------------------------------------------------*/
#tyuui_waku {
	margin: 30px 0 30px 0;
	width: 100%;
	text-align: center;
	margin:0 auto;
}


/* top（menu）
------------------------------------------------------------*/	
.text {
	display: inline-block; 
}

.conte_sp {
	width: 100%;
	padding: 30px 20px;
}

.conte_sp ul li {
	text-align: center;
	margin:0 auto;
	width: 100%;
}

#conte01 p {
	font-size: 15px;
	line-height: 26px;
}

#conte02 p {
	font-size: 15px;
	line-height: 26px;
}

#conte03 p {
	font-size: 15px;
	line-height: 26px;
}

.conte_sp ul li {
	float: none;
}

#tksp li {
	text-align: center;
	margin:0 auto;
	width: 100%;
	margin: 10px 0px;
	margin-left: -19px;
}

#tokuten1 {
	background:url('../../img/tokuten1.png') no-repeat center 0;
	width: 254px;
	height: 49px;
	margin: 0 0;
	background-size: 254px;
}

#tokuten2 {
	background:url('../../img/tokuten2.png') no-repeat center 0;
	width: 374px;
	height: 49px;
	margin: 0 0;
	background-size: 374px;
}

#tokuten3 {
	background:url('../../img/tokuten3.png') no-repeat center 0;
	width: 254px;
	height: 49px;
	margin: 0 0;
	background-size: 254px;
}

.conte_sp2 {
	text-align: center;
	margin:0 auto;
	width: 100%;
	padding: 30px 0;
}

.parts_l {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	margin-bottom: 35px;
	padding: 0 70px;
}

.parts_l ul li {
	float: none;
	text-align: left;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 26px;
}

.parts_l ul li span {
	float: right;
}

.parts_r {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	/*margin-bottom: 35px;*/
	padding: 0 70px;
}

.parts_r ul li {
	float: none;
	text-align: left;
	margin-bottom: 5px;
	font-size: 15px;
	line-height: 26px;
}

.sen {
	background:url('../../img/sen.png') repeat-x center 0;
	padding: 5px 0;
	background-size: 0.8%;
}

.sab_tl {
	padding: 10px 0;
}

#memu_tl {
	text-align: center;
	margin:0 auto;
	width: 120px;
	height: 36px;
	margin-bottom: 20px;
	background-size: 120px;
}

div#main-bk {
	height: 580px;
	width:100%;
}

.text-left, .text-left02 {
	text-align: left;
	padding: 0 50px;
}


/* shop_text
------------------------------------------------------------*/
#shop_text p {
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 40px;
}

#shop_text .text {
	display: inline-block; 
	display: inline;
}


/* footer
------------------------------------------------------------*/
#footer {
	background-color: #000;
}

#fText {
	margin: 0 auto;
	width: 100%;
	/*padding: 5px 20px;*/
	color: #FFF;
	/*margin-top: -10px;*/
}

#fText ul {
	padding: 0 60px;
}

#fText ul li {
	float: left;
	padding-right: 15px;
	/*padding-top: 10px;*/
}

#logo-sp {
	float: left;
	padding-bottom: 10px;
	padding-left: 5px;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 13px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.copyright {
	font-size:11px;
	position: relative;
	padding: 0 60px;
}

.fSen {
	padding: 10px;
	width: auto;
}


/* staff
------------------------------------------------------------*/
#staff_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#stf_img01 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_01-896.png') no-repeat center 0;
	float: none;
	width: 381px;
	height: 331px;
	margin-bottom: 30px;
	background-size: 381px;
}

#stf_img02 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_02-896.png') no-repeat center 0;
	float: none;
	width: 381px;
	height: 331px;
	margin-bottom: 30px;
	background-size: 381px;
}

#stf_img03 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_03-896.png') no-repeat center 0;
	float: none;
	width: 381px;
	height: 331px;
	margin-bottom: 30px;
	background-size: 381px;
}

.stfBox {
	margin:0 auto;
	text-align: center;
	height: 100%;
}

.stfBox_sp {
	margin-bottom: 70px;
}

.stf_txt {
	float: none;
	width: 100%;
	clear: both;
	padding: 0 15px;
}

.stf_subtxt01 {
	width: 113px;
	height: 20px;
	margin-bottom: 10px;
	background-size: 113px;
}

.stf_subtxt02 {
	width: 95px;
	height: 19px;
	margin-bottom: 10px;
	background-size: 95px;
}

#name01 {
	width: 270px;
	height: 50px;
	margin-bottom: 10px;
	background-size: 270px;
}

#name02 {
	width: 264px;
	height: 50px;
	margin-bottom: 10px;
	background-size: 264px;
}

#name03 {
	width: 280px;
	height: 50px;
	margin-bottom: 10px;
	background-size: 280px;
}


/* recruit
------------------------------------------------------------*/
.recruit_txt1 {
	text-align: left;
	width: 100%;
	margin:0 auto;
}
.recruit_txt2 {
	text-align: left;
	width: 100%;
	margin:0 auto;
	margin-top: 10px;
}

#data_waku {
	height: auto;
}

#recruit_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

.recruit_txt1 {
	padding: 0 20px;
}

.recruit_txt2 {
	padding: 0 20px;
}


/* root（歩き方）
------------------------------------------------------------*/
#root_tl {
	width: 321px;
	height: 57px;
	margin-bottom: 30px;
	background-size: 321px;
}

.conte_sp-root {
	width: 619px;
	padding: 30px 20px;
}

.conte_sp-root ul {
	margin:0 auto;
	text-align: center;
}

.next02 {
	background-image:none;
}

.clear-img {
	clear:both;
}

.clear-img02 {
	margin-top: -275px;
}

.next03 {
	text-align: center;
	margin:0 auto;
	background:url('../../access/img/yajirusi.png') no-repeat center 0;
	width: 63px;
	height: 258px;
	margin-top: -270px;
}


/* shop
------------------------------------------------------------*/
#shop_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#shop_data01 {
	width: 100%;
	height: auto;
}

#shop_data02 {
	width: 100%;
	height: auto;
}

#shop_txt {
	float: none;
	width: 551px;
	font-size: 14px;
	line-height: 33px;
	margin:0 auto;
	text-align: center;
}

#shop_img {
	float: none;
	width: 349px;
	margin:0 auto;
	text-align: center;
}

#shop_data02 {
	width: 100%;
	height: auto;
}

#shop_map {
	float: none;
	width: 480px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 15px;
}

#shop_data {
	float: none;
	width: 332px;
	margin:0 auto;
	text-align: center;
}


/* reserve
------------------------------------------------------------*/
#reserve_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#reserve_sp {
	height: 317px;
	margin-bottom: 20px;
	margin:0 auto;
	text-align: center;
	width: 380px;
}

#tel {
	background:url('../../shop/img/tel.png') no-repeat 0 0;
	width: 380px;
	height: 119px;
}

#tel p {
	color: #6A3906;
	font-size: 48px;
	margin-top: 68px;
}

#or {
	background:url('../../shop/img/matawa.png') no-repeat 0 0;
	width: 82px;
	height: 39px;
	margin: 20px 149px;
}

#net a {
	background:url('../../shop/img/net.png') no-repeat 0 0;
	width: 380px;
	height: 119px;
}

#net a:hover {
	background: url('../../shop/img/net.png') no-repeat 0 -119px;
}


/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}

#conte_sp ol {
	text-align: left;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 300px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}


}


@media screen and (max-width: 896px) and (min-width: 664px) {
/* shop_text
------------------------------------------------------------*/
#shop_text p {
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 40px;
}

#shop_text .text {
	display: inline-block; 
	display: inline;
}

}


@media screen and (max-width: 720px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height:590px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}

#newsTL {
	font-size: 20px;
	font-weight:bold;
	text-align: center;
	clear:both;
}
}


@media screen and (max-width: 665px) {
/* shop_text
------------------------------------------------------------*/
#shop_text p {
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 10px;
}

#shop_text .text {
	display: inline-block; 
	display: inline;
}
}


@media screen and (max-width: 855px) {
.text-left, .text-left02 {
	text-align: left;
	padding: 0 148px;
}
}

@media screen and (max-width: 745px) {
.text-left, .text-left02 {
	text-align: left;
	padding: 0 105px;
}
}


@media screen and (max-width: 655px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 610px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 625px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 630px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 580px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 660px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 555px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 660px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 547px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 680px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 525px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 690px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 25px;
	text-align: left;
	font-size: 14px;
	line-height: 25px;
}
}


@media screen and (max-width: 667px) and (min-width: 481px) {

/* top（menu）
------------------------------------------------------------*/
.text-left, .text-left02 {
	text-align: left;
	padding: 0 23px;
}

.text {
	display: inline-block;
}

.clear-sf {
	clear: both;
}

.parts_l {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	margin-bottom: 35px;
	padding: 0 40px;
}

.parts_r {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	/*margin-bottom: 35px;*/
	padding: 0 40px;
}


/* footer
------------------------------------------------------------*/
#footer {
	background-color: #000;
}

#fText {
	margin: 0 auto;
	width: 100%;
	/*padding: 5px 20px;*/
	color: #FFF;
	font-size: 13px;
	line-height: 19px;
	margin-top: -10px;
}

#fText ul {
	padding-left: 40px;
}

#fText ul li {
	float: left;
	padding-right: 15px;
	/*padding-top: 10px;*/
}

#logo-sp {
	float: left;
	padding-bottom: 10px;
	padding-left: 80px;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 13px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.copyright {
	font-size:11px;
	position: relative;
	padding-left: 40px;
}

.fSen {
	padding: 7px;
	width: auto;
}


/* root（歩き方）
------------------------------------------------------------*/
#root_tl {
	width: 321px;
	height: 57px;
	margin-bottom: 30px;
	background-size: 321px;
}

.conte_sp-root {
	width: 100%;
	padding: 30px 0;
	margin:0 auto;
	text-align: center;
}

.conte_sp-root ul {
	margin:0 auto;
	text-align: center;
	width: 100%;
	width: 258px;
}

.next {
	background-image:none;
}

.next02 {
	background-image:none;
}

.clear-img {
	clear:both;
}

.clear-img02 {
	margin-top: 0;
}

.clear-img03 {
	margin-top: -265px;
}

.next03 {
	background-image:none;
}


/* shop
------------------------------------------------------------*/
#text_tl {
	background:url('../../shop/img/shop_txt_tl.png') no-repeat center 0;
	width: 441px;
	height: 50px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 20px;
	background-size: 441px;
}

#shop_txt {
	float: none;
	width: 100%;
	/*font-size: 14px;
	line-height: 33px;*/
	margin:0 auto;
	text-align: center;
}

#shop_data01 {
	width: 100%;
	height: auto;
}

#shop_data02 {
	width: 100%;
	height: auto;
}

#shop_img {
	float: none;
	width: 349px;
	margin:0 auto;
	text-align: center;
}

#shop_map {
	float: none;
	width: 384px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 15px;
}

#shop_data {
	float: none;
	width: 332px;
	margin:0 auto;
	text-align: center;
}

#map {
	background:url('../../shop/img/map.jpg') no-repeat center 0;
	width: 384px;
	height: 298px;
	background-size: 384px;
	margin-bottom: 10px;
}


/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}

	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 300px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}



@media screen and (max-width: 600px) and (min-width: 570px) {
	
/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 130px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 300px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}


@media screen and (max-width: 569px) and (min-width: 507px) {
	
/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 300px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}


@media screen and (max-width: 508px) and (min-width: 479px) {
	
/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}

#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 300px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}


@media screen and (max-width: 480px) {

body {
	max-width: 480px;
}
		
/* Smartphone menu
------------------------------------------------------------*/
.text-left, .text-left02{
	text-align: left;
	padding: 0 12px;
}

#header {
	list-style-type : none;
	background : #000;
	opacity : 0.9;
	position : absolute;
	left : 0px;
	top : 0px;
	z-index : 99;
	display : none;
	height: auto;
	padding: 30px 20px;
	width: 100%;
	overflow:hidden;
}

#tab {
	width: 295px;
	margin: 0 auto;
	text-align: center;
	position:relative;
	overflow:hidden;
	display: block;
}

#tabLogo a {
	clear: both;
	width: 295px;
	margin: 0 auto;
	text-align: center;
	position:relative;
	overflow:hidden;
	display: block;
}

#tab01 a {
	margin: 0;
	clear: both;
}

#tab02 a {
	margin: 0 30px;
}

#tab03 a {
	margin: 0;
}

#tab04 a {
	margin: 0;
	clear: both;
	margin-top: 10px;
}

#tab05 a {
	margin: 0 30px;
	margin-top: 10px;
}

#tab06 a {
	margin: 0;
	margin-top: 10px;
}

div#sp-icon {
	width : 70px;
	height : 70px;
	position : absolute;
	right : 0px;
	top : 0px;
	z-index : 999;
}

div#sp-icon:hover {
	cursor : pointer;
	opacity : 0.7;
}

div#sp-icon span,
div#sp-icon span:before,
div#sp-icon span:after {
	display : inline-block;
	width : 30px;
	height : 3px;
	background : #000000;
	transition-property : transform;
	transition-duration : 0.3s;
}

div#sp-icon span {
	position : absolute;
	left : 50%;
	top : 50%;
	transform : translate( -50%, -50% );
}

div#sp-icon span:before {
	content : "";
	position : absolute;
	transform : translateY( -10px ) rotate( 0deg );
}

div#sp-icon span:after {
	content : "";
	position : absolute;
	transform : translateY( 10px ) rotate( 0deg );
}


div.sp-close span {
	background : transparent !important;
}

div.sp-close span:before {
	transform : rotate( 45deg ) !important;
}

div.sp-close span:after {
	transform : rotate( -45deg ) !important;
}


/* shop_text
------------------------------------------------------------*/
#shop_text p {
	text-align: left;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0 10px;
}

#shop_text .text {
	display: inline-block; 
	display: inline;
}


/* footer
------------------------------------------------------------*/
#footer {
	background-color: #000;
}

#fText {
	margin: 0 auto;
	width: 100%;
	/*padding: 5px 20px;*/
	color: #FFF;
	font-size: 12px;
	line-height: 18px;
	margin-top: -10px;
}

#fText ul {
	padding-left: 20px;
}

#fText ul li {
	float: left;
	padding-right: 15px;
	/*padding-top: 10px;*/
}

#logo-sp {
	float: left;
	padding-bottom: 10px;
	padding-left: 55px;
}

.insta_btn {
  display: inline-block;
  text-align: center;/*中央揃え*/
  color: #2e6ca5;/*文字色*/
  font-size: 13px;/*文字サイズ*/
  text-decoration: none;/*下線消す*/
}

.copyright {
	font-size:11px;
	position: relative;
	padding-left: 20px;
}

.fSen {
	padding: 7px;
	width: auto;
}


/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height:490px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	/*max-height: 725px;*/
}

#cp_inner p {
	padding-bottom: 14px;
}

#newsTL {
	font-size: 18px;
	font-weight:bold;
	text-align: center;
	margin-bottom: -7px;
}

#lb_time {
	font-weight:bold;
	font-size: 16px;
}


/* top（contents3 : 赤ちゃん筆）
------------------------------------------------------------*/
#tyuui_waku {
	margin: 30px 0 30px 0;
	width: 100%;
	text-align: center;
	margin:0 auto;
}



/* top（menu）
------------------------------------------------------------*/
#scroll {
	margin:0 auto;
	width: 52px;
	height: 41px;
	top: 425px;
	position:relative;
	overflow:hidden;
	display: block;
}

#scroll-btn a {
	background:url('../../common/img/scroll-btn.png') no-repeat 0 0;
	width: 52px;
	height: 41px;
	position:absolute;
	background-size: 52px;
}

#scroll-btn  a:hover {
	background: url('../../common/img/scroll-btn.png') no-repeat 0 0;
	width: 52px;
	height: 41px;
	position:absolute;
	background-size: 52px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

.text {
	display: inline-block;
}

.clear-sf {
	clear: both;
}

.conte_sp {
	width: 100%;
	padding: 30px 20px;
}

.conte_sp ul li {
	text-align: center;
	margin:0 auto;
	width: 100%;
}

#conte01 p {
	font-size: 13px;
	line-height: 23px;
}

#conte1_tl {
	text-align: center;
	margin:0 auto;
	width: 265px;
	height: 23px;
	margin-bottom: 15px;
	background-size: 265px;
}

#conte02 p {
	font-size: 13px;
	line-height: 23px;	
}

#conte2_tl {
	text-align: center;
	margin:0 auto;
	width: 118px;
	height: 22px;
	margin-bottom: 15px;
	background-size: 118px;
}

#conte03 p {
	font-size: 13px;
	line-height: 23px;
}

#conte3_tl {
	text-align: center;
	margin:0 auto;
	width: 287px;
	height: 22px;
	margin-bottom: 15px;
	background-size: 287px;
}

#conte3_sub-tl {
	text-align: center;
	margin:0 auto;
	width: 187px;
	height: 22px;
	margin-bottom: 15px;
	background-size: 187px;
}

#baby {
	text-align: center;
	margin:0 auto;
	width: 199px;
	height: 96px;
	margin-top: 20px;
	background-size: 199px;
}

.conte_sp ul li {
	float: none;
}

#tksp li {
	text-align: center;
	margin:0 auto;
	width: 100%;
	margin: 10px 0px;
	position:relative;
	overflow:hidden;
	display: block;
}

#tokuten1 {
	background:url('../../img/tokuten1_480.png') no-repeat center 0;
	width: 274px;
	height: 48px;
	margin:0 auto;
	background-size: 274px;
}

#tokuten2 {
	background:url('../../img/tokuten2_480.png') no-repeat center 0;
	width: 274px;
	height: 73px;
	margin:0 auto;
	background-size: 274px;
}

#tokuten3 {
	background:url('../../img/tokuten3_480.png') no-repeat center 0;
	width: 274px;
	height: 48px;
	margin:0 auto;
	background-size: 274px;
}

.conte_sp2 {
	text-align: center;
	margin:0 auto;
	width: 100%;
	padding: 30px 0;
}

#mtl_01 {
	text-align: center;
	margin:0 auto;
	width: 32px;
	height: 15px;
	margin-bottom: 10px;
	background-size: 32px;
}

#mtl_02 {
	text-align: center;
	margin:0 auto;
	width: 46px;
	height: 16px;
	margin-bottom: 10px;
	background-size: 46px;
}

#mtl_03 {
	text-align: center;
	margin:0 auto;
	width: 50px;
	height: 16px;
	margin-bottom: 10px;
	background-size: 50px;
}

#mtl_04 {
	text-align: center;
	margin:0 auto;
	width: 32px;
	height: 18px;
	margin-bottom: 10px;
	background-size: 32px;
}

#mtl_05 {
	text-align: center;
	margin:0 auto;
	/*background:url('../../img/tm_hm_480.png') no-repeat center 0;*/
	width: 254px;
	height: 18px;
	margin-bottom: 10px;
	background-size: 254px;
}

.parts_l {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	margin-bottom: 35px;
	padding: 0 30px;
}

.parts_l ul li {
	float: none;å
	text-align: left;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 23px;
}

.parts_l ul li span {
	float: right;
}

.parts_r {
	width: 100%;
	float: none;
	text-align: center;
	margin:0 auto;
	/*margin-bottom: 35px;*/
	padding: 0 30px;
}

.parts_r ul li {
	float: none;
	text-align: left;
	margin-bottom: 5px;
	font-size: 13px;
	line-height: 23px;
}

.sen {
	background:url('../../img/sen.png') repeat-x center 0;
	padding: 5px 0;
	background-size: 1%;
}

.sab_tl {
	padding: 10px 0;
}

#memu_tl {
	text-align: center;
	margin:0 auto;
	width: 120px;
	height: 36px;
	margin-bottom: 20px;
	background-size: 120px;
}

div#main-bk {
	background:url('../../img/top_img-480.jpg') no-repeat center 0;
	height: 633px;
	width:100%;
	overflow:hidden;
	background-size: 480px 100%;
}

#logo {
	margin:0 auto;
	width: 263px;
	height: 130px;
	top: 100px;
	position:relative;
	overflow:hidden;
	display: block;
}

#mainLogo a {
	background:url('../../img/top_logo.png') no-repeat 0 0;
	width: 263px;
	height: 130px;
	position:absolute;
	background-size: 263px;
}

#mainLogo  a:hover {
	background: url('../../img/top_logo.png') no-repeat 0 -131px;
	width: 263px;
	height: 130px;
	position:absolute;
	background-size: 263px;
}


/* staff
------------------------------------------------------------*/
#staff_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#stf_img01 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_01-480.png') no-repeat center 0;
	float: none;
	width: 216px;
	height: 241px;
	margin-bottom: 20px;
	background-size: 216px;
}

#stf_img02 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_02-480.png') no-repeat center 0;
	float: none;
	width: 216px;
	height: 241px;
	margin-bottom: 20px;
	background-size: 216px;
}

#stf_img03 {
	margin:0 auto;
	text-align: center;
	background:url('../../staff/img/stf_03-480.png') no-repeat center 0;
	float: none;
	width: 216px;
	height: 241px;
	margin-bottom: 20px;
	background-size: 216px;
}

.stfBox {
	margin:0 auto;
	text-align: center;
	height: 100%;
}

.stfBox_sp {
	margin-bottom: 50px;
}

.stf_txt {
	float: none;
	width: 100%;
	clear: both;
	padding: 0;
}

.stf_subtxt01 {
	width: 95px;
	height: 17px;
	margin-bottom: 10px;
	background-size: 95px;
	margin-top: 0;
}

.stf_subtxt02 {
	width: 79px;
	height: 16px;
	margin-bottom: 10px;
	background-size: 79px;
	margin-top: 0;
}

#name01 {
	width: 225px;
	height: 42px;
	margin-bottom: 10px;
	background-size: 225px;
}

#name02 {
	width: 220px;
	height: 42px;
	margin-bottom: 10px;
	background-size: 220px;
}

#name03 {
	width: 233px;
	height: 42px;
	margin-bottom: 10px;
	background-size: 233px;
}


/* recruit
------------------------------------------------------------*/
.recruit_txt2 {
	text-align: left;
	width: 100%;
	margin:0 auto;
	margin-top: 10px;
}

#data_waku {
	height: auto;
}

#recruit_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

.recruit_txt1 {
	padding: 0;
}

.recruit_txt2 {
	padding: 0;
}


/* root（歩き方）
------------------------------------------------------------*/
#root_tl {
	width: 270px;
	height: 48px;
	margin-bottom: 30px;
	background-size: 270px;
}

.conte_sp-root {
	width: 100%;
	padding: 30px 0;
	margin:0 auto;
	text-align: center;
}

.conte_sp-root ul {
	margin:0 auto;
	text-align: center;
	width: 100%;
	width: 258px;
}

.next {
	background-image:none;
}

.next02 {
	background-image:none;
}

.clear-img {
	clear:both;
}

.clear-img02 {
	margin-top: 0;
}

.clear-img03 {
	margin-top: -265px;
}

.next03 {
	background-image:none;
}


/* shop
------------------------------------------------------------*/
#shop_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#shop_data01 {
	width: 100%;
	height: auto;
}

#shop_data02 {
	width: 100%;
	height: auto;
}

#shop_txt {
	float: none;
	width: 100%;
	font-size: 14px;
	line-height: 33px;
	margin:0 auto;
	text-align: center;
}

#shop_img {
	float: none;
	width: 349px;
	margin:0 auto;
	text-align: center;
}

#shop_data02 {
	width: 100%;
	height: auto;
	margin:0 auto;
	text-align: center;
}

#shop_map {
	float: none;
	width: 282px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 15px;
}

#shop_data {
	float: none;
	width: 282px;
	margin:0 auto;
	text-align: center;
}

#text_tl {
	background:url('../../shop/img/shop_txt_tl-480.png') no-repeat center 0;
	width: 212px;
	height: 87px;
	margin:0 auto;
	text-align: center;
	margin-bottom: 20px;
	background-size: 212px;
}

#map {
	background:url('../../shop/img/map.jpg') no-repeat center 0;
	width: 282px;
	height: 219px;
	background-size: 282px;
	/*margin:0 auto;
	text-align: center;*/
	margin-bottom: 10px;
}

#data_img {
	background:url('../../shop/img/shop_main_img.jpg') no-repeat center 0;
	width: 282px;
	height: 196px;
	margin-bottom: 10px;
	background-size: 282px;
}	


/* reserve
------------------------------------------------------------*/
#reserve_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#reserve_sp {
	height: 252px;
	margin-bottom: 20px;
	margin:0 auto;
	text-align: center;
	width: 285px;
}

#tel {
	width: 285px;
	height: 89px;
	background-size: 285px;
}

#tel p {
	color: #6A3906;
	font-size: 27px;
	margin-top: 50px;
}

#or {
	width: 66px;
	height: 32px;
	margin: 15px 119px;
	background-size: 66px;
}

#net a {
	width: 285px;
	height: 89.5px;
	background-size: 285px;
}

#net a:hover {
	background: url('../../shop/img/net.png') no-repeat 0 -89.5px;
	width: 285px;
	height: 89.5px;
	background-size: 285px;
}


/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 195px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}



@media screen and (max-width: 475px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height:490px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	/*max-height: 725px;*/
}
}


@media screen and (max-width: 470px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 500px;
}
}


@media screen and (max-width: 450px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 520px;
}

}


@media screen and (max-width: 445px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 530px;
}
}


@media screen and (max-width: 440px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height:530px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: #FFF;
	padding: 20px;
	text-align: left;
	font-size: 12px;
	line-height: 20px;
	/*max-height: 725px;*/
}
}


@media screen and (max-width: 430px) and (min-width: 401px) {
	
/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 200px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}
}




@media screen and (max-width: 410px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 555px;
}
}


@media screen and (max-width: 390px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 570px;
}
}


@media screen and (max-width: 375px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 585px;
}
}


@media screen and (max-width: 360px) {
/* LightBOX
------------------------------------------------------------*/
#cp_inner{
	position:absolute;
	width:100%;
	height: 530px;
	overflow: scroll;
	margin-top: 20px;
}
}


@media screen and (max-width: 400px) and (min-width: 380px) {
	
/* contact
------------------------------------------------------------*/
#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 200px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}


@media screen and (max-width: 379px) and (min-width: 320px) {
	
/* contact
------------------------------------------------------------*/
.text {
	display: inline-block;
}

#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 200px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

}


@media screen and (max-width: 320px) {
	
/* contact
------------------------------------------------------------*/
.text {
	display: inline-block;
}

#contact_tl {
	width: 120px;
	height: 36px;
	background-size: 120px;
	margin-bottom: 20px;
}

#conte_sp {
	margin:0 auto;
	text-align: center;
}
	
#form-tbl {
	margin: 0 auto;
	text-align: center;
}

#form-tbl ol {
	text-align: left;
}

#form th, #form td {
    text-align: left;
	width: 100%;
    display: block;
    padding: 6px 3px;
    border-top: none;
}

input[type="text"],
input {
	width: 200px;
}

input[type="radio"],
input {
	width: 20px;
}
	
textarea {
    width: 98%;
}

#scroll {
	margin:0 auto;
	width: 52px;
	height: 41px;
	top: 310px;
	position:relative;
	overflow:hidden;
	display: block;
}

#scroll-btn a {
	background:url('../../common/img/scroll-btn.png') no-repeat 0 0;
	width: 52px;
	height: 41px;
	position:absolute;
	background-size: 52px;
}

#scroll-btn  a:hover {
	background: url('../../common/img/scroll-btn.png') no-repeat 0 0;
	width: 52px;
	height: 41px;
	position:absolute;
	background-size: 52px;
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

}