@charset "utf-8";
/* CSS Document */

#wrapper.preparations .item:after,
.form01 dl:after,
#wrapper.menu ul.list:after,
#wrapper.menu .product .menu-note:after,
#wrapper.menu .top-nav ul:after,
#wrapper.menu ul.list li .name:after,
.profile .upper:after,
section .headline:after,
.reccomend:after,
.reccomend li:after,
.reccomend dl:after,
#content.general-menu section.item li.clear:after,
.gym-space .point-note .inner:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* ============= font-awesome ============= */
#wrapper.menu .pagenation .prev a:before,
#wrapper.menu .pagenation .next a:after,
#wrapper.menu .top-nav ul li a:after,
#wrapper.menu .menu-note .title.add:before {
	font-family: 'FontAwesome';
	display: inline-block;
	width: 1em;
    text-align: center;
    vertical-align: middle;
}



/* ============= ジムスペース ============= */

.gym-space .list .ph p { text-align: left; }

.gym-space .point-note ul { margin:0 0 20px 30px; }


.gym-space .point-note.green-bg .inner {
	border:solid 2px #00913a;
	background: #e1efd8;
}
.gym-space .point-note.orange-bg .inner {
	border:solid 2px #f56801;
	background: #fff5d7;
}

.gym-space .point-note h4 { font-size:18px; }

.gym-space .point-note.green-bg h4 { background:#00913a; }
.gym-space .point-note.orange-bg h4 { background:#f56801; }



.gym-space .rule h2 { margin-bottom:20px; }

.gym-space .rule li { margin-bottom:15px; }

.gym-space .rule ol { margin:30px 0 40px 30px; }
.gym-space .rule ol ol { margin:20px 0 0 30px; }


.gym-space .company-logo ul.item-list li {
    width: 60%;
    margin:0 auto 15px auto;
    text-align:center;
}

@media print, screen and (min-width:600px) {
.gym-space .company-logo ul.item-list {
	margin-bottom:10px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-evenly;
    justify-content: space-evenly;
    -webkit-align-items:center;
    align-items:center;
}
.gym-space .company-logo ul.item-list li {
    width: auto;
/*	width:23%;*/
	margin-right:2%;
}
}

.gym-space .clean li {
    list-style: none;
    font-size: 16px;
    font-weight: bold;
}

.gym-space .clean ul { margin:0; }

.gym-space .clean li img {
    width:100px;
    margin: 0 10px 15px 0; 
}



/* ====== 1カラムメニュー ====== */
#content.general-menu section.item {
	/*margin-bottom: 20px;*/
	padding:10px 8px;
	background: url( "../img/menu/bg_wood01.jpg");
	/*background:#fefbe8;*/
}
#content.general-menu section.item:last-child { margin-bottom:30px; }

#content.general-menu section .headline h1 { font-size:28px; }

#content.general-menu section.item li {
    margin-bottom:20px;
    padding-bottom:20px;
    border-bottom:1px dotted #d3c1ad;
    color:#333;
}

#content.general-menu section.item li:last-child {
    margin-bottom:0;
    padding-bottom: 0;
    border-bottom: none;
}

#content.general-menu .ph {
    width: auto;
    margin-bottom: 20px;
    text-align: center;
}
#content.general-menu .ph img {  margin-bottom:7px; }
#content.general-menu .ph p {
    margin: 0;
    font-weight: normal;
    font-size: 12px;
}


@media print, screen and (min-width: 768px) {
#content.general-menu section.item .inner {
	/*width: 80%;*/
	margin: 0 auto;
	/*padding:30px 20px 0 20px;*/
    padding:0 20px;
}
#content.general-menu section.item .inner:last-child { padding-bottom:20px; }

#content.general-menu section.item.lunch {
	background: url("../img/menu/bg_general-menu01.jpg") no-repeat;
}
#content.general-menu section.item.morning {
	background: url("../img/menu/bg_general-menu02.jpg") no-repeat;
}
#content.general-menu section.item.other {
	background: url("../img/menu/bg_general-menu03.jpg") no-repeat;
}

#content.general-menu .ph {
    float: right;
    width: 300px;
}
#content.general-menu .ph.auto { width:auto; }
}



/* ####################### おすすめメニュー投稿内のCSS ####################### */
.product li img,
.product li p { margin-bottom:10px; }

.product li p:last-child { margin-bottom:0; }

.product li { margin-bottom:20px; }



/* ========================== 店舗情報 ========================== */

/* ---- business-hours ---- */
#wrapper.shop .business-hours { margin-bottom:10px; }
#wrapper.shop .business-hours a:link { text-decoration:underline; }
#wrapper.shop .business-hours dt {
	margin-bottom:5px;
	font-weight:bold;
}
#wrapper.shop .business-hours dd {
	margin-bottom:15px;
	padding:0;
}

@media print, screen and (min-width: 768px) {
#wrapper.shop .business-hours dt {
	position: absolute;
	margin:0;
	width:6em;
	font-weight:normal;
}
#wrapper.shop .business-hours dd {
  	padding:0 0 0 6em;
}
}

