@charset "UTF-8";
/*-----------------------------------------------------------------------------
basic
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	list-style: none;
}

html {
	overflow-y: scroll;
	background-color: #fff;
}
nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
}

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}




/*---------------------------------------------  common ------- */
.clearfix:after {
  content: "";
  clear: both;
	display: table;
}
.clear{
	clear: both;
}

.fluid {
	max-width: 1170px;
	margin: 0 auto;
}
a{outline:none;}

/* 共通
---------------------------------------------------- */
body{font-size:96%;
line-height:1.8em;
font-family:"ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka,"メイリオ", "ＭＳ Ｐゴシック", Meiryo, sans-serif;
color:#333;
letter-spacing: 0.05rem;}


.fluid {
	max-width: 1170px;
	margin: 0 auto;
}



.clearfix:after {
  content: "";
  clear: both;
	display: table;
}
.clear {clear: both;}

a{outline:none;}

.f-right {float: right;}
.f-left {float: left;}
.pointer {cursor: pointer;}
ul.decimal li{list-style: decimal;margin-bottom: 10px;margin-left: 20px;}
ul.dot li{list-style:disc;margin-bottom: 10px!important;margin-left: 20px;line-height: 1.5;font-size: 14px;}

.mb0  { margin-bottom: 0 !important; }
.mb5  { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb80 { margin-bottom: 80px !important; }
.mt10 { margin-top: 10px !important; }
.mt20 { margin-top: 20px !important; }
.pad10 { padding: 10px; }
.pad20 { padding: 20px; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pl10 { padding-left: 10px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pt30 { padding-top: 30px !important; }
.pt40 { padding-top: 40px !important; }
.pt50 { padding-top: 50px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb50 { padding-bottom: 50px !important; }
.w20 { width: 20%; }
.w25 { width: 25%; }
.w33 { width: 33.33333333%; }
.w50 { width: 50%; }
.w60 { width: 60%; margin: 0px auto;}
.w70 { width: 70%; }
.w80 { width: 80%; margin: 0px auto;}


/* アニメーション
---------------------------------------------------- */
.float {
  animation: float_6727 4s linear infinite;
  transform-origin: 50% 50%;
}

@keyframes float_6727 {
  0% { transform: translateY(0) }
  25% { transform: translateY(-6px) }
  50% { transform: translateY(0) }
  100% { transform: translateY(0) }
}




/* link
---------------------------------------------------- */
a:link,a:visited{text-decoration:none;}
a:hover,a:active{text-decoration:none;}
a.opacity {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
a.opacity:hover {
	-webkit-opacity: 0.6;
	-moz-opacity: 0.6;
	opacity: 0.6;
}
a:focus{
  outline: none;
}
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
[data-action="call"]  {text-decoration: none;}

/* font-size color
---------------------------------------------------- */
.x-small { font-size: 10px; line-height: 1.6; }
.small { font-size: 12px; line-height: 1.6; }
.middle { font-size: 14px; }
.large { font-size: 16px; }
.x-large { font-size: 18px; }
.x2-large { font-size: 20px; }
.x3-large { font-size: 22px; }
.x4-large { font-size: 24px; }
.max-large { font-size: 32px; }
.italic {font-style: italic;}
.bold{font-weight: bold;}

.white { color: #ffffff; }
.red { color: #f00; }
.blue { color: #06c; }
.brown { color: #733713; }
.orange { color: #f60; }
.green { color: #508019; }







#pagetop {
    position: fixed;
    bottom: 100px;
    right: 10px;
	z-index: 10;
}


/* 固定メニュー
---------------------------------------------------- */
#navibar {
    width: 100%;
    height: 99px;
    z-index: 100;
}
.cb-header {
    position: fixed;/* 固定 */
    top: 0;/* 上から0の位置に固定 */
    left: 0;/* 左から0の位置に固定 */
    display: none;/* 非表示 */
}

.sc {
    width: 100%;
    margin: 0 auto;
		text-align: center;
		border-bottom: 1px solid #dcdcdc;
		background: rgba(255, 255, 255, 0.9);
}

@media (min-width: 992px) {
.navarea-cd{padding: 15px 0px 5px 0px;text-align: center;}
.navarea-cd li{display: inline-block;padding: 0px 2px;vertical-align: bottom;}
.navarea-cd li .cate1{display: block;text-align: center;background: #c8dd97;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea-cd li .cate2{display: block;text-align: center;background: #e3c4b1;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea-cd li a{text-decoration: none;display: block;text-align: center;padding: 3px 4px;}
.navarea-cd li a:hover{background: #FA812D;border-radius: 6px;}
.navarea-cd li a.active{background: #FA812D;border-radius: 6px;}
.navarea-cd li a img{height: 25px;width: auto;}

}

@media (min-width: 1200px) {
.navarea-cd{padding: 15px 0px 5px 0px;text-align: center;}
.navarea-cd li{display: inline-block;padding: 0px 2px;vertical-align: bottom;}
.navarea-cd li .cate1{display: block;text-align: center;background: #c8dd97;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea-cd li .cate2{display: block;text-align: center;background: #e3c4b1;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea-cd li a{text-decoration: none;display: block;text-align: center;padding: 3px 5px;}
.navarea-cd li a:hover{background: #FA812D;border-radius: 6px;}
.navarea-cd li a.active{background: #FA812D;border-radius: 6px;}
.navarea-cd li a img{height: auto;width: auto;}

}


.navarea{display: none;}

@media (min-width: 992px) {
.navarea{display: block; border-top:1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 15px 0px;text-align: center;}
.navarea li{display: inline-block;padding: 0px 2px;vertical-align: bottom;}
.navarea li .cate1{display: block;text-align: center;background: #c8dd97;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li .cate2{display: block;text-align: center;background: #e3c4b1;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li a{text-decoration: none;display: block;text-align: center;padding: 3px 4px;}
.navarea li a:hover{background: #FA812D;border-radius: 6px;}
.navarea li a.active{background: #FA812D;border-radius: 6px;}
.navarea li a img{height: 25px;width: auto;}

}

@media (min-width: 1200px) {
.navarea{border-top:1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 15px 0px;text-align: center;}
.navarea li{display: inline-block;padding: 0px 2px;vertical-align: bottom;}
.navarea li .cate1{display: block;text-align: center;background: #c8dd97;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li .cate2{display: block;text-align: center;background: #e3c4b1;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li a{text-decoration: none;display: block;text-align: center;padding: 3px 5px;}
.navarea li a:hover{background: #FA812D;border-radius: 6px;}
.navarea li a.active{background: #FA812D;border-radius: 6px;}
.navarea li a img{height: auto;width: auto;}

}


/*----------------------------------------------------------  index.html  ------*/
.home .main{background: url("../images/bg-main2-xs.jpg");background-position: center top;background-repeat: no-repeat;height: 400px;background-size: cover;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:15px;left:0;}
.home .main h1.header-logo img{width:200px;height: auto;}

.main-tel-xs{text-align: center;margin-bottom: 15px;}
.tel-xs{text-align: center;font-size: 20px;color: #fff;background: #fa812d;padding: 10px 5px;margin: 10px 25px;border-radius: 25px;}
.tel-xs span{color: #fff!important;font-weight: bold;}

.home .section1{background: none;background-position: center top;background-repeat: no-repeat;padding-top: 10px;padding-bottom: 50px;}
.home .section1 .in{background: none;background-position: center top;background-repeat: no-repeat;}
.home .section1 .in img{padding-top: 0px;margin-bottom: 15px;}

.home .section2{background:#feead8;padding: 40px 0px;}
.home .section2 .title{text-align: center;margin-bottom: 30px;}
.home .section2 .title img{width: 270px;height: auto;}
.home .section2 .b-pic{text-align: center;margin-bottom: 10px;}
.home .section2 .b-pic-t{text-align: center;margin-bottom: 20px;}
.home .section2 .b-pic-t img{height: 25px;width: auto;}
.home .section2 li {padding-bottom: 10px;border-bottom: 1px solid #733713;margin-bottom: 20px;}
.home .section2 li:last-child {margin-bottom: 0px;}
.home .section2 li p{text-align: left;margin: 0px 10px;margin-bottom: 20px;}
.home .section2 li p.tel{text-align: center;color: #FA812D;font-size: 20px;font-weight: bold;}
.home .section2 li p.tel span{color: #FA812D;font-weight: bold;}

.home .section3{background:#fff;padding: 50px 0px;}
.home .section3 .left{text-align: center;position: relative;height:350px;}
.home .section3 .left .sub-pic{position: absolute;z-index: 1;left:0;right: 0;}
.home .section3 .left .pet{position: absolute;z-index: 2;left:0;right: 0;}
.home .section3 .left .pet .pic{position: absolute;z-index: 3;left:0;top:100px;}
.home .section3 .left .pet .pic img{width: 150px;height: auto;}
.home .section3 .left .pet .textarea{position: absolute;z-index: 4;left:130px;top:150px;}
.home .section3 .left .pet .textarea p.t{font-size: 16px;text-align: left;font-weight: bold;margin-bottom: 15px;}
.home .section3 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 30px;padding-right: 10px;}
.home .section3 .left .pet .textarea p.txt{font-size: 13px;padding-left: 30px;text-align: left;line-height: 1.6;letter-spacing: 0.05rem;}

.home .section3 .sun-t img{margin: 0px;vertical-align: bottom;}
.home .section3 .sun-tel-box{border-top: 5px solid #FA812D;background: #f5f1ea;padding: 45px 15px;text-align: center;}
.home .section3 .sun-tel-box .index{font-size: 18px;font-weight: bold;color: #733713;margin-bottom: 20px;}
.home .section3 .sun-tel-box .tel{font-size: 20px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box .tel span{font-weight: bold;color: #fa812d;}
.home .section3 .sun-tel-box .fax{font-size: 20px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 230px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 .sun-tel-box a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 230px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 a.btn-himawari{background:url("../images/himawari-xs.png"),#f08237;background-position: left 5px center; background-repeat: no-repeat; padding: 17px 10px 17px 55px;width: 280px;font-size: 13px;display: inline-block;color: white;text-align: left;border-radius: 50px;line-height: 1.5;}
.home .section3 a:hover.btn-himawari{background:url("../images/himawari-xs.png"),#f07019;background-position: left 5px center; background-repeat: no-repeat; padding: 17px 10px 17px 55px;width: 280px;font-size: 13px;display: inline-block;color: white;text-align: left;border-radius: 50px;}


.home .section4{background:#f4f0ea;padding: 50px 0px 20px 0px;}
.home .section4 .pet{background: url("../images/nyanko.png");background-position: top right;background-repeat: no-repeat;display: block;background-size: 140px 155px;}
.home .section4 .pet .pic{text-align: left;}
.home .section4 .pet .textarea{padding-top:70px;margin-right: 100px; padding-bottom:30px;display: block;}
.home .section4 .pet .textarea p.t{font-size: 18px;text-align: right;font-weight: bold;margin-bottom: 30px;margin-right: 10px;}
.home .section4 .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 10px;padding-right: 30px;}
.home .section4 .pet .textarea p.txt{font-size: 13px;padding-left: 10px;text-align:right;line-height: 1.6;padding-right: 30px;}

.home .section4 .nyanko-t img{width: 155px;height: auto; margin: 0px;vertical-align: bottom;}
.home .section4 .nyanko-t img.maru{width:100px;height: auto;}
.home .section4 .nyanko-tel-box{border-top: 5px solid #FA812D;background: #fff;padding: 55px 15px 45px 15px;text-align: center;margin-top: -22px;}
.home .section4 .nyanko-tel-box p{text-align: left;font-size: 14px;}
.home .section4 .nyanko-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}

.home .section4 a.btn-momo{ background:url("../images/momo.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 100%;font-size: 13px;letter-spacing: 0rem; display: inline-block;color: white;text-align: center;border-radius: 50px;margin-bottom: 40px;}
.home .section4 a:hover.btn-momo{background:url("../images/momo.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width:100%;font-size: 13px;display: inline-block;color: white;text-align: center;border-radius: 50px;}

.home .section5{background:url("../images/bg-top-rotas.jpg");background-position: center;background-size: contain;background-repeat: no-repeat; padding: 70px 0px 40px 0px;}
.home .section5 .t-box{position: relative;height: 80px;}
.home .section5 .t-box .t{position: absolute;left:0;right: 0;top:10px;z-index: 1;}
.home .section5 .t-box .kobito{position: absolute;top:-55px;right: 0px;z-index: 0;}
.home .section5 .t-box .kobito img{width: 100px;height: auto;}
.home .section5 .rotas-box{background: #f5f1ea;border:1px solid #ffcaa5;padding: 20px 15px; }
.home .section5 .rotas-box .phone{text-align: center;font-size: 22px;font-weight: bold;color: #fa812d; line-height: 50px;}
.home .section5 .rotas-box .phone span{font-weight: bold;color: #fa812d;}
.home .section5 .rotas-box  a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 100%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 100%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  p.info{font-size: 14px;text-align: left;width:100%;margin: 0px auto;}

footer{background: #574e49;padding: 30px 0px;color: white;}
footer .bg-kobito{background: url("../images/footer-line.png");background-position: right bottom;background-repeat: no-repeat;padding-bottom:20px;margin-bottom: 30px;}

footer .footer-logo{margin-bottom: 20px;text-align: center;}
footer p{margin-bottom: 15px;text-align:center;font-size: 14px;}
footer p.tel{font-size: 22px;font-weight: bold;margin-bottom: 35px;}
.footer-menu{font-weight: bold;font-size: 14px;width: 100%;margin: 0px auto;}
.footer-menu a{color: white;font-size: 13px;text-decoration: underline;font-weight: normal;}
.footer-menu a:hover{color: #ccc;font-size: 13px;text-decoration: none;}

footer p.copy{margin-bottom: 0px;text-align: center;font-size: 13px;color: #ccc;}
footer [data-action="call"]  {text-decoration: none;color: white;}






@media (min-width: 768px) {
.home .main{background: url("../images/bg-main2.jpg");background-position: center top;background-repeat: no-repeat;height: 530px;background-size: cover;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:30px;left:0;}
.home .main h1.header-logo img{width:280px;height: auto;}

.home .main .main-tel{
	padding-left: 10px;
position: absolute;z-index: 1;top:0px;right: 20px;}
.home .main .main-tel img{width:430px;height: auto;}

.home .section1{background: none;background-position: center bottom;background-repeat: no-repeat;padding-top: 10px;}
.home .section1 .in{background: none;background-position: center top;background-repeat: no-repeat;}
.home .section1 .in img{padding-top: 0px;margin-bottom: 15px;}

.home .section2{background:#feead8;padding: 60px 0px;}
.home .section2 .title{text-align: center;margin-bottom: 30px;}
.home .section2 .title img{width:auto;height: auto;}
.home .section2 .b-pic{text-align: center;margin-bottom: 30px;}
.home .section2 .b-pic-t{text-align: center;margin-bottom: 20px;}
.home .section2 .b-pic-t img{height: 27px;width: auto;}
.home .section2 li {padding-bottom: 10px;border-bottom: none;margin-bottom: 0px;}
.home .section2 li p{text-align: left;margin: 0px 10px;margin-bottom: 20px;}
.home .section2 li p.tel{text-align: center;color: #FA812D;font-size: 20px;font-weight: bold;}


.home .section3{background:#fff;padding: 60px 0px;}
.home .section3 .left{text-align: center;position: relative;}
.home .section3 .left .sub-pic{position: absolute;z-index: 1;left:0;right: 0;}
.home .section3 .left .pet{position: absolute;z-index: 2;left:0;right: 0;}
.home .section3 .left .pet .pic{position: absolute;z-index: 3;left:0;top:120px;}
.home .section3 .left .pet .pic img{width: 180px;height: auto;}
.home .section3 .left .pet .textarea{position: absolute;z-index: 4;left:150px;top:180px;}
.home .section3 .left .pet .textarea p.t{font-size: 16px;text-align: left;font-weight: bold;margin-bottom: 20px;}
.home .section3 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 40px;padding-right: 10px;}
.home .section3 .left .pet .textarea p.txt{font-size: 13px;padding-left: 40px;text-align: left;line-height: 1.7;letter-spacing: 0.05rem;}

.home .section3 .sun-t img{margin: 0px;vertical-align: bottom;}
.home .section3 .sun-tel-box{border-top: 5px solid #FA812D;background: #f5f1ea;padding: 45px 15px;text-align: center;}
.home .section3 .sun-tel-box .index{font-size: 18px;font-weight: bold;color: #733713;margin-bottom: 20px;}
.home .section3 .sun-tel-box .tel{font-size: 20px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box .fax{font-size: 20px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 230px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 .sun-tel-box a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 230px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 a.btn-himawari{background:url("../images/himawari.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}
.home .section3 a:hover.btn-himawari{background:url("../images/himawari.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}


.home .section4{background:#f4f0ea;padding: 60px 0px 30px 0px;}
.home .section4 .pet{background: url("../images/nyanko.png");background-position: top right;background-repeat: no-repeat;display: block;background-size: 180px 195px;}
.home .section4 .pet .pic{text-align: left;}
.home .section4 .pet .textarea{padding-top:110px;margin-right: 150px; padding-bottom: 40px;display: block;}
.home .section4 .pet .textarea p.t{font-size: 18px;text-align: right;font-weight: bold;margin-bottom: 30px;}
.home .section4 .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 10px;padding-right: 30px;}
.home .section4 .pet .textarea p.txt{font-size: 14px;padding-left: 10px;text-align:right;line-height: 1.8;padding-right: 30px;}

.home .section4 .nyanko-t img{margin: 0px;vertical-align: bottom;}
.home .section4 .nyanko-t img.maru{width:100px;height: auto;}
.home .section4 .nyanko-tel-box{border-top: 5px solid #FA812D;background: #fff;padding: 55px 15px 45px 15px;text-align: center;margin-top: -32px;}
.home .section4 .nyanko-tel-box p{text-align: left;font-size: 14px;}
.home .section4 .nyanko-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}

.home .section4 a.btn-momo{ background:url("../images/momo.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 100%;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;margin-bottom: 0px;}
.home .section4 a:hover.btn-momo{background:url("../images/momo.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width:100%;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}



.home .section5{background:url("../images/bg-top-rotas.jpg");background-position: center;background-size: contain;background-repeat: no-repeat; padding: 60px 0px;}
.home .section5 .t-box{position: relative;height: 80px;}
.home .section5 .t-box .t{position: absolute;left:0;right: 0;top:10px;z-index: 1;}
.home .section5 .t-box .kobito{position: absolute;top:-55px;right: 0px;z-index: 0;}
.home .section5 .t-box .kobito img{width: 100px;height: auto;}
.home .section5 .rotas-box{background: #f5f1ea;border:1px solid #ffcaa5;padding: 30px 15px; }
.home .section5 .rotas-box .phone{text-align: center;font-size: 28px;font-weight: bold;color: #fa812d; line-height: 50px;}
.home .section5 .rotas-box  a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  p.info{font-size: 14px;text-align: left;width:70%;margin: 0px auto;}

footer{background: #574e49;padding: 40px 0px;color: white;}
footer .bg-kobito{background: url("../images/footer-line.png");background-position: right bottom;background-repeat: no-repeat;padding-bottom:20px;margin-bottom: 50px;}

footer .footer-logo{margin-bottom: 20px;text-align: center;}
footer p{margin-bottom: 15px;text-align: center}
footer p.tel{font-size: 20px;font-weight: bold;margin-bottom: 25px;}
.footer-menu{font-weight: bold;font-size: 14px;width: 80%;margin: 0px auto;}
.footer-menu a{color: white;font-size: 13px;text-decoration: underline;font-weight: normal;}
.footer-menu a:hover{color: #ccc;font-size: 13px;text-decoration: none;}

footer p.copy{margin-bottom: 0px;text-align: center;font-size: 13px;color: #ccc;}


}


@media (min-width: 834px) {
.home .main{background: url("../images/bg-main2.jpg");background-position: center top;background-repeat: no-repeat;height: 530px;background-size: cover;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:30px;left:0;}
.home .main h1.header-logo img{width:280px;height: auto;}

.home .main .main-tel{
	padding-left: 10px;
position: absolute;z-index: 1;top:0px;right: 50px;}
.home .main .main-tel img{width:430px;height: auto;}

}



@media (min-width: 992px) {
.home .main{background: url("../images/bg-main2.jpg");background-position: center top;background-repeat: no-repeat;height: 680px;background-size: cover;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:30px;left:0;}
.home .main h1.header-logo img{width:320px;height: auto;}

.home .main .main-tel{
	padding-left: 10px;
position: absolute;z-index: 1;top:0px;right: 10px;}
.home .main .main-tel img{width:520px;height: auto;}


.home .section1{background: url("../images/bg-top-faci.jpg");background-position: center bottom;background-repeat: no-repeat;padding-top: 50px;background-size: cover;}
.home .section1 .in{background: url("../images/top-faci-md.png");background-position: center top;background-repeat: no-repeat;}
.home .section1 .in img{padding-top: 550px;margin-bottom: 75px;}

.home .section2{background:#feead8;padding: 60px 0px;}
.home .section2 .title{text-align: center;margin-bottom: 40px;}
.home .section2 .b-pic{text-align: center;margin-bottom: 30px;}
.home .section2 .b-pic-t{text-align: center;margin-bottom: 20px;}
.home .section2 .b-pic-t img{height: 30px;width: auto;}
.home .section2 li {background: url("../images/line.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 10px;}
.home .section2 li p{text-align: left;margin: 0px 10px;margin-bottom: 20px;}
.home .section2 li p.tel{text-align: center;color: #FA812D;font-size: 24px;font-weight: bold;}

.home .section3{background:#fff;padding: 70px 0px;}
.home .section3 .left{text-align: center;position: relative;}
.home .section3 .left .sub-pic{position: absolute;z-index: 1;left:0;right: 0;}
.home .section3 .left .pet{position: absolute;z-index: 2;left:0;right: 0;}
.home .section3 .left .pet .pic{position: absolute;z-index: 3;left:0;top:120px;}
.home .section3 .left .pet .pic img{width: 250px;height: auto;}
.home .section3 .left .pet .textarea{position: absolute;z-index: 4;left:200px;top:240px;}
.home .section3 .left .pet .textarea p.t{font-size: 18px;text-align: left;font-weight: bold;margin-bottom: 30px;}
.home .section3 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 60px;padding-right: 10px;}
.home .section3 .left .pet .textarea p.txt{font-size: 14px;padding-left: 60px;text-align: left;line-height: 1.8;}

.home .section3 .sun-t img{margin: 0px;vertical-align: bottom;}
.home .section3 .sun-tel-box{border-top: 5px solid #FA812D;background: #f5f1ea;padding: 45px 15px;text-align: center;}
.home .section3 .sun-tel-box .index{font-size: 18px;font-weight: bold;color: #733713;margin-bottom: 20px;}
.home .section3 .sun-tel-box .tel{font-size: 28px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box .fax{font-size: 28px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 .sun-tel-box a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 a.btn-himawari{background:url("../images/himawari.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}
.home .section3 a:hover.btn-himawari{background:url("../images/himawari.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}


.home .section4{background:#f4f0ea;padding: 70px 0px 20px 0px;;}
.home .section4 .pet{background: url("../images/nyanko.png");background-position: top right;background-repeat: no-repeat;display: block;}
.home .section4 .pet .pic{text-align: left;}
.home .section4 .pet .textarea{padding-top:110px;margin-right: 220px; padding-bottom: 40px;display: block;}
.home .section4 .pet .textarea p.t{font-size: 18px;text-align: right;font-weight: bold;margin-bottom: 30px;}
.home .section4 .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 10px;padding-right: 50px;}
.home .section4 .pet .textarea p.txt{font-size: 14px;padding-left: 10px;text-align:right;line-height: 1.8;padding-right: 50px;}

.home .section4 .nyanko-t img{margin: 0px;vertical-align: bottom;}
.home .section4 .nyanko-t img.maru{width: 130px;height: auto;}
.home .section4 .nyanko-tel-box{border-top: 5px solid #FA812D;background: #fff;padding: 55px 15px 45px 15px;text-align: center;margin-top: -55px;}
.home .section4 .nyanko-tel-box p{text-align: left;font-size: 14px;}
.home .section4 .nyanko-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}

.home .section4 a.btn-momo{ background:url("../images/momo.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;z-index: 5;}
.home .section4 a:hover.btn-momo{background:url("../images/momo.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}



.home .section5{background:url("../images/bg-top-rotas.jpg");background-position: center;background-size: contain;background-repeat: no-repeat; padding: 70px 0px;}
.home .section5 .t-box{position: relative;height: 100px;}
.home .section5 .t-box .t{position: absolute;left:0;right: 0;top:10px;z-index: 1;}
.home .section5 .t-box .kobito{position: absolute;top:-35px;right: 0px;z-index: 0;}
.home .section5 .t-box .kobito img{width: 120px;height: auto;}
.home .section5 .rotas-box{background: #f5f1ea;border:1px solid #ffcaa5;padding: 30px 15px; }
.home .section5 .rotas-box .phone{text-align: center;font-size: 28px;font-weight: bold;color: #fa812d; line-height: 50px;}
.home .section5 .rotas-box  a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  p.info{font-size: 14px;text-align: left;width:66%;margin: 0px auto;}


footer{background: #574e49;padding: 50px 0px;color: white;}
footer .bg-kobito{background: url("../images/footer-line.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom:70px;margin-bottom: 50px;}

footer .footer-logo{margin-bottom: 40px;text-align: left;}
footer p{margin-bottom: 15px;text-align: left;}
footer p.tel{margin-bottom: 0px;font-size: 20px;font-weight: bold;}
.footer-menu{font-weight: bold;font-size: 14px;width: 100%;margin: 0px auto;}
.footer-menu a{color: white;font-size: 13px;text-decoration: underline;font-weight: normal;}
.footer-menu a:hover{color: #ccc;font-size: 13px;text-decoration: none;}

footer p.copy{margin-bottom: 0px;text-align: center;font-size: 13px;color: #ccc;}

}



@media (min-width: 1200px) {
.home .main{background: url("../images/bg-main2.jpg");background-position: center top;background-repeat: no-repeat;height: 795px;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:30px;left:0;}
.home .main h1.header-logo img{width:auto;height: auto;}

.home .main .main-tel{
	padding-left: 10px;
position: absolute;z-index: 1;top:0px;right: 0;}
.home .main .main-tel img{width:auto;height: auto;}


.home .section1{background: url("../images/bg-top-faci.jpg");background-position: center bottom;background-repeat: no-repeat;padding-top: 50px;}
.home .section1 .in{background: url("../images/top-faci.png");background-position: center top;background-repeat: no-repeat;}
.home .section1 .in img{padding-top: 550px;margin-bottom: 75px;}

.home .section2{background:#feead8;padding: 80px 0px;}
.home .section2 .title{text-align: center;margin-bottom: 50px;}
.home .section2 .b-pic{text-align: center;margin-bottom: 50px;}
.home .section2 .b-pic-t{text-align: center;margin-bottom: 20px;}
.home .section2 li {background: url("../images/line.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 10px;}
.home .section2 li p{text-align: left;margin: 0px 18px;margin-bottom: 20px;}
.home .section2 li p.tel{text-align: center;color: #FA812D;font-size: 24px;font-weight: bold;}

.home .section3{background:#fff;padding: 80px 0px;}
.home .section3 .left{text-align: center;position: relative;}
.home .section3 .left .sub-pic{position: absolute;z-index: 1;left:0;right: 0;}
.home .section3 .left .pet{position: absolute;z-index: 2;left:0;right: 0;}
.home .section3 .left .pet .pic{position: absolute;z-index: 3;left:0;top:120px;}
.home .section3 .left .pet .textarea{position: absolute;z-index: 4;left:210px;top:240px;}
.home .section3 .left .pet .textarea p.t{font-size: 18px;text-align: left;font-weight: bold;margin-bottom: 30px;}
.home .section3 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 80px;padding-right: 10px;}
.home .section3 .left .pet .textarea p.txt{font-size: 14px;padding-left: 80px;text-align: left;line-height: 1.8;}

.home .section3 .sun-t img{margin: 0px;vertical-align: bottom;}
.home .section3 .sun-tel-box{border-top: 5px solid #FA812D;background: #f5f1ea;padding: 45px 15px;text-align: center;}
.home .section3 .sun-tel-box .index{font-size: 18px;font-weight: bold;color: #733713;margin-bottom: 20px;}
.home .section3 .sun-tel-box .tel{font-size: 28px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box .fax{font-size: 28px;font-weight: bold;color: #fa812d;margin-bottom: 20px;}
.home .section3 .sun-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 .sun-tel-box a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section3 a.btn-himawari{background:url("../images/himawari.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}
.home .section3 a:hover.btn-himawari{background:url("../images/himawari.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}


.home .section4{background:#f4f0ea;padding: 80px 0px 30px 0px;}

.home .section4 .pet{background: url("../images/nyanko.png");background-position: top right;background-repeat: no-repeat;display: block;}
.home .section4 .pet .pic{text-align: left;}
.home .section4 .pet .textarea{padding-top:110px;margin-right: 220px; padding-bottom: 40px;display: block;}
.home .section4 .pet .textarea p.t{font-size: 18px;text-align: right;font-weight: bold;margin-bottom: 30px;}
.home .section4 .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 10px;padding-right: 50px;}
.home .section4 .pet .textarea p.txt{font-size: 14px;padding-left: 10px;text-align:right;line-height: 1.8;padding-right: 50px;}

.home .section4 .nyanko-t{margin: 0px;vertical-align: bottom;background: url("../images/top-nyanko-t.png");background-position: left;background-repeat: no-repeat;}
.home .section4 .nyanko-t img{margin: 0px;vertical-align: bottom;}
.home .section4 .nyanko-t img.maru{width: auto;height: auto;}
.home .section4 .nyanko-tel-box{border-top: 5px solid #FA812D;background: #fff;padding: 55px 15px 45px 15px;text-align: center;margin-top: -52px;}
.home .section4 .nyanko-tel-box p{text-align: center;font-size: 14px;}
.home .section4 .nyanko-tel-box a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 260px;padding: 15px;border-radius: 30px;display: inline-block;}

.home .section4 a.btn-momo{ background:url("../images/momo.png"),#f08237;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;z-index: 5;}
.home .section4 a:hover.btn-momo{background:url("../images/momo.png"),#f07019;background-position: left 10px center; background-repeat: no-repeat; padding: 17px 10px 17px 60px;width: 430px;font-size: 14px;display: inline-block;color: white;text-align: center;border-radius: 50px;}



.home .section5{background:url("../images/bg-top-rotas.jpg");background-position: center;background-size: auto;background-repeat: no-repeat; padding: 80px 0px;}
.home .section5 .t-box{position: relative;height: 100px;}
.home .section5 .t-box .t{position: absolute;left:0;right: 0;top:10px;z-index: 1;}
.home .section5 .t-box .kobito{position: absolute;top:-55px;right: 55px;z-index: 0;}
.home .section5 .t-box .kobito img{width: auto;height: auto;}
.home .section5 .rotas-box{background: #f5f1ea;border:1px solid #ffcaa5;padding: 30px 15px; }
.home .section5 .rotas-box .phone{text-align: center;font-size: 28px;font-weight: bold;color: #fa812d; line-height: 50px;}
.home .section5 .rotas-box  a.btn-form{font-size: 14px;background: #fa812d;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  a:hover.btn-form{font-size: 14px;background: #f07019;color: white; text-align: center;width: 80%;padding: 15px;border-radius: 30px;display: inline-block;}
.home .section5 .rotas-box  p.info{font-size: 14px;text-align: left;width:56%;margin: 0px auto;}

footer{background: #574e49;padding: 50px 0px;color: white;}
footer .bg-kobito{background: url("../images/footer-line.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom:70px;margin-bottom: 50px;}

footer .footer-logo{margin-bottom: 40px;}
footer p{margin-bottom: 15px;}
footer p.tel{margin-bottom: 0px;font-size: 20px;font-weight: bold;}
.footer-menu{font-weight: bold;font-size: 14px;}
.footer-menu a{color: white;font-size: 14px;text-decoration: underline;}
.footer-menu a:hover{color: #ccc;font-size: 14px;text-decoration: none;}

footer p.copy{margin-bottom: 0px;text-align: center;font-size: 13px;color: #ccc;}


}



/*----------------------------------------------------------  下層共通  ------*/
h3.gazo{margin-bottom: 30px;}
h3.gazo img{height: 60px;width: auto;}
h3.txt{margin-bottom: 30px;}
h3.txt span{font-size: 18px;border-bottom: 1px solid #333;padding: 5px;padding-bottom: 10px;font-weight: bold;}
.headline-h3{text-align: center;font-size: 18px;font-family: Arial, Helvetica, "sans-serif";font-weight: bold;letter-spacing: 0.05rem;margin-bottom: 30px;color: #733713;}
.headline-h3 span{font-size: 13px;color: #666;letter-spacing: 0.1rem;display: block;padding-top: 10px;}


@media (min-width: 768px) {
h3.gazo{margin-bottom: 30px;}
h3.gazo img{height: auto;width: auto;}

h3.txt{margin-bottom: 30px;}
h3.txt span{font-size: 20px;border-bottom: 1px solid #333;padding: 5px;padding-bottom: 10px;font-weight: bold;}
.headline-h3{text-align: center;font-size: 20px;font-family: Arial, Helvetica, "sans-serif";font-weight: bold;letter-spacing: 0.05rem;margin-bottom: 50px;}
.headline-h3 span{font-size: 14px;color: #111;letter-spacing: 0.1rem;display: block;padding-top: 10px;}
}


@media (min-width: 992px) {
h3.gazo{margin-bottom: 30px;}
h3.txt{margin-bottom: 30px;}
h3.txt span{font-size: 25px;border-bottom: 1px solid #333;padding: 5px;padding-bottom: 10px;font-weight: bold;}
.headline-h3{text-align: center;font-size: 26px;font-family: Arial, Helvetica, "sans-serif";font-weight: bold;letter-spacing: 0.05rem;margin-bottom: 50px;}
.headline-h3 span{font-size: 14px;color: #111;letter-spacing: 0.1rem;display: block;padding-top: 10px;}
}


@media (min-width: 1200px) {
h3.gazo{margin-bottom: 30px;}
h3.txt{margin-bottom: 30px;}
h3.txt span{font-size: 28px;border-bottom: 1px solid #333;padding: 5px;padding-bottom: 10px;font-weight: bold;}

}



.stripe{ 
  position: relative;
  padding: 0.3em;
  background: url("../images/bg-h2.png");background-position: center;background-repeat: no-repeat;
}
.stripe:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #fae0d0, #fae0d0 2px, white 2px, white 4px);
}

@media (max-width: 834px) {
.stripe{ 
  position: relative;
  padding: 0.3em;
  background: url("../images/bg-h2-sm.png");background-position: center;background-repeat: no-repeat;
}

}

@media (max-width: 767px) {
.stripe{ 
  position: relative;
  padding: 0.3em;
  background: url("../images/bg-h2-xs.png");background-position: center;background-repeat: no-repeat;
}

}

.frame {
	display: inline-block;
	position: relative;
	margin-bottom: 30px;
	z-index: 10;
}
.frame:after {
	position: absolute;
	display: block;
	content: "";
	top: 0;
	left: 0;
	width: 102%;
	height: 100%;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
	transform: rotate(2deg); /* 回転させる */
	background: #fff;
	z-index: 5;
}




h1.header-logo{float: left;padding-top: 0px;
	padding-left: 0px;}
h1.header-logo img{width:220px;height: auto;}
.h2area{padding: 50px 0px 30px 0px;width:100%;margin: 0px auto;margin-top: 50px;}
.h2area-sun{padding: 50px 0px 30px 0px;width:100%;margin: 0px auto;margin-top: 50px;}
.h2area-soft{padding:50px 30px;width: 100%;margin: 0px auto;margin-top:50px;}
.h2area-tk{padding: 50px 30px;width: 100%;margin: 0px auto;margin-top: 50px;}
.h2area-about{padding: 50px 30px;width: 100%;margin: 0px auto;margin-top:50px;}

.headline-h2{font-size: 25px;text-align: center;font-weight: bold;color: #733713;position: relative;z-index: 10;}
.headline-h2 span{font-size: 14px;text-align: center;font-weight: bold;color: #733713;display: block;padding-bottom: 10px;}
.lotus{position: relative;}

@media (min-width: 768px) {
header{background: url("../images/bg-header.jpg");height: 85px;position: fixed;width: 100%;z-index: 100;}
h1.header-logo{float: left;padding-top: 5px;
	padding-left: 0px;}
h1.header-logo img{width:300px;height: auto;}

.head-tel{background: url("../images/tel-leaf.jpg"),#fff;background-position: right bottom;background-repeat: no-repeat; float: right;padding: 15px;border-radius: 15px;margin-top: 12px;margin-right: 70px;}
.head-tel p{display: none;}
.head-tel p.tel{display: block; text-align:center;font-size: 18px;color: #d25b14;padding-right: 40px; font-weight: bold;margin-bottom: 0px;}
.h2area{padding: 60px 20px;width: 560px;margin: 0px auto;margin-top: 85px;}
.h2area-sun{padding: 60px 20px;width: 540px;margin: 0px auto;margin-top: 85px;}
.h2area-soft{padding: 60px 30px;width: 460px;margin: 0px auto;margin-top: 85px;}
.h2area-tk{padding: 60px 30px;width: 630px;margin: 0px auto;margin-top: 85px;}
.h2area-about{padding: 60px 30px;width: 430px;margin: 0px auto;margin-top:85px;}

.headline-h2{font-size: 30px;text-align: center;font-weight: bold;color: #733713;position: relative;z-index: 10;}
.headline-h2 span{font-size: 16px;text-align: center;font-weight: bold;color: #733713;display: block;padding-bottom: 10px;}
.lotus{position: absolute;z-index: -1;top: 50%;transform: translateY(-50%);right: 0;}

}
@media (min-width: 992px) {
header{background: url("../images/bg-header.jpg");height: 115px;position: static;}
h1.header-logo{float: left;padding-top: 20px;
	padding-left: 0px;}
h1.header-logo img{width:280px;height: auto;}

.head-tel{background: url("../images/tel-leaf.jpg"),#fff;background-position: right bottom;background-repeat: no-repeat; float: right;padding: 15px;border-radius: 15px;margin-top: 12px;margin-right: 0px;}
.head-tel p{display: block;text-align: left;font-size: 13px;color: #733713;margin-bottom: 5px;}
.head-tel p.tel{text-align:center;font-size: 24px;color: #d25b14;font-weight: bold;margin-bottom: 0px;padding-right: 0px;}
.stripe{ margin-top: 0px;}
.h2area{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}
.h2area-sun{padding: 80px 30px;width: 610px;margin: 0px auto;margin-top: 0px;}
.h2area-soft{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}
.h2area-tk{padding: 80px 30px;width: 690px;margin: 0px auto;margin-top: 0px;}
.h2area-about{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}

.headline-h2{font-size: 36px;text-align: center;font-weight: bold;color: #733713;position: relative;z-index: 10;}
.headline-h2 span{font-size: 20px;text-align: center;font-weight: bold;color: #733713;display: block;padding-bottom: 10px;}
.lotus{position: absolute;z-index: -1;top: 50%;transform: translateY(-50%);right: 0;}

}
@media (min-width: 1200px) {
header{background: url("../images/bg-header.jpg");height: 115px;}
h1.header-logo{float: left;padding-top: 15px;
	padding-left: 0px;}
h1.header-logo img{width:auto;height: auto;}

.head-tel{background: url("../images/tel-leaf.jpg"),#fff;background-position: right bottom;background-repeat: no-repeat; float: right;padding: 15px;border-radius: 15px;margin-top: 12px;}
.head-tel p{text-align: left;font-size: 13px;color: #733713;margin-bottom: 5px;}
.head-tel p.tel{text-align:center;font-size: 24px;color: #d25b14;font-weight: bold;margin-bottom: 0px;}

.h2area{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}
.h2area-sun{padding: 80px 30px;width: 600px;margin: 0px auto;margin-top: 0px;}
.h2area-soft{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}
.h2area-tk{padding: 80px 30px;width: 700px;margin: 0px auto;margin-top: 0px;}
.h2area-about{padding: 80px 30px;width: 460px;margin: 0px auto;margin-top: 0px;}

.headline-h2{font-size: 36px;text-align: center;font-weight: bold;color: #733713;position: relative;z-index: 10;}
.headline-h2 span{font-size: 20px;text-align: center;font-weight: bold;color: #733713;display: block;padding-bottom: 10px;}
.lotus{position: absolute;z-index: -1;top: 50%;transform: translateY(-50%);right: 0;}

}





/*
lotus.html
-----------------------------------------------------------------------------*/
.page-lotus .section1{padding: 50px 0px;background: #fcfaef;position: relative;}
.page-lotus .section1.bg-illust1{background: url("../images/bg-illust1.png"),#fcfaef;background-position: center top 20px;background-repeat: no-repeat;}
.page-lotus .section1 p{text-align: left;margin-bottom: 30px;}
.page-lotus .section1 p.about{text-align: left;margin-bottom: 0px;padding: 0px 0px;}
.page-lotus .section1 .onpu{background: url("../images/bg-oupu.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 100px;}
.page-lotus .section1 .picarea{width: 80%;margin: 0px auto;text-align: center;}
.page-lotus .section1 li{margin-bottom: 30px;}
.page-lotus .section1 li:last-child{margin-bottom: 30px;}

.page-lotus .section2{padding: 50px 0px;}
.page-lotus .section2 li{margin-bottom: 30px;}
.page-lotus .section2 li:last-child{margin-bottom: 0px;}
.page-lotus .section2 .box{background: url("../images/bg-header.jpg");border: 1px solid #733713;padding: 20px;box-shadow: 3px 3px 6px #ccc;font-size: 14px;border-radius: 10px;}
.page-lotus .section2 .box .index{margin-bottom: 30px;}
.page-lotus .section2 .box .index span{background: url("../images/bg-cork.jpg");padding: 10px 20px;color: white;font-size: 15px;font-weight: bold;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .mado{background:#FBE8AD;font-size: 13px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel{background:#fff;font-size: 24px;padding: 16px 10px;text-align: center;color: #733713;}
.page-lotus .section2 .box .tel span{color: #733713;}
.page-lotus .section2 .box .mado2{background:#FBE8AD;font-size: 13px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel2{background:#fff;font-size: 20px;padding: 17px 10px;text-align: center;color: #733713;}
.page-lotus .section2 .box .tel2 span{color: #733713;}
.page-lotus .table th{background:#FBE8AD;font-size: 14px;padding: 15px 10px;text-align: center;color: #733713;width: 100%;display: block;}
.page-lotus .table td{background:#fff;font-size: 14px;padding: 15px 10px;text-align: left;color: #733713;width: 100%;display: block;}
.page-lotus .table-program{background:#FBE8AD;font-size: 14px;width: 100%;letter-spacing: 0rem;}
.page-lotus .table-program th{background:#FBE8AD;padding: 8px 2px;text-align: center;color: #733713;width: 20%;}
.page-lotus .table-program td{background:#f3f1d6;padding: 8px 2px;text-align: center;color: #733713;font-size: 13px;width: 40%;}
.page-lotus .table-program td.rec{background:#add57d;padding: 8px 2px;text-align: center;color: #733713;font-size: 12px;}
.page-lotus .table-program td.off{background:#fff;padding: 8px 2px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .section2 .box .inbox{background: #fff;border: 1px solid #733713;padding: 15px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;height: auto;}
.page-lotus .section2 .box .inbox img{float: none;margin: 0px auto;display: block;margin-bottom: 10px;}
.page-lotus .section2 .box .inbox2{background: #fff;border: 1px solid #733713;padding: 20px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0rem;}
.page-lotus .section2 .box .inbox2 img{margin: 0px auto;margin-bottom: 15px;}
.page-lotus .section2 .framebox{border: 1px solid #733713;border-radius: 10px; padding: 20px;position: relative;z-index: 1;background: url("../images/h2-lotus.jpg"),#fff;background-position: top 10px right 10px;background-repeat: no-repeat;margin-bottom: 60px;}
.page-lotus .section2 .framebox .text-t{
text-align: left;}
.page-lotus .section2 .framebox .text-t span{padding: 0px;color: #733713;font-weight: bold; }
.page-lotus .section2 .framebox .name{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox .tel{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox .tel span{font-weight: bold;color: #733713;}
.page-lotus .section2 .framebox a.btn-mail{font-size: 15px;font-weight: bold;background: #733713;padding: 15px;display: block;color: white;text-align: center;letter-spacing: 0.08rem;}
.page-lotus .section2 .framebox a:hover.btn-mail{font-size: 15px;font-weight: bold;background: #572a0f;padding: 15px;display: block;}
.page-lotus .section2 .framebox h4{font-size: 16px;font-weight: bold;margin-bottom: 15px;border-left: 5px solid orange;padding-left: 5px;}
.page-lotus .section2 .txt-cafe {font-size: 14px;font-weight: bold;text-align: center;letter-spacing: 0.1rem;color: #f34e88;margin-bottom: 50px;}
.page-lotus .section2 a.btn-menu {display: inline-block;color: white;background: #E8703F;padding: 15px;border-radius: 10px;text-align: center; margin-bottom: 100px;font-size: 16px;width: 100%;}
.page-lotus .section2 a:hover.btn-menu {display: inline-block;color: white;background: #92641d;padding: 15px;border-radius: 10px;text-align: center; }
.page-lotus .section2 a.text-link {display: inline-block;color: #733713;text-align: left; font-size: 15px;width: auto;border-bottom: 1px solid #733713;font-weight: bold;}
.page-lotus .section2 a:hover.text-link {display: inline-block;color: #FF9000;text-align: left; font-size: 15px;width: auto;border-bottom: 1px solid #FF9000;font-weight: bold;}

.page-lotus .section2 .takeout {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .takeout li {display: inline-block;vertical-align: middle;}
.page-lotus .section2 .irai {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .irai li {display: iinline-block;vertical-align: middle;}



.page-lotus .section3{padding: 60px 0px 60px 0px;background: #f8f6ee;}
.page-lotus .section3 li{margin-bottom: 30px;}
.page-lotus .section3 li:last-child{margin-bottom: 0px;}
.page-lotus .section3 .map iframe{height: 350px;}
.page-lotus .section3 .hato img{width: 130px;height: auto;}
.page-lotus .section3 .table th{background:#FBE8AD;font-size: 14px;padding: 15px 10px;text-align: center;color: #733713;width: 100%;display: block;}
.page-lotus .section3 .table td{background:#fff;font-size: 14px;padding: 15px 10px;text-align: left;color: #733713;width: 100%;display: block;}
.page-lotus .section3 .table td span{color: #733713;}




@media (min-width: 768px) {
.page-lotus .section1{padding: 60px 0px;}
.page-lotus .section1.bg-illust1{background: url("../images/bg-illust1-sm.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust3{background: url("../images/bg-illust3-sm.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust4{background: url("../images/bg-illust4-sm.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust5{background: url("../images/bg-illust5-sm.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}

.page-lotus .section1 p{text-align: center;margin-bottom: 30px;}
.page-lotus .section1 p.about{text-align: left;padding: 0px 0px;}
.page-lotus .section1 .onpu{background: url("../images/bg-oupu.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 100px;}
.page-lotus .section1 .picarea{width: 90%;margin: 0px auto;}
.page-lotus .section1 li{margin-bottom: 0px;}

.page-lotus .section2{padding: 60px 0px;background: url("../images/bg-top-rotas.jpg"),#fff;background-position: center;background-repeat: no-repeat;}
.page-lotus .section2 li{margin-bottom: 0px;}

.page-lotus .section2 .box{background: url("../images/bg-header.jpg");border: 1px solid #733713;padding: 30px;box-shadow: 3px 3px 6px #ccc;font-size: 14px;}
.page-lotus .section2 .box .index{margin-bottom: 30px;}
.page-lotus .section2 .box .index span{background: url("../images/bg-cork.jpg");padding: 10px 30px;color: white;font-size: 20px;font-weight: bold;letter-spacing: 0.1rem;}
.page-lotus .section2 .box .mado{background:#FBE8AD;font-size: 14px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel{background:#fff;font-size: 28px;padding: 16px 10px;text-align: center;color: #733713;margin-bottom: 0px;}
.page-lotus .section2 .box .mado2{background:#FBE8AD;font-size: 13px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel2{background:#fff;font-size: 20px;padding: 17px 10px;text-align: center;color: #733713;}
.page-lotus .table th{background:#FBE8AD;font-size: 14px;padding: 15px 10px;text-align: center;color: #733713;width: 130px;display: table-cell;}
.page-lotus .table td{background:#fff;font-size: 14px;padding: 15px 10px;text-align: left;color: #733713;width: auto;display: table-cell;}
.page-lotus .section2 .box .txtbox{border-left: 5px solid #733713;padding: 5px 0px 5px 10px;font-size: 14px;line-height: 1.6;}
.page-lotus .section2 .box .txtbox h4{font-size: 16px;margin-bottom: 15px;color: black;font-weight: bold;}
.page-lotus .table-program{background:#FBE8AD;font-size: 14px;width: 100%;letter-spacing: 0rem;}
.page-lotus .table-program th{background:#FBE8AD;padding: 10px 3px;text-align: center;color: #733713;}
.page-lotus .table-program td{background:#f3f1d6;padding: 10px 3px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .table-program td.rec{background:#add57d;padding: 10px 3px;text-align: center;color: #733713;font-size: 12px;}
.page-lotus .table-program td.off{background:#fff;padding: 10px 3px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .section2 .box .inbox{background: #fff;border: 1px solid #733713;padding: 15px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox img{float: none;margin: 0px auto;display: block;margin-bottom: 10px;}
.page-lotus .section2 .box .inbox2{background: #fff;border: 1px solid #733713;padding: 30px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox2 img{margin: 0px auto;margin-bottom: 15px;}
.page-lotus .section2 .framebox{border: 1px solid #733713;border-radius: 10px; padding: 20px;position: relative;z-index: 1;background: url("../images/h2-lotus.jpg"),#fff;background-position: top 10px right 10px;background-repeat: no-repeat;margin-bottom: 100px;}
.page-lotus .section2 .framebox .text-t{z-index: 2;	position  : absolute;width: 600px;
	top: -20px;
	left : 50%;
	transform : translate( -50%);margin-right: -50%;
text-align: center;}
.page-lotus .section2 .framebox .text-t span{background: white;padding: 10px;color: #733713;font-weight: bold; }
.page-lotus .section2 .framebox .name{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox .tel{font-size: 24px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox a.btn-mail{font-size: 15px;font-weight: bold;background: #733713;padding: 15px;display: block;color: white;text-align: center;letter-spacing: 0.08rem;}
.page-lotus .section2 .framebox a:hover.btn-mail{font-size: 15px;font-weight: bold;background: #572a0f;padding: 15px;display: block;}
.page-lotus .section2 .framebox h4{font-size: 16px;font-weight: bold;margin-bottom: 15px;border-left: 5px solid orange;padding-left: 5px;}
.page-lotus .section2 .txt-cafe {font-size: 16px;font-weight: bold;text-align: center;letter-spacing: 0.1rem;color: #f34e88;margin-bottom: 60px;}
.page-lotus .section2 a.btn-menu {display: inline-block;color: white;background: #E8703F;padding: 15px;border-radius: 10px;text-align: center; margin-bottom: 100px;font-size: 18px;width: 320px;}
.page-lotus .section2 a:hover.btn-menu {display: inline-block;color: white;background: #92641d;padding: 15px;border-radius: 10px;text-align: center; }
.page-lotus .section2 a.text-link {display: inline-block;color: #733713;text-align: left; font-size: 15px;width: auto;border-bottom: 1px solid #733713;font-weight: bold;}
.page-lotus .section2 a:hover.text-link {display: inline-block;color: #FF9000;text-align: left; font-size: 15px;width: auto;border-bottom: 1px solid #FF9000;font-weight: bold;}

.page-lotus .section2 .takeout {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .takeout li {display: inline-block;vertical-align: middle;}
.page-lotus .section2 .irai {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .irai li {display: inline;vertical-align: middle;width: 45%;float: left;margin: 5px;}


.page-lotus .section3{padding: 60px 0px 60px 0px;background: #f8f6ee;}
.page-lotus .section3 li{margin-bottom: 0px;}
.page-lotus .section3 .hato img{width: auto;height: auto;}
.page-lotus .section3 .map iframe{height: 400px;}




}


@media (min-width: 992px) {
.page-lotus .section1{padding: 70px 0px;}
.page-lotus .section1.bg-illust1{background: url("../images/bg-illust1-md.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust3{background: url("../images/bg-illust3-md.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust4{background: url("../images/bg-illust4-md.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust5{background: url("../images/bg-illust5.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}

.page-lotus .section1 p{text-align: center;margin-bottom: 30px;}
.page-lotus .section1 p.about{text-align: left;padding: 0px 50px;}
.page-lotus .section1 .onpu{background: url("../images/bg-oupu.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 100px;}
.page-lotus .section1 .picarea{width: 80%;margin: 0px auto;}


.page-lotus .section2{padding: 70px 0px;background: url("../images/bg-top-rotas.jpg"),#fff;background-position: center;background-repeat: no-repeat;}
.page-lotus .section2 .box{background: url("../images/bg-header.jpg");border: 1px solid #733713;padding: 40px;box-shadow: 3px 3px 6px #ccc;font-size: 14px;}
.page-lotus .section2 .box .index{margin-bottom: 30px;}
.page-lotus .section2 .box .index span{background: url("../images/bg-cork.jpg");padding: 10px 30px;color: white;font-size: 20px;font-weight: bold;letter-spacing: 0.1rem;}
.page-lotus .section2 .box .mado{background:#FBE8AD;font-size: 14px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel{background:#fff;font-size: 30px;padding: 16px 10px;text-align: center;color: #733713;}
.page-lotus .section2 .box .mado2{background:#FBE8AD;font-size: 13px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel2{background:#fff;font-size: 20px;padding: 17px 10px;text-align: center;color: #733713;}
.page-lotus .table th{background:#FBE8AD;font-size: 15px;padding: 15px 10px;text-align: center;color: #733713;width: 140px;}
.page-lotus .table td{background:#fff;font-size: 15px;padding: 15px 10px;text-align: left;color: #733713;}
.page-lotus .section2 .box .txtbox{border-left: 5px solid #733713;padding: 5px 0px 5px 10px;font-size: 14px;line-height: 1.6;}
.page-lotus .section2 .box .txtbox h4{font-size: 16px;margin-bottom: 15px;color: black;font-weight: bold;}
.page-lotus .table-program{background:#FBE8AD;font-size: 14px;width: 100%;}
.page-lotus .table-program th{background:#FBE8AD;padding: 10px 5px;text-align: center;color: #733713;}
.page-lotus .table-program td{background:#f3f1d6;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .table-program td.rec{background:#add57d;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .table-program td.off{background:#fff;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .section2 .box .inbox{background: #fff;border: 1px solid #733713;padding: 15px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox img{float: left;margin: 10px 10px;}
.page-lotus .section2 .box .inbox2{background: #fff;border: 1px solid #733713;padding: 35px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox2 img{margin: 0px auto;margin-bottom: 15px;}
.page-lotus .section2 .framebox{border: 1px solid #733713;border-radius: 10px; padding: 40px;position: relative;z-index: 1;background: url("../images/h2-lotus.jpg"),#fff;background-position: top 10px right 10px;background-repeat: no-repeat;margin-bottom: 100px;}
.page-lotus .section2 .framebox .text-t{z-index: 2;	position  : absolute;width: 600px;
	top: -20px;
	left : 50%;
	transform : translate( -50%);margin-right: -50%;
text-align: center;}
.page-lotus .section2 .framebox .text-t span{background: white;padding: 10px;color: #733713;font-weight: bold; }
.page-lotus .section2 .framebox .name{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox .tel{font-size: 26px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox a.btn-mail{font-size: 15px;font-weight: bold;background: #733713;padding: 15px;display: block;color: white;text-align: center;letter-spacing: 0.08rem;}
.page-lotus .section2 .framebox a:hover.btn-mail{font-size: 15px;font-weight: bold;background: #572a0f;padding: 15px;display: block;}
.page-lotus .section2 .framebox h4{font-size: 16px;font-weight: bold;margin-bottom: 15px;border-left: 5px solid orange;padding-left: 5px;}
.page-lotus .section2 .txt-cafe {font-size: 16px;font-weight: bold;text-align: center;letter-spacing: 0.1rem;color: #f34e88;margin-bottom: 80px;}
.page-lotus .section2 a.btn-menu {display: inline-block;color: white;background: #E8703F;padding: 15px;border-radius: 10px;text-align: center; margin-bottom: 100px;font-size: 18px;width: 320px;}
.page-lotus .section2 a:hover.btn-menu {display: inline-block;color: white;background: #92641d;padding: 15px;border-radius: 10px;text-align: center; }
.page-lotus .section2 a.text-link {display: inline-block;color: #733713;text-align: left; font-size: 18px;width: auto;border-bottom: 1px solid #733713;font-weight: bold;}
.page-lotus .section2 a:hover.text-link {display: inline-block;color: #FF9000;text-align: left; font-size: 18px;width: auto;border-bottom: 1px solid #FF9000;font-weight: bold;}

.page-lotus .section2 .takeout {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .takeout li {display: inline-block;vertical-align: middle;}
.page-lotus .section2 .irai {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .irai li {display: inline;vertical-align: middle;width: 45%;float: left;margin: 5px;}


.page-lotus .section3{padding: 70px 0px 70px 0px;background: #f8f6ee;}
.page-lotus .section3 .map iframe{height: 450px;}
.page-lotus .section3 .table th{background:#FBE8AD;font-size: 15px;padding: 15px 10px;text-align: center;color: #733713;width: 260px;display: table-cell;}
.page-lotus .section3 .table td{background:#fff;font-size: 15px;padding: 15px 10px;text-align: left;color: #733713;width: auto; display: table-cell;}



}



@media (min-width: 1200px) {
.page-lotus .section1{padding: 80px 0px;}
.page-lotus .section1.bg-illust1{background: url("../images/bg-illust1.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust3{background: url("../images/bg-illust3.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust4{background: url("../images/bg-illust4.png"),url("../images/bg-illust2.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}
.page-lotus .section1.bg-illust5{background: url("../images/bg-illust5.png"),url("../images/bg-illust6.png"),#fcfaef;background-position: center top 20px,bottom right;background-repeat: no-repeat;}

.page-lotus .section1 p{text-align: center;margin-bottom: 30px;}
.page-lotus .section1 p.about{text-align: left;padding: 0px 150px;}
.page-lotus .section1 .onpu{background: url("../images/bg-oupu.png");background-position: center bottom;background-repeat: no-repeat;padding-bottom: 100px;}
.page-lotus .section1 .picarea{width: 90%;margin: 0px auto;}

.page-lotus .section2{padding: 80px 0px;background: url("../images/bg-top-rotas.jpg");background-position: center;background-repeat: no-repeat;}
.page-lotus .section2.bg-tree{background:  url("../images/bg-top-rotas.jpg"),url("../images/bg-tree.png");background-position: top center,left bottom;background-repeat: no-repeat;}
.page-lotus .section2.tk{background: url("../images/illust4.png");background-position: right bottom;background-repeat: no-repeat;}
.page-lotus .section2 .box{background: url("../images/bg-header.jpg");border: 1px solid #733713;padding: 40px;box-shadow: 3px 3px 6px #ccc;font-size:94%;}
.page-lotus .section2 .box .index{margin-bottom: 30px;}
.page-lotus .section2 .box .index span{background: url("../images/bg-cork.jpg");padding: 10px 30px;color: white;font-size: 20px;font-weight: bold;letter-spacing: 0.1rem;}
.page-lotus .section2 .box .mado{background:#FBE8AD;font-size: 14px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel{background:#fff;font-size: 34px;padding: 15px 10px;text-align: center;color: #733713;}
.page-lotus .section2 .box .mado2{background:#FBE8AD;font-size: 13px;padding: 10px;text-align: center;line-height: 1.6;}
.page-lotus .section2 .box .tel2{background:#fff;font-size: 24px;padding: 17px 10px;text-align: center;color: #733713;}
.page-lotus .table th{background:#FBE8AD;font-size: 15px;padding: 15px 10px;text-align: center;color: #733713;width: 140px;}
.page-lotus .table td{background:#fff;font-size: 15px;padding: 15px 10px;text-align: left;color: #733713;}
.page-lotus .table td p.tel{font-size: 18px;text-align: center;}
.page-lotus .section2 .box .txtbox{border-left: 5px solid #733713;padding: 5px 0px 5px 10px;font-size: 14px;line-height: 1.6;}
.page-lotus .section2 .box .txtbox h4{font-size: 16px;margin-bottom: 15px;color: black;font-weight: bold;}
.page-lotus .table-program{background:#FBE8AD;font-size: 14px;width: 100%;}
.page-lotus .table-program th{background:#FBE8AD;padding: 10px 5px;text-align: center;color: #733713;}
.page-lotus .table-program td{background:#f3f1d6;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .table-program td.rec{background:#add57d;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .table-program td.off{background:#fff;padding: 10px 5px;text-align: center;color: #733713;font-size: 13px;}
.page-lotus .section2 .box .inbox{background: #fff;border: 1px solid #733713;padding: 15px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox img{float: left;margin-right: 10px;}
.page-lotus .section2 .box .inbox2{background: #fff;border: 1px solid #733713;padding: 35px;box-shadow: 3px 3px 6px #ccc;font-size:14px;border-radius: 5px;letter-spacing: 0.05rem;}
.page-lotus .section2 .box .inbox2 img{margin: 0px auto;margin-bottom: 15px;}
.page-lotus .section2 .framebox{border: 1px solid #733713;border-radius: 10px; padding: 40px;position: relative;z-index: 1;background: url("../images/h2-lotus.jpg"),#fff;background-position: top 10px right 10px;background-repeat: no-repeat;margin-bottom: 100px;}
.page-lotus .section2 .framebox .text-t{z-index: 2;	position  : absolute;width: 600px;
	top: -20px;
	left : 50%;
	transform : translate( -50%);
text-align: center;}
.page-lotus .section2 .framebox .text-t span{background: white;padding: 10px 2px;color: #733713;font-weight: bold;letter-spacing: 0; }
.page-lotus .section2 .framebox .name{font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox .tel{font-size: 26px;font-weight: bold;margin-bottom: 15px;}
.page-lotus .section2 .framebox a.btn-mail{font-size: 15px;font-weight: bold;background: #733713;padding: 15px;display: block;color: white;text-align: center;letter-spacing: 0.08rem;}
.page-lotus .section2 .framebox a:hover.btn-mail{font-size: 15px;font-weight: bold;background: #572a0f;padding: 15px;display: block;}
.page-lotus .section2 .framebox h4{font-size: 16px;font-weight: bold;margin-bottom: 15px;border-left: 5px solid orange;padding-left: 5px;}
.page-lotus .section2 .txt-cafe {font-size: 16px;font-weight: bold;text-align: center;letter-spacing: 0.1rem;color: #f34e88;margin-bottom: 100px;}
.page-lotus .section2 a.btn-menu {display: inline-block;color: white;background: #E8703F;padding: 15px;border-radius: 10px;text-align: center; margin-bottom: 50px;font-size: 18px;width: 320px;}
.page-lotus .section2 a:hover.btn-menu {display: inline-block;color: white;background: #92641d;padding: 15px;border-radius: 10px;text-align: center; }
.page-lotus .section2 a.text-link {display: inline-block;color: #733713;text-align: left; font-size: 18px;width: auto;border-bottom: 1px solid #733713;font-weight: bold;}
.page-lotus .section2 a:hover.text-link {display: inline-block;color: #FF9000;text-align: left; font-size: 18px;width: auto;border-bottom: 1px solid #FF9000;font-weight: bold;}
.page-lotus .section2 .aboutbox {  display: flex;
  justify-content: center;
  align-items: center;
}
.page-lotus .section2 .aboutbox li {display: inline-block;vertical-align: middle;}

.page-lotus .section2 .takeout {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .takeout li {display: inline-block;vertical-align: middle;}
.page-lotus .section2 .irai {margin: 0px auto;text-align: center;margin-bottom: 20px;}
.page-lotus .section2 .irai li {display: inline;vertical-align: middle;width: 45%;float: left;margin: 5px;}


.page-lotus .section3{padding: 80px 0px 80px 0px;background: #f8f6ee;}
.page-lotus .section3 .table th{background:#FBE8AD;font-size: 15px;padding: 15px 10px;text-align: center;color: #733713;width: 260px;}
.page-lotus .section3 .table td{background:#fff;font-size: 15px;padding: 15px 10px;text-align: left;color: #733713;}


}


/* -----  contact.html ------- */
.contact #section01{padding: 50px 0px;background: #f8f6ee;}

.contact #section01 .index{padding: 10px;color:#555;text-align: center;font-weight: bold;}
.contact #section01 .box{padding: 20px;border:1px solid #733713;background: white;border-radius: 10px;width: 100%;}
.contact #section01 .box .tel{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;color: #F98906;text-align: center;font-size: 26px;}
.contact #section01 .box .tel span{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;color: #F98906;text-align: center;font-size: 26px;}
.contact #section01 .box li{margin-bottom: 15px;}
.contact #section01 .box li:last-child{margin-bottom: 0px;}

.contact #section02{padding: 50px 0px;}
.contact #section02 p{padding-bottom: 30px;}
.contact #section02 p.privacy{padding-bottom: 0px;font-size: 14px;line-height: 1.5;}
.contact #section02 h4{margin-bottom:20px;font-size: 18px;font-weight: bold;border-left: 5px solid orange;padding: 5px 10px;}

.contact .table .table{margin-bottom: 30px;}
.contact .table th{background:#F8F5D4;vertical-align: middle;font-weight: normal;padding: 15px;width: 100%;display:block;}
.contact .table td{background: #fff;padding: 15px;width: 100%;display:block;}
.contact .table td span{font-size: 12px;display: block;}
.btn-lg{margin-bottom: 10px;}
.btn-lg:last-child{margin-bottom: 0px;}




@media (min-width: 768px) {

.contact #section01{padding: 60px 0px;}
.contact #section01 .index{padding: 10px;color:#555;text-align: center;}
.contact #section01 .box{padding: 20px 40px;background: white;}
.contact #section01 .box .tel{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}
.contact #section01 .box .tel span{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}
.contact #section01 .box li{margin-bottom: 0px;border-right: 1px dashed #ccc;padding: 10px 0px;}
.contact #section01 .box li:last-child{margin-bottom: 0px;border-right:none;}

.contact #section02{padding: 60px 0px;}
.contact #section02 p{padding-bottom: 50px;}
.contact #section02 p.privacy{padding-bottom: 0px;font-size: 14px;line-height: 1.5;}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 220px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}
.btn-lg{margin-bottom: 0px;}



}


@media (min-width: 992px) {
.contact #section01{padding: 80px 0px;}
.contact #section01 .index{padding: 10px;color:#555;text-align: center;}
.contact #section01 .box{padding: 20px 40px;width: 90%;margin: 0px auto;}
.contact #section01 .box .tel{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}
.contact #section01 .box .tel span{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}

.contact #section02{padding: 80px 0px;}
.contact #section02 p{padding-bottom: 50px;}
.contact #section02 p.privacy{padding-bottom: 0px;}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 220px;display: table-cell;}
.contact .table td{background: #fff;padding: 15px;display: table-cell;width: auto;}
.contact .table td span{font-size: 12px;display: block;}



}


@media (min-width: 1200px) {

.contact #section01{padding: 100px 0px;}
.contact #section01 .index{padding: 10px;color:#555;text-align: center;}
.contact #section01 .box{padding: 20px 40px;width: 72%;margin: 0px auto;}
.contact #section01 .box .tel{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}
.contact #section01 .box .tel span{font-family: Arial, Helvetica, "sans-serif";font-weight: bold;text-align: center;font-size: 30px;}

.contact #section02{padding: 100px 0px;}
.contact #section02 p{padding-bottom: 50px;}
.contact #section02 p.privacy{padding-bottom: 0px;}
.contact #section02 h4{margin-bottom: 30px;font-size: 20px;font-weight: bold;border-left: 5px solid orange;padding: 5px 10px;}

.contact .table .table{margin-bottom: 50px;}
.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 250px;display: table-cell!important;}
.contact .table td{background: #fff;padding: 15px;display: table-cell!important;width: auto;}
.contact .table td span{font-size: 12px;display: block;}


}

.form-s{width:70px}
.form-m{width:150px}
.form-l{width:80%}
.form100{width:99%}
.form-h{ height:80px}
.needinput{background-color:#f7f7f7;border:1px solid #ccc}
input ,select {
    position:relative;
    top:-3px;
	color: #111;
	font-size: 13px;
}
input[type="checkbox"], input[type="radio"] {vertical-align:middle}
input{font-size:100%;vertical-align:middle; padding:7px;}
input[type="text"], select{border:1px solid #ccc;}
input,textarea { outline:0; padding:7px;border-radius: 7px; }
textarea{border:1px solid #ccc;width:99%;color: #111;}

input::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
input::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-webkit-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea:-ms-input-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}
textarea::-moz-placeholder {
	color: #ccc;font-size: 13px;letter-spacing: 0.08rem;
}







/*-----------------------------------------------------------------------------
print css
-----------------------------------------------------------------------------*/
@media print {
  .aos-init {
    opacity: 1 !important;
    transform: none !important;}
   .cb-header{
        display: none;
		opacity: 0;
    }
	
header{background: url("../images/bg-header.jpg");height: 115px;position: static;}
h1.header-logo{float: left;padding-top: 20px;
	padding-left: 0px;}
h1.header-logo img{width:280px;height: auto;}

.head-tel{background: url("../images/tel-leaf.jpg"),#fff;background-position: right bottom;background-repeat: no-repeat; float: right;padding: 15px;border-radius: 15px;margin-top: 12px;margin-right: 0px;}
.head-tel p{display: block;text-align: left;font-size: 13px;color: #733713;margin-bottom: 5px;}
.head-tel p.tel{text-align:center;font-size: 24px;color: #d25b14;font-weight: bold;margin-bottom: 0px;padding-right: 0px;}

.home .main{background: url("../images/bg-main2.jpg");background-position: center top;background-repeat: no-repeat;height: 530px;background-size: cover;}
.home .main .inner{position: relative;}
.home .main h1.header-logo{
	padding-left: 10px;
position: absolute;z-index: 2;top:30px;left:0;}
.home .main h1.header-logo img{width:280px;height: auto;}

.home .main .main-tel{
	padding-left: 10px;
position: absolute;z-index: 1;top:0px;right: 20px;}
.home .main .main-tel img{width:430px;height: auto;}

.navarea{display: block!important;border-top:1px solid #dcdcdc;border-bottom: 1px solid #dcdcdc;padding: 15px 0px;}
.navarea li{display: table-cell;padding: 0px 2px;vertical-align: bottom;}
.navarea li .cate1{display: block;text-align: center;background: #c8dd97;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li .cate2{display: block;text-align: center;background: #e3c4b1;padding: 5px 5px 0px 5px;margin-bottom: 5px;}
.navarea li a{text-decoration: none;display: block;text-align: center;padding: 3px 4px;}
.navarea li a.active{background: #FA812D;border-radius: 6px;}

.home .section1{background:url("../images/print-index.jpg")!important;background-position: center!important;background-repeat: no-repeat!important;padding-top: 50px;height: 650px!important;background-size: cover;}
.home .section1 .in{display: none;}


.home .section3 .left{text-align: center;position: relative;}
.home .section3 .left .sub-pic{position: absolute;z-index: 1;left:0;right: 0;}
.home .section3 .left .pet{position: absolute;z-index: 2;left:0;right: 0;}
.home .section3 .left .pet .pic{position: absolute;z-index: 3;left:0;top:200px!important;}
.home .section3 .left .pet .textarea{position: absolute;z-index: 4;left:210px!important;top:240px!important;}
.home .section3 .left .pet .textarea p.t{font-size: 18px;text-align: left;font-weight: bold;margin-bottom: 30px;}
.home .section3 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 80px;padding-right: 10px;}
.home .section3 .left .pet .textarea p.txt{font-size: 14px;padding-left: 80px;text-align: left;line-height: 1.8;}
.home .section3 .left .pet .pic img{width: 250px;height: auto;}

.home .section4 .left{text-align: center;position: relative;height: 320px;}
.home .section4 .left .pet{position: relative;z-index: 2;left:0;right: 0;}
.home .section4 .left .pet .pic{position: absolute;z-index: 3;right:0;top:0px;}
.home .section4 .left .pet .pic img{width: 250px;height: auto;}
.home .section4 .left .pet .textarea{position: absolute;z-index: 4;right:200px;top:140px;padding-bottom: 80px;}
.home .section4 .left .pet .textarea p.t{font-size: 18px;text-align: right;font-weight: bold;margin-bottom: 30px;}
.home .section4 .left .pet .textarea p.t span{border-bottom: 1px solid #fa812d;padding-left: 10px;padding-right: 80px;}
.home .section4 .left .pet .textarea p.txt{font-size: 14px;padding-left: 10px;text-align:right;line-height: 1.8;padding-right: 80px;}

.page-lotus .table th{background:#FBE8AD;font-size: 14px;padding: 15px 10px;text-align: center;color: #733713;width: 130px;display: table-cell;}
.page-lotus .table td{background:#fff;font-size: 14px;padding: 15px 10px;text-align: left;color: #733713;width: auto;display: table-cell;}

.page-lotus .section1 .picarea{width: 80%;margin: 0px auto;text-align: center!important;}
.page-lotus .section3 .table th{background:#FBE8AD;font-size: 15px;padding: 15px 10px;text-align: center;color: #733713;width: 220px;display: table-cell;}
.page-lotus .section3 .table td{background:#fff;font-size: 15px;padding: 15px 10px;text-align: left;color: #733713;width: auto; display: table-cell;}

.contact .table th{vertical-align: middle;font-weight: normal;padding: 15px;width: 250px;display: table-cell!important;}
.contact .table td{background: #fff;padding: 15px;display: table-cell!important;width: auto;}


footer .footer-logo{margin-bottom: 20px;text-align: left;}
footer p{margin-bottom: 15px;text-align: left;}
footer p.tel{margin-bottom: 0px;font-size: 20px;font-weight: bold;}

.footer-menu{font-weight: bold;font-size: 13px;width: 100%!important;}
.footer-menu a{color: white;font-size: 13px;text-decoration: underline;}
.footer-menu a:hover{color: #ccc;font-size: 13px;text-decoration: none;}

}