@charset "utf-8";

#container {
	width: 100%;
	max-width: 810px;
	overflow: hidden;
}

/*#toppage article {
	margin: 12% auto 0;  
	width: 100%;
	height:auto;
}
*/

/*  header 
------------------------------------------------*/

header {
	width: 100%;
	max-width: 810px;
	background-size: 100% 35px;
}


.header-wrap1 {
	width: 100%;
	max-width: 810px;
}



header .header-section1 {
	width: 100%;
	height: 121px;
	margin: -4.3% auto 0;
	background-color: #f39;
}

header .header-section1-inner {
	
	width: 100%;
	max-width: 810px;
	height: 85px;
	margin: 0px auto 0;
	padding-top: 4px;
	padding-bottom: 4px;
	background-color: #f39
}


.header-section1-left {
	width: 100%;
	height: auto;
	float: none;
	background-color: #f39;
}

.header-section1-right {
	position: relative;
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	background-color: unset;
	color: #fff;
	font-weight: 700;
	color: #ffff99;
}

header h1 {
	margin-right: 10px;
	margin-bottom: 44px;
	padding-top: 1%;
	line-height: 0;
}

header .header-section1 h2 {
	font-size: 250%;
}
header .header-section1 h2 img{
	/*font-size: 250%;*/
}

header .header-section1 img {
	width: 70px;
	height: auto;
	margin-left: 170px;
	margin-right: -5px;
}

body .header-section1-right p.hs1-2-time {
	font-size: 1.2em;
	position: absolute;
	left: 23%;
	top: 10px;
	margin: 0;
	padding: 0;
}


body .header-section1-right p.hs1-2-tel {
	font-size: 1.2em;
	position: absolute;
	right: 24%;
	top: 10px;
	margin: 0;
	padding: 0;
}


.out-nav1 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -30px;
	left: 5px;
}


.out-nav2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: -15px;
	right: 5px;
}


.out-nav1 li img ,
.out-nav2 li img{
	list-style-type: none;
	width: 135px;
	height: auto;
	margin: 0;
}
#nav-open {
	display:none;
}
.out-nav-wrap {
	position:relative;
}

/*-------------------------------------------------------------
	nav全般
---------------------------------------------------------------*/

.header-section2 {
    width: 100%;
    height: 83px;
    background-color: #fc0;
    margin: 0;
}
.header-section2-inner {
    width: 150%;
    height: 60px;
    margin: 0 4%;
    background-color: fc0;
}

/*---------------ハンバーガーメニュー関連------------------------------*/
/* ハンバーガーメニュー */
.hm-menu {
	display:block;
}
.menubutton {
	top: 10px;
	right: 10px;
}


/*  nav（ハンバーガーメニュー以外）  
------------------------------------------------*/

/* メニューバー直後のClearfix */
div.menubar ul#menu {
	zoom: 1;
}

div.menubar ul#menu:after {
	height: 0;
	visibility:hidden;
	content: ".";
	display: block;
	clear: both;
}


/* メインメニュー */


/* 第1階層 */
nav.header-section2-inner ul {
	display: inline-table;
	list-style: none;
	position: relative;
	width: 100%;
	height: 60px;
	padding-inline-start: 0px;
	margin: 0 auto;
	padding: 0;
}

nav.header-section2-inner ul {
	clear: both;
	content: "";
	display: block;
}

media="only screen and (min-width: 600px) and (max-width: 810px) and (min-height: 500px)"
nav.header-section2-inner ul li.main-nav-li, nav.header-section2-inner ul li.main-nav-current {
    width: 25%;
    height: 100px;
    text-align: center;
    margin: 0;
    padding: 9px 35px;
}

nav.header-section2-inner ul li.main-nav-li img.mainnav-img01 {
    width: 76%;
    height: auto;
    padding: 0 5%;
}

nav.header-section2-inner ul li.main-nav-li:first-child {
	margin-left: 0;
}

nav.header-section2-inner ul li.main-nav-li:last-child {
	margin-right: 0;
}


nav.header-section2-inner ul li.main-nav-li a {
	font-size: 100%;
}
nav.header-section2-inner ul li.main-nav-li a.main-nav-li-a-small {
	font-size: 76%;
}



/*-------------------------------------------------------------
---------------------メインビジュアル関係-----------------------
----------------------------------------------------------------*/