/* ---- map（店舗情報） ---- */
#wrapper.shop .gmap { margin-bottom:20px; }
#wrapper.shop .gmap iframe {
	width:250px;
	height:150px;
}
@media only screen and (min-width:550px) {
#wrapper.shop .gmap iframe {
	width:500px;
	height:250px;
}
}
@media print, screen and (min-width:768px) {
#wrapper.shop .gmap iframe {
	width:700px;
	height:400px;
}
}

/* ---- map（採用情報） ---- */
#wrapper.shop.recruit .gmap { margin-bottom:20px; }
#wrapper.shop.recruit .gmap iframe {
	width:280px;
	height:180px;
}
@media only screen and (min-width:550px) {
#wrapper.shop.recruit .gmap iframe {
	width:500px;
	height:400px;
}
}
@media print, screen and (min-width:768px) {
#wrapper.shop.recruit .gmap iframe {
	width:550px;
	height:350px;
}
}


#wrapper.shop .map img { border:1px solid #ddd; }


/* ========================== 採用情報 ========================== */
#wrapper.recruit .page-title{ margin-bottom:20px; }





/* ========================== ギャラリー ========================== */
#wrapper.gallery ul.list { margin-bottom:0 !important; }

#wrapper.gallery ul.list li { margin-bottom:20px; }

#wrapper.gallery ul.list li img {
	margin-bottom:7px;
	/*border:1px solid #ddd;*/
	border:none;
	border-style:none;
	/*box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-webkit-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);
  	-moz-box-shadow: 0 5px 3px -3px rgba(0,0,0,0.3);*/
	box-shadow:0px 0px 7px rgba(0,0,0,0.3);
}
#wrapper.gallery ul.list li a img { border-style:none; }

#wrapper.gallery ul.list .ph { text-align:center !important; }

#wrapper.gallery ul.list p { margin-bottom:15px; }

#wrapper.gallery .six ul.list .ph {
	width:50%;
	margin:0 auto;
}


@media print, screen and (min-width:600px) {
#wrapper.gallery ul.list {
	/*margin-bottom:5px !important;*/
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items:flex-start;
    align-items:flex-start;
}
#wrapper.gallery ul.list li { margin-bottom:0; }

#wrapper.gallery ul.list p { margin-bottom:10px; }
	
#wrapper.gallery .one ul.list li { width:80%;}
	
#wrapper.gallery .two ul.list li {
	width:49%;
	margin-right:3%;
}

#wrapper.gallery .three ul.list li {
	width:32%;
	margin-right:3%;
}

#wrapper.gallery .four ul.list li {
	width:23%;
	margin-right:3%;
}
#wrapper.gallery .five ul.list li {
	width:18%;
	margin-right:3%;
}
#wrapper.gallery .six ul.list li {
	width:14%;
	margin-right:3%;
}
#wrapper.gallery .six ul.list .ph { width:auto; }

#wrapper.gallery ul.list li:last-child { margin-right:0;}

#wrapper.gallery ul.list li.l20 { width:20%; }
#wrapper.gallery ul.list li.l25 { width:25%; }
#wrapper.gallery ul.list li.l30 { width:30%; }
#wrapper.gallery ul.list li.l35 { width:35%; }
#wrapper.gallery ul.list li.l40 { width:40%; }
#wrapper.gallery ul.list li.l45 { width:45%; }
#wrapper.gallery ul.list li.l50 { width:50%; }
#wrapper.gallery ul.list li.l55 { width:55%; }
#wrapper.gallery ul.list li.l60 { width:60%; }
#wrapper.gallery ul.list li.l65 { width:65%; }
#wrapper.gallery ul.list li.l70 { width:70%; }
#wrapper.gallery ul.list li.l75 { width:75%; }
#wrapper.gallery ul.list li.l80 { width:80%; }
}




/* --------------------- inquiry --------------------- */
/* ========================== form01 ========================== */
.form01 {
	padding:10px 0;
	border-top:1px dotted #aaa;
	border-bottom:1px dotted #aaa;
}

.form01 dd.division { width:100%; }
.form01 dt { font-weight:bold; }

.form01 .item .vertical-item {
	display:block;
	margin-bottom:5px;
}

.form01 dl { margin:0 0 20px 0; }
	
.form01 dt,
.form01 dd {
	display:block;
	margin-bottom:10px;
}

.form01 dd.inputList ul { margin:0 0 0 10px; }
.form01 dd.inputList li {
	margin-bottom:15px;
	list-style:none;
}

.form01 dd input[type=text],
.form01 textarea {
	width:80%;
	margin-bottom:10px;
}
.form01 dd input[type=text].mgb3,
.form01 textarea.mgb3 { margin-bottom:3px; }

.form01 dd li:last-child,
.form01 dd input:last-child { margin-bottom:0; }
.form01 dd input,
.form01 dd select {
	margin:0 3px;
	vertical-align:middle;
}

.form01 dd.plural ul { margin:0; }
.form01 dd.plural li {
	margin-bottom:10px;
	list-style:none;
}