#toppage .index-header-wrap2-outer {
	width: 100%;
	height: auto;/* イメージのサイズに合わせる（652pxは554pxだった場合）と同じ高さ */
	background-color: #fff;
}



#toppage .index-header-wrap2 {
	width: 100%;
	height: auto;/* イメージのサイズに合わせる（614pxは554pxだった場合）と同じ高さ */
	margin: 0 auto;
}

#toppage .index-header-wrap2-inner {
	width: 100%;
	position:relative;
	background-image: url(../images/background-image/shane-ohono-3s.gif);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: center top;
	/*margin-top: 60px;*/
	margin-top: 0;
}



#toppage .index-header-wrap3 {
	/*width: 100%;
	margin: 0;
	padding: 0;
	background-color: #320e14;
	color: #fff;
	text-align: center;
	padding-top: 3px;*/
	/*padding-top: 0;*/
	font-size: 1.7em;
	/*font-weight: 400;*/
}
		

.main-visual {
	height: 201px;
	background-size: 100% auto;
}
#contact .page-header-wrap2-inner {
	width: 100%;
	height: 201px;
	background-size: 100% auto;
}



footer {
	margin: 3% 0% 0%;
	width: 100%;
	max-width: 810px;/* footer
------------------------------------------------*/
	height: 330px;
}


.footer1 {
	margin: 100px auto 0;
	width: 100%;
	max-width: 810px;
	height: 285px;
}
body .footer1 p ,
body .footer1 li {
	font-size: 100%;
}

.footer-pack {
	text-align: left;
	width: 100%;
	max-width: 810px;
	padding-top: 16px;
	margin: 0 0 0 0%;
}


.footer-pack-01 {
	width: 29%;
	height: 260px;
	padding-left: 6%;
	float: left;
}

.footer-pack-02 ,
.footer-pack-03 {
	width: 21%;
	height: 260px;
	padding-left: 1%;
	float: left;
}


.footer-pack-04 {
	width: 22%;
	height: 260px;
	padding-left: 1%;
	float: left;
}

.footer-menu1 ul {
	padding-top: 9px;
	list-style-type: none;
	padding-inline-start: 10px;
}


.footer2 {
	width: 100%x;
	max-width: 810px;
}
small {
	font-size: 90%;
}

p.pagetop img {
	width: 55px;
	bottom: 10px;
	right: 10px;
}


body .footer1 li a.footer-small-font {
	font-size: 85%;
}


/* topページ
------------------------------------------------*/

.page-wrap02-01 img {
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.page-wrap p.main-masseage-p2 {
    font-size: 150%;
    margin: 0 4%;
    margin-bottom: 0;
}
.page-wrap p.main-masseage-p3 {
    font-size: 150%;
    margin: -2% 4% 3%;
}



/* 共通設定
------------------------------------------------*/

article {
	width: 100%;
	max-width: 810px;
	min-width: 668px;
}


.page-wrap {
	width: 100%;
}


#toppage .page-wrap {
	width: 100%;
	max-width: 810px;
	margin: 0 auto;
	padding: 0;
}


.common-information {
	height: 490px;
	width: 100%;
	padding-left: 0%;
	padding-right: 0%;
}


#information1, #information1-2, #information2, #information3, #information4 {
    width: 30%;
    margin: 0% 0 6% 2%;
    font-size: 0.85em;
    height: 380px;
}

#information1 dl, #information1-2 dl, #information2 dl, #information4 dl{
    padding-left: 1%;
    padding-top: 0;
    
}
div.contents {
	height: 77%;
}

#information1 dt, #information1-2 dt {
    font-size: 0.95em;
    padding: 1% 6%;
}

#information2 dt ,#information4 dt{
    font-size: 0.95em;
    padding-left: 3%;
    clear: both;
}
#information1 h3, #information1-2 h3, #information2 h3, #information3 h3, #information4 h3 {
    margin: 0;
    font-size: 1.2em;
}

#information1 dd, #information1-2 dd, #information2 dd ,#information4 dd{
    font-size: 1em;
    width: 90%;
    padding-bottom: 1.8%;
    margin-left: 8%;
}
#information3 ul {
    padding-left: 5%;
    font-size: 0.95em;
    line-height: 1.8em;
    padding-top: 9%;
    width: 97%;
}