.form01 .division {
	clear:both;
	width:100%;
	height:1px;
	padding:0;
	background:none;
	border-top:1px dotted #aaa;
}
.form01 .division.solid { border-top:1px solid #aaa; }
.form01 .division.solid.double { border-top:2px solid #aaa; }


#wrapper.inquiry section input[type=submit] {
	width:40%;
	margin-right:2%;
	padding:10px 0;
	border-radius:10px;  
    -webkit-border-radius:10px; 
    -moz-border-radius:10px;
	border:none;
	background:#af0732;
	background: -moz-linear-gradient(top center, #cf5071 0%, #af0732 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#cf5071), to(#af0732));
	background: linear-gradient(to bottom, #cf5071 0%, #af0732 100%);
	border:1px solid #af0732;
	color:#fff;	
	font-size:14px;
	font-weight:bold;
	
}
#wrapper.inquiry section input[type=submit]:nth-child(2) {
	background:#aaa;
	background: -moz-linear-gradient(top center, #eee 0%, #aaa 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#eee), to(#aaa));
	background: linear-gradient(to bottom, #eee 0%, #aaa 100%);
	border:1px solid #999;
	color:#333;
}

#wrapper.inquiry section input[type=submit]:hover {
	cursor:pointer;
	filter:alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
}

#wrapper.inquiry section .submit { text-align:center; }
#wrapper.inquiry section .error { color:#cb3328; }


@media print, screen and (min-width: 768px) {
.form01 dt,
.form01 dd { float:left; }
.form01 dt {
	clear:both;
	width:25%;
	text-align:right;
	margin-right:5%;
}
.form01 dt.al-l { text-align:left; }
.form01 dd { width:70%; }
.form01 dd input[type=text],
.form01 textarea { width:auto; }
.form01 input.zipcode { width:15% !important; }

.form01 dd dl { margin-bottom:0; }
.form01 dd dt {
	width:18%;
	margin-right:2%;
}
.form01 dd dd { width:80%; }
.form01 dd dd:last-child { margin-bottom:0; }
}


/* +++++ 送信ボタン（共通） +++++ */

.submit-button { text-align:center; }




/* ================= What's New-reccomend ======================= */
#wrapper.whatsnew section h1,
#wrapper.recommend section h1 {
	margin-bottom:20px;
	padding:0 0 5px 0;
	border-bottom:1px solid #d3c1ad;
	color:#6a2c07;
	font-size:20px;
	font-weight:bold;
	line-height:1.4em;
}

#wrapper.whatsnew section h2,
#wrapper.recommend section h2 {
	margin-bottom:20px;
	padding:5px 10px 2px 10px;
	background:#f2eee6;
	border-bottom:1px solid #6a2c07;
	color:#6a2c07;
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
}

#wrapper.whatsnew section h3,
#wrapper.recommend section h3 {
	margin-bottom:20px;
	padding:0 0 0 10px;
	border-left:4px solid #999;
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
}





/* --------------------- privacy --------------------- */
#wrapper.policy section { line-height:1.6em; }
#wrapper.policy section dl { margin:0 20px 40px 0; }
#wrapper.policy section dt { margin:0 0 5px 0; font-weight:bold; }
#wrapper.policy section dd { margin:0 0 20px 0; }

#wrapper.policy section dd ul { margin:20px 20px 25px 30px; }
#wrapper.policy section dd ol { margin:10px 20px 25px 40px; }
#wrapper.policy section dd ul li,
#wrapper.policy section dd ol li { margin:0 0 5px 0; line-height:1.6em; }
#wrapper.policy section dd ul li { list-style:disc; }
#wrapper.policy section dd ol li { list-style:decimal; }


@media print, screen and (min-width: 768px) {
#wrapper.policy section dl { margin:0 20px 40px 20px; }
#wrapper.policy section dd ul { margin:20px 20px 25px 80px; }
#wrapper.policy section dd ol { margin:10px 20px 25px 90px; }
}



/* ================= sitemap ======================= */
section.sitemap ul {
margin:10px 0 0 100px;
}
section.sitemap li {
margin:0 0 20px 0;
padding:10px 0 6px 15px;
background:#f2eee6;
border-left:5px solid #d9bcaa;
list-style:none;
color:#4f2a11;
font-weight:bold;
line-height:1.2em;
}

section.sitemap ul li a:link,
section.sitemap ul li a:visited { text-decoration:none; }

section.sitemap ul ul { margin:12px 0 0 30px !important; }
section.sitemap ul ul li {
width:515px;
margin:0 0 12px 0;
border-left:none;
color:#333;
font-weight:normal;
}

section.sitemap ul ul li a:link,
section.sitemap ul ul li a:visited { text-decoration:none; }

section.sitemap ul ul ul { margin:10px 0 20px 30px !important; }
section.sitemap ul ul ul li {
width:473px;
margin:0 0 10px 0;
}

section.sitemap ul.end { margin-bottom:6px !important; }
section.sitemap ul li.end { margin-bottom:0; }