#information3 ul.link1 {
    padding-top: 10%;
    padding-left: 7%;
    font-size: 0.9em;
    list-style: none;
    line-height: 2.6em;
}

#information3 ul.link1 {
    font-size: 1em;
    line-height: 2;
}

#top .information h2 {
    margin: 10% 38% 3%;
}

.map img{
	margin: 0 3% 0 6%;
	width: 90%;
	height: auto;
}


#toppage h3.index-h3-01 {
	font-size: 190%;
}
#toppage .page-wrap02-01 {
	width: 90%;
}
#toppage .page-wrap p.main-masseage-p {
	font-size: 130%;
}
.index-section-01-back {
	margin-top: -317px;
	z-index: 1;
	width: 98%;
	height: 555px;
	margin-left: 1%;
	margin-right: 1%;
	position: relative;
}
.index-section-01-back img {
	width: 96%;
	height: 100%;
	margin:0 2%;
}
.index-section-01 h4.index-h4-01 {
	font-size: 220%;
	text-align: center;
	color: #f5f48e;
	border: none;
	margin-top: 249px;
	z-index: 5;
	position: relative;
}
h4.index-h4-02 {
	font-size: 200%;
}
.ind-sec02-hierarchy {
	width: 98%;
	height: 660px;
}
.ind-sec02-point-part {
	width: 46%;
	margin: 2%;
}
h4.index-h4-03 {
	font-size: 200%;
}
.index-section-03-outer .illust img {
	width: 66%;
}
.index-section-03 .illust {
	top: -80px;
	right: -44px;
}
.index-section-03-inner dl {
	margin-left: 50px;
}
.index-section-03-inner dl dt.ind-sec03-dt1 {
	margin: 0;
	left: -60px;
}
.index-section-03-inner dl dd.ind-sec03-dt3 {
	margin-left: 130px;
	font-size: 125%;
}
p.common-masseage-01 {
	font-size: 100%;
}

.index-section-01 ul.ind-sec-01-upper ,
.index-section-01 ul.ind-sec-01-lower {
	list-style-type: none;
	padding-inline-start: 0px;
	z-index: 3;
}
.index-section-01 ul.ind-sec-01-upper ,
.index-section-01 ul.ind-sec-01-lower {
	clear: both;
	content: "";
	display: block;
}

.index-section-01 ul.ind-sec-01-upper {
    position: absolute;
    width: 94%;
    top: 21px;
    left: 29px;
}

.index-section-01 ul.ind-sec-01-lower {
	position: absolute;
	width: 94%;
	top: 300px;
	left: 29px;
}


.index-section-01 ul.ind-sec-01-upper li ,
.index-section-01 ul.ind-sec-01-lower li {
	float: left;
	margin: 0 1%;
	width: 23%;
	height: 225px
}

.index-section-01 ul.ind-sec-01-upper li img ,
.index-section-01 ul.ind-sec-01-lower li img {
	width: 90%;
	height: auto;
	z-index: 5;
	position: relative;
}




/* 下層ページサブメニュー */
.sub-menu-wrapper1 {
    height: 150px;
    margin-top: 34px;
    padding-bottom: 1%;
}
.sub-menu-wrap1 {
	width: 100%;
}
.page-current p {
	top: 35px;
}
.page-current p img {
	width: 66%;
}
.sub-menu-wrapper1 h3 {
	margin-left: 0;
}
.sub-menu-wrapper1 .wrap-inner2 {
	width: 70%;
	margin: 0;
}
.sub-menu-wrap1 .wrap-inner2 ul {
	width: 100%;
	padding: 0;
	margin: 3% 0;
}
/* 事業所案内 */

h3.office-info-h3 {
    font-size: 260%;
}
#office-info .page-current p {
	left: 13%;
}
#office-info .office-information-img img {
	width: 75%;
}
#office-info .office-information-img {
	top: -3%;
}
#office-info .dd-custom-01 {
	width: 45%;
}

.rabbit-and-cat-images {
	top: -2%;
	right: -9%;
}
#office-info .rabbit-and-cat-images img {
	width: 66%;
}

.access-info-list-custom01 {
	font-size: 110%;
}
.access-info-list-custom03 {
	font-size: 110%;
}
.left-box ul li ul li.access-info-list-custom04 {
	font-size: 110%;
}

.access-info .left-box {
	width: 55%;
}
.access-info .right-box {
	width: 45%;
}
#office-info .right-box dt {
	font-size: 120%;
}
#office-info .right-box dd {
	font-size: 100%;
	margin-left: 20px;
}
.access-info ul ul {
	padding-left: 20px;
}
.photo-box img {
	width: 29%;
}
.illust-box img {
	left: 20%;
	width: 66%;
}


/* ご利用について */
#about-use .page-current p {
	left: 37%;
}
#about-use .sub-menu-wrap1 h3 {
	font-size: 1.8em;
	margin-left: 0;
	margin-top: 21%;
}

.sub-menu-wrap1 li a img {
    width: 80%;
}
h3.service-h3-1 {
    font-size: 260%;
}
p.service-text {
	font-size: 150%;
}

.service-text-box h5 {
	font-size: 140%;
}
.service-text-box li {
	font-size: 115%;
}
.service-text-box p {
	font-size: 115%;
}
.price-wrap td {
	font-size: 100%;
}
.table-wrap th {
	font-size: 100%;
}
.table-wrap .tb2 th {
	font-size: 100%;
}
/* 一日の流れ */

#flow-of-the-day h3.one-day-flow {
    font-size: 240%;
}
#flow-of-the-day .page-current p {
	left: 61%;
}
#flow-of-the-day h3 {
	font-size: 2em;
	margin-top: 16%;
	margin-left: 2%;
}
#flow-of-the-day .wrap01-01 {
	width: 94%;
	margin: 0 1%;
}
#flow-of-the-day .work-table-box {
	width: 98%;
}
#flow-of-the-day .work-table-box table {
	width: 100%;
}
#flow-of-the-day table.out-work {
	font-size: 90%;
}
#flow-of-the-day .text-box p {
	font-size: 90%;
}
#flow-of-the-day .lunch-menu-box h5 {
	font-size: 175%;
}

/* メンバーの声 */

#voice-of-member .sub-menu-wrapper1 h3 {
    margin-top: -5%;
}
#voice-of-member .voice-of-member h4 {
	width: 70%;
	margin-left: 10px;
}
#voice-of-member .page-current p {
	left: 85%;
}
#voice-of-member .sub-menu-wrapper1 {
	margin-top: 65px;
	padding: 0;
}
#voice-of-member .illust-1 {
	top: -5px;
	right: -17px;
}
#voice-of-member .illust-1 img {
	width: 77%;
}

#voice-of-member .wap01 {
	padding-bottom: 360px;
}
#voice-of-member .wap01-01 .name-wrap1 p {
	width: 74%;
}
#voice-of-member .text-box {
	min-height: 320px;
}
#voice-of-member .illust-2 img {
	width: 90%;
}
#voice-of-member .inner-box.in-3 p {
	margin-top: -1em;
	margin-bottom: 1em;
}

/* お問い合わせ */
#contact .contact-form-privacy {
	width: 90%;
	margin: 5% auto;
	text-align: left;
	font-size: 120%;
}
#contact table.formTable th {
	font-size: 110%;
}
table.formTable {
	width: 90%;
}
table.formTable th {
	width: 35%;
}

/* 採用情報 */
.recruit-h3 {
    font-size: 260%;
}
.page-wrap p.recruit-form-p {
    font-size: 150%;
}
/* プライバシーポリシー */
#privacy .privacy {
	padding: 5% 5% 0;
}
/* アーティスト */
#artist .artist img {
	width: 65%;
}
#artist .artist-illust1 {
	top: 10px;
	right: -75px;
}
#artist .artist-illust2 {
	right: -115px;
}
#artist .discript {
	width: 80%;
}
#artist .profile dd {
	padding: 2% 0;
}
#artist .profile dl {
	margin-bottom: 20px;
}
#artist .profile dd {
	float: none;
}

/* 改行制御
------------------------------------------------*/

/*.res-tab-br:before {
	content: "\A" ;
	white-space: pre ;
}*/

/* iPad W768 */
@media screen and (max-width: 768px) {
	#voice-of-member .inner-box.in-4 p {
		margin-top: -1em;
		margin-bottom: 1em;
	}
}



/* video */
.video-box {
    width: 89%;
}

.bana-tsukuritai img{  
    width: 96%;
    height: auto;
    margin: 2%;
}