@media(min-width:641px){
.sp{ display:none !important;}
} /* Responsive End */

@media(max-width:640px){
.pc{ display:none !important; }
} /* Responsive End */



p{ line-height:2em; font-size:14px;}


.cf:before,
.cf:after {
    content: " ";
    display: table;
}
 
.cf:after {
    clear: both;
}
 
.cf {
    *zoom: 1;
}



html,body{ height:100%; }

body{ background:#fcfcfc;}


@media(max-width:640px){

body{ background:#fcfcfc;-webkit-text-size-adjust: 100%;}

} /* Responsive End */



/* header */

header{z-index:30000;height:175px; width:100%; background:url(../images/background.png) repeat-x left top; position:fixed; background:#fcfcfc;}
header .header_inner{ width:1000px; margin:0 auto; position:relative; }

header h1{ font-size:12px; font-weight:normal; position:relative; top:12px}
header .siteTitle{ width:144px; height:125px; position:absolute; top:33px; left:428px;}
header .siteTitle a{width:144px; height:125px; background:url(../images/logo.png) no-repeat left top; text-indent:-9999px;overflow:hidden;display:block;}

@media(min-width:641px){
header .siteTitle a:hover{background:url(../images/logo.png) no-repeat left bottom;}
}

header .forms{ width:314px; height:37px; position:absolute; top:0; left:687px;}
header .forms li{top:0; position:absolute;}
header .forms .contact{  width:160px; height:37px; left:0;}
header .forms .contact a{ background:url(../images/hd_btn_contact.png) no-repeat left top;width:160px; height:37px;text-indent:-9999px;overflow:hidden;display:block;}
header .forms .reserve{  width:139px; height:37px; left: 170px}
header .forms .reserve a{ background:url(../images/hd_btn_reserve.png) no-repeat left top;width:139px; height:37px;text-indent:-9999px;overflow:hidden;display:block;}

header .forms .contact a:hover{ background:url(../images/hd_btn_contact.png) no-repeat left bottom;}
header .forms .reserve a:hover{ background:url(../images/hd_btn_reserve.png) no-repeat left bottom;}

header .tel{ position:absolute; background:url(../images/tel2.png) no-repeat left top; width:174px; height:39px; text-indent:-9999px;overflow:hidden;display:block; top:57px; left:827px;}



header .insta{ position: absolute; width: 45px; top: 53px; left: 705px;}
header .insta img{ width:100%;}
header .line{ position: absolute; width: 45px; top: 53px; left: 760px;}
header .line img{ width:100%;}


@media(max-width:640px){

header .insta{ width: 55px; top: 43px; left: 395px;}
header .line{  width: 55px; top: 43px; left: 460px;}

}




header nav.pc ul li{width:123px; height:50px; position:absolute; top:112px; display:block;}
header nav.pc ul li a{width:123px; height:50px;background-position:center top; text-indent:-9999px;overflow:hidden;display:block;}

header nav.pc ul li.navi01{left:0;}
header nav.pc ul li.navi02{left:137px;}
header nav.pc ul li.navi03{left:271px;}
header nav.pc ul li.navi04{left:603px;}
header nav.pc ul li.navi05{left:741px;}
header nav.pc ul li.navi06{left:877px;}

header nav.pc ul li.navi01 a{ background:url(../images/hdbtn_00.png) no-repeat left top;}
header nav.pc ul li.navi02 a{ background:url(../images/hdbtn_04.png) no-repeat left top;}
header nav.pc ul li.navi03 a{ background:url(../images/hdbtn_02.png) no-repeat left top;}
header nav.pc ul li.navi04 a{ background:url(../images/hdbtn_07.png) no-repeat left top;}
header nav.pc ul li.navi05 a{ background:url(../images/hdbtn_05.png) no-repeat left top;}
header nav.pc ul li.navi06 a{ background:url(../images/hdbtn_06.png) no-repeat left top;}

header nav.pc ul li.navi01 a:hover{ background:url(../images/hdbtn_00.png) no-repeat left bottom;}
header nav.pc ul li.navi02 a:hover{ background:url(../images/hdbtn_04.png) no-repeat left bottom;}
header nav.pc ul li.navi03 a:hover{ background:url(../images/hdbtn_02.png) no-repeat left bottom;}
header nav.pc ul li.navi04 a:hover{ background:url(../images/hdbtn_07.png) no-repeat left bottom;}
header nav.pc ul li.navi05 a:hover{ background:url(../images/hdbtn_05.png) no-repeat left bottom;}
header nav.pc ul li.navi06 a:hover{ background:url(../images/hdbtn_06.png) no-repeat left bottom;}


@media(max-width:640px){
header{z-index:30000;height:auto; width:100%; background:#fcfcfc url(../images/background.png) repeat-x left top; position:fixed;}
header .header_inner{ width:auto; height:209px}

header .siteTitle{ width:340px; height:70px; position:absolute; top:40px; left:20px;}

header .siteTitle a{width:340px; height:70px; background:url(../images/sp/logo.png) no-repeat left top; text-indent:-9999px;overflow:hidden;display:block; background-size: contain;}







#smpMenu{ display:none;}
#smpMenuList{ display:none;}
#snsLinkMenu{ display:none;}


#smpMenu{width:60px; height:60px;display:block; position:absolute; top:40px; right:20px;}
#smpMenu.menuOff{background:url(../images/sp/menu_onbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}
#smpMenu.menuOn{ background:url(../images/sp/menu_offbtn.png) no-repeat left top; background-size:contain; text-indent:-9999px;overflow:hidden;display:block;}

#smpMenuList{ display:none; position:absolute; background:#fafafa; width:600px;margin:0 0 0 20px;margin-top:100px;z-index:10000;
  box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -webkit-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 7px 3px -3px rgba(0,0,0,0.3);}

#smpMenuList ul{width:auto;}
#smpMenuList ul li{}
#smpMenuList ul li a{ font-size:20px; display:block;padding:20px 20px;color:#555; border-bottom:1px solid #6A6A6A;}
#smpMenuList ul li span{}

#smpMenuList dl{ font-family:"Lucida Sans Unicode", "Lucida Grande",}
#smpMenuList dl dt{font-size:18px; font-weight:bold; display:block;padding:10px 20px;color:#8E9A9F; background:#fff; border-bottom:1px solid #6A6A6A;}
#smpMenuList dl dd{ border-bottom:1px solid #6A6A6A;}
#smpMenuList dl dt a{ }
#smpMenuList dl dd a{ font-size:20px; display:block;padding:25px 25px;color:#555;}
#smpMenuList dl dd.spSNS a{ font-size:20px; display:inline-block;padding:25px 25px;color:#555;}
#smpMenuList dl dt span{}
#smpMenuList dl dd span{}




#telandreserve{
	width:auto;
	background:#d9d9d9;
	position:relative;
	top:100px;
	height:90px;
	}

#telandreserve img{
margin-top:10px;margin-left:20px;
}

#telandreserve .reservebtn{ position:absolute; right:20px}

} /* Responsive End */








/* mainvisual ---------------------------------------------------------------------------------------  */

section.mainvisual{padding-top:175px; border-bottom: 20px solid #EF7B1B;
	background:url(../images/mainvisual_2304.png) no-repeat center bottom; height:600px; position:relative;
background-size: auto 600px;}
section.mainvisual >.inner{ width: 1000px; margin: 0 auto; position: relative; }
.mvcopy{ position: absolute; width: auto; left:430px; top: 230px;}
.mvcopy dt{ color: #EF7B1B; font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 22px; font-weight: bold; display: block; height: 40px;}
.mvcopy dd{font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif"; font-size: 15px; line-height: 1.4em;}

section.mainvisual .bnr_line{ width: 220px; position: absolute; right: 0; top: 270px;}
section.mainvisual .bnr_line img{ width:100%;}

#blogFeed{ width: 570px; border: 1px solid #38b035;background: #d7efd4;border-radius:10px;
	position: absolute; left: 430px; top: 400px; padding: 20px 20px 10px;}
#blogFeed >.inner{}
#blogFeed h2 {margin-bottom:15px;}
#blogFeed h2 img{ width: 70%; }

#blogFeed dl{ display: table; margin-bottom: 10px;}
#blogFeed dt{ display: table-cell; color: #EF7B1B; padding-right: 20px; font-size: 18px;}
#blogFeed dd{ display: table-cell; font-size: 18px;}

@media(max-width:640px){
	
.spMV{ width:100%; padding-bottom: 30px;}

section.mainvisual{padding-top:210px; background:none; height: auto;}
section.mainvisual >.inner{ width: auto;}
	
.mvcopy{  left:0; top: 0; position: relative; }
.mvcopy dt{ text-align:center; font-size: 28px;}
.mvcopy dd{ text-align:center; font-size: 24px; margin-bottom: 2em;}

section.mainvisual .bnr_line{ width:100%; position: relative; right: 0; top: 0; text-align: center; display: block;}
section.mainvisual .bnr_line img{ width:80%;}

#blogFeed{ width: auto;margin: 30px; position: relative; left: 0; top: 0; padding: 30px 30px 20px;}
#blogFeed h2 img{ width: 100%; }


#blogFeed h2 {margin-bottom:25px;}
#blogFeed dl{ margin-bottom: 20px;}
#blogFeed dt{ font-size: 24px;}
#blogFeed dd{ font-size: 24px;}
} /* Responsive End */









/* news --------------------------------------------------------------------------------------- */



@media(min-width:641px){
	
#news{  position:absolute; bottom:0; width:100%; z-index:12;background-color: #EF7B1B;}
#news_inner{ width:1000px; margin:0 auto; color:#fff; position:relative;}


#news_inner .menuBtn_open{ background:url(../images/menu_btn.png) no-repeat center 50%;text-indent:-9999px;overflow:hidden;display:block; width:45px; height:45px;
right:0; position:absolute;}
#news_inner .menuBtn_close{ background:url(../images/menu_btn2.png) no-repeat center 50%;text-indent:-9999px;overflow:hidden;display:block; width:45px; height:45px;
right:0; position:absolute;}


#news #news_inner{ height:46px; position:relative; overflow:hidden;}
#news h2{position:static;top:0; font-size:12px;font-family: 'Noto Sans', sans-serif; font-weight:normal; display:block;width:126px;padding:13px 0;text-indent:20px; font-weight:bold;}
#news dl{position:relative; top:-46px; left:100px;  width:840px;display:block;font-size:12px; border-top:none; vertical-align:text-top; clear:both;}
#news dt{ width:126px; float:left;text-indent:20px; display:block;padding:14px 0;vertical-align:text-top; clear:left;}
#news dd{ width:700px; float:left;display:block;padding:14px 0;vertical-align:text-top; white-space:nowrap; overflow:hidden;}
#news dl.closenews{ display:none;}

#news.open #news_inner{ height:auto;}
#news.open h2{display:block;}
#news.open dl{ width:980px;top:0;left:0;border-top:1px solid #B99D78;}
#news.open dt{}
#news.open dl.closenews{ display:block;}


#news.open #news_inner:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#news dl:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

#news a{
color:#fff;
}

#news dl h3{ font-size:14px; font-weight:bold;}
#news dl p{ display:none; font-size:13px; line-height:1.4em; padding-top:6px;}



} /* Responsive End */


@media(max-width:640px){
	
#news_inner{ width:auto; margin:0 auto; color:#fff; position:relative;}



#news{  position:absolute; bottom:0; width:100%; overflow:hidden; z-index:12;background-color: #EF7B1B;}
#news_inner{ width:auto; margin:0 auto; color:#fff; position:relative;}


#news_inner .menuBtn_open{ background:url(../images/menu_btn.png) no-repeat center 50%;text-indent:-9999px;overflow:hidden;display:block; width:60px; height:60px;
right:0; position:absolute;}
#news_inner .menuBtn_close{ background:url(../images/menu_btn2.png) no-repeat center 50%;text-indent:-9999px;overflow:hidden;display:block; width:60px; height:60px;
right:0; position:absolute;}


#news #news_inner{ height:60px; position:relative; overflow:hidden;}
#news h2{position:relative;top:0; font-size:16px; font-weight:normal; display:none;width:140px;padding:19px 0;left:10px; line-height:1.2em; }

#news dl{ clear:both;position:absolute; top:0; left:10px;  width:580px; display:block;border-top:none; padding:18px 0; }
#news dt{ width:100px;display:block;font-size:16px; float:left; }
#news dd{ width:480px;display:block;font-size:20px;  overflow:hidden; white-space:nowrap;float:left; }
#news dd p{ display:none; line-height:1.6em;padding:10px 0; font-size:20px;}

#news dl.closenews{ display:none;}




#news.open #news_inner{ height:auto;}
#news.open h2{display:block; line-height:1.2em;}
#news.open dl{ width:420px;top:0;left:0;border-top:1px solid #B99D78;}
#news.open dt{}
#news.open dl.closenews{ display:block;}


#news.open #news_inner:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
#news dl:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

} /* Responsive End */




/* contents ---------------------------------------------------------------------------------------  */



#contents{padding-top:40px; background:url(../images/bodybackground.png) no-repeat center top;}

@media(max-width:640px){

#contents{ width:auto;}




} /* Responsive End */




.secVisual .imgbox{ width: 400px; margin: 0 auto 30px;}

.secVisual .imgbox img{ width: 100%}
@media(max-width:640px){

.secVisual .imgbox{ width: 80%; margin: 0 auto 30px;}
}



/* service ---------------------------------------------------------------------------------------  */


#contents section.service{ position:relative; height:350px;  margin:0 auto;}

#contents section.service a{ position:absolute;width:460px; height:312px;text-indent:-9999px;overflow:hidden;display:block;}

#contents section.service a.ser_hotel{background:url(../images/service11b.png) no-repeat left top; left:32px;}
#contents section.service a.ser_trim{ background:url(../images/service12b.png) no-repeat left top; left:509px;}



#contents section.service a.ser_walk{ background:url(../images/service02.png) no-repeat left top; left:344px;}
@media(max-width:640px){

#contents section.service{ width:auto; height:auto; text-align:center;margin-bottom:20px;}
#contents section.service a{ position:relative;width:430px; height:322px;text-indent:-9999px;overflow:hidden;display:inline-block;}

#contents section.service a.ser_hotel{ left:auto; background-size:contain;}
#contents section.service a.ser_trim{  left:auto; background-size:contain;}



#contents section.service a.ser_walk{  left:auto; background-size:contain;}

} /* Responsive End */


#instafeed{background:rgba(255,255,255,0.5); text-align:center; padding:20px 0;}
#instafeed ul{ text-align:center; }
#instafeed li{ display:inline-block; margin-right:10px; text-align:center;font-size:12px;}
#instafeed li a{ display:inline-block; }

#instafeed li img{ width:120px;}

@media(max-width:640px){

#instafeed li{ display:inline-block; margin-right:10px}

#instafeed li img{ width:160px;}

} /* Responsive End */


/* section ---------------------------------------------------------------------------------------  */

#contents section{width:1000px; margin:0 auto;padding-bottom:30px;}
#contents section.bggray{width:auto;}

#contents section.sec{margin-bottom:100px;padding-top:50px;}



#contents section.maxwidth{ width:auto;}
#contents section.minwidth{ width:1000px;}



@media(max-width:640px){

#contents section{ width:auto; margin:0 20px}
#contents section.minwidth{ width:auto;}




} /* Responsive End */




#contents section.sec h1{ width:437px; height:80px;  text-indent:-9999px;overflow:hidden;display:block; margin:0 auto;}

#contents section.sec.salon h1{ background:url(../images/02_title.png) no-repeat left top;}
#contents section.sec.hotel h1{ background:url(../images/03_title.png) no-repeat left top;}
#contents section.sec.walk h1{ background:url(../images/04_title.png) no-repeat left top;}
#contents section.sec.trim h1{ background:url(../images/05_title.png) no-repeat left top;}
#contents section.sec.photobook h1{ background:url(../images/11_title.png) no-repeat left top;}
#contents section.sec.access h1{ background:url(../images/07_title.png) no-repeat left top;}
#contents section.sec.company h1{ background:url(../images/08_title.png) no-repeat left top;}
#contents section.sec.other h1{ background:url(../images/12_title.png) no-repeat left top;}

#contents_mail section.sec h1{ width:437px; height:80px;  text-indent:-9999px;overflow:hidden;display:block; margin:0 auto;}
#contents_mail section.sec.contact h1{ background:url(../images/09_title.png) no-repeat left top;}
#contents_mail section.sec.reserve h1{ background:url(../images/10_title.png) no-repeat left top;}

.secIntroText{ text-align:center; margin-bottom:50px;}

.sec h2{ font-size:24px; color:#38b035; background:url(../images/stamp.png) no-repeat left 30%;padding:20px 0 20px 50px;margin-bottom:10px;}

@media(max-width:640px){


.secIntroText{ text-align:left; margin-bottom:50px; font-size:24px; line-height: 1.6em; }
.sec h2{ font-size:32px; color:#38b035; background:url(../images/stamp.png) no-repeat left 30%;padding:20px 0 20px 50px;margin-bottom:40px;}


    
    
    


} /* Responsive End */



/* salon ---------------------------------------------------------------------------------------  */


section.salon{}

#mitori{ position:relative; width:890px; height:1100px; margin:0 auto;}
#mitori li{text-indent:-9999px;overflow:hidden;display:block; position:absolute;}

#mitori li h2{ background:none !important;}

section.salon .image01{background:url(../images/02_image01.png) no-repeat left top; width:387px; height:360px; top:0; left:0;}
section.salon .image02{background:url(../images/02_image02.png) no-repeat left top; width:387px; height:360px; top:0; right:0;}
section.salon .image03{background:url(../images/02_image03.png) no-repeat left top; width:808px; height:376px; top:360px; left:35px;}
section.salon .image04{background:url(../images/02_image04.png) no-repeat left top; width:387px; height:360px; top:736px; left:0;}
section.salon .image05{background:url(../images/02_image05.png) no-repeat left top; width:387px; height:360px; top:736px; right:0;}

@media(max-width:640px){

#mitori{ position:relative; width:auto; height:auto; margin:0 auto; text-align:center;}
#mitori li{ position:relative; display:inline-block; margin-bottom:20px}

section.salon .image01{background:url(../images/02_image01.png) no-repeat left top; width:520px; height:480px; top:auto; left:auto; background-size:contain;}
section.salon .image02{background:url(../images/02_image02.png) no-repeat left top; width:520px; height:480px; top:auto; right:auto; background-size:contain;}
section.salon .image03{background:url(../images/02_image03.png) no-repeat left top; width:808px; height:376px; top:auto; left:auto; display:none !important;}
section.salon .image04{background:url(../images/02_image04.png) no-repeat left top; width:520px; height:480px; top:auto; left:auto ;background-size:contain;}
section.salon .image05{background:url(../images/02_image05.png) no-repeat left top; width:520px; height:480px; top:auto; right:auto; background-size:contain;}


} /* Responsive End */



/* hotel ---------------------------------------------------------------------------------------  */

.pointbox{ width:890px; margin:0 auto; position:relative;margin-bottom:55px;}
.pointbox .imgbox{ width:283px; height:196px; float:left;}
.pointbox dl{ width:570px;float:right;}
.pointbox dl dt{padding-top:24px; font-size:24px; color:#38b035;}
.pointbox dl dd{ padding-top:24px;}
.pointbox dl dd p{}


.pointbox:before,
.pointbox:after {
    content: " ";
    display: table;
}
 
.pointbox:after {
    clear: both;
}
 
.pointbox {
    *zoom: 1;
}


@media(max-width:640px){

.pointbox{ width:auto; margin:0 auto; position:relative;margin-bottom:55px; text-align:center;}
.pointbox .imgbox{ width:auto; height:auto; float:none; text-align:center;}
.pointbox .imgbox img{ width:420px; height:auto;}
.pointbox dl dd p{ font-size:24px; text-align:left; margin:0 40px; line-height:1.4em;}

    .pointbox dl dd p a{ display: inline-block; padding: 10px; border: 1px solid #dadada; margin-top: 20px;}
    
} /* Responsive End */



#rooms{width:890px; height:390px; margin:0 auto; border-bottom:1px solid #d9d9d9;}
#rooms ul{ position:relative;}
#rooms li{ position:absolute;}

#rooms li.room01{top:0;left:0;}
#rooms li.room02{top:0;left:305px;}
#rooms li.room03{top:0;right:0;}

#rooms li dl{}
#rooms li dl dt{ font-size:17px; color:#8a6e53; text-align:center; padding-bottom:20px;}
#rooms li dl dd{}
#rooms li dl dd .imgbox{}
#rooms li dl dd p{ text-align:center;padding-top:5px;}

@media(max-width:640px){


#rooms{width:auto; height:auto;}
#rooms li{ position:relative; margin-bottom:40px}
#rooms li dl dd .imgbox{ text-align:center;}

#rooms li dl dd .imgbox img{ width:420px; height:auto;}

#rooms li.room02{top:0;left:auto;}

#rooms li dl dt{ font-size:34px; }

#rooms li dl dd p{ font-size:20px;}


} /* Responsive End */








.prices{width:890px;margin:0 auto;padding-top:50px;}
#walk .prices{padding-top:0;}
#trim .prices{padding-top:0;}

.prices dl{ border-bottom:1px solid #d9d9d9;padding-bottom:40px;}

.prices .dog dt,.prices .dog2 dt,.prices .dog3 dt{
float:left;
width:240px;
height:100%;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#70b36f url(../images/dog.png) no-repeat 50% 50%;
text-indent:-9999px;overflow:hidden;display:block;
}


.prices .cat dt{
float:left;
width:240px;
height:100%;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background:#d34747 url(../images/cat.png) no-repeat 50% 50%;
text-indent:-9999px;overflow:hidden;display:block;
}

.prices .option dt{
float:left;
width:240px;
height:100%;
font-weight:bold;
padding-top:15px;
font-size:23px;
}

.prices .option{padding-top:35px;}

.prices dd{ width:574px; float:right;}

.prices dl:before,
.prices dl:after {
    content: " ";
    display: table;
}
 
.prices dl:after {
    clear: both;
}
 
.prices dl{
    *zoom: 1;
}

.prices th span{ font-size:12px; color:#921B1D;}

@media(max-width:640px){

.prices{width:auto;margin:0 auto;padding-top:50px;}


.prices dd{ width:auto; float:none;}

.prices{width:auto;margin:0 auto;padding-top:50px;}

.prices .dog dt,.prices .dog2 dt,.prices .dog3 dt{
float:none;
width:240px;
height:100%;
margin:0 auto 20px auto;
}


.prices .cat dt{
float:none;
width:240px;
height:100%;
margin:0 auto 20px auto;
}

.prices .option dt{
float:none;
width:240px;
font-size:23px;
margin:0 auto;
}

.prices dd{ font-size:22px;}


.prices th span{ font-size:18px; color:#921B1D;}
} /* Responsive End */



.prices dd table{ width:100%; margin-bottom:20px;}
.prices dd table th{text-align:left;padding:10px 0;  vertical-align: top;}
.prices dd table td{padding:10px 0; vertical-align: top;}
.prices dd table.trLine tr{ border-top:1px dashed #ccc;}
.prices dd table td.size{width:auto;vertical-align: top;}
.prices dd table td.more{width:20%;  vertical-align: top;}
.prices dd table td.price{ width:20%; text-align:right; font-size:80%;vertical-align: top;}
.prices dd table td.price2{ width:20%;text-align:right; font-size:80%;vertical-align: top;}
.prices dd table td.price3{ width:40%;text-align:right; font-size:80%;}
.prices dd table td.price4{ width:26%;text-align:right; font-size:80%;}
.prices dd table td.price5{ width:40%;text-align:right; font-size:80%;}

@media(max-width:640px){
.prices dd table th{text-align:left;padding:10px 0 15px 0; font-size:22px; line-height: 1.5em; vertical-align: top;}
.prices dd{ width:auto; margin:0 20px;}
.prices dd table{ width:100%;margin:0 auto;}
.prices dd table td{padding:10px 0 15px 0;}
.prices dd table td.more{width:auto; vertical-align:top;}

.prices dd table td.more{width:25%; vertical-align:top;}
    
.prices dd table td.price{ width:23%; text-align:right; font-size:80%;}
.prices dd table td.price2{ width:23%; text-align:right; font-size:80%;}

} /* Responsive End */



.prices .cat{padding-top:40px;}
.prices .cat dd{padding:0 0;}

.prices h3{ color:#8a6e53;border-top:3px double #D3D3D3;border-bottom:1px dashed #D3D3D3; padding:15px 0; margin-bottom:10px;}
.prices .tablebox{padding:0 0 20px 0; }
td.price{ text-align:right;}

.pricemore{padding:20px 0 40px 315px; font-size:14px;}
.pricemore li{margin-bottom:4px; text-indent:-1em;}


@media(max-width:640px){


.pricemore{padding:40px; font-size:22px;}
.pricemore li{margin-bottom:10px; text-indent:-1em; line-height:1.4em;}

.

} /* Responsive End */




.goriyou{width:890px;margin:0 auto; background:#efefef; border:1px solid #E2E2E2;}
.goriyo_inner{padding:30px;}
.goriyou h3{ font-size:24px; color:#38b035; font-weight:normal;margin-bottom:30px;}
.goriyou dl{}
.goriyou dt{ font-size:14px; font-weight:bold;margin-bottom:6px; background:url(../images/icon.png) no-repeat 5px 45%; padding-left:15px;}
.goriyou dd{ font-size:14px; font-weight:normal; padding-left:20px;padding-top:2px;}


@media(max-width:640px){

.goriyou{width:auto;}
.goriyo_inner{padding:40px;}
.goriyou h3{ font-size:40px;}
.goriyou dt{ font-size:20px;background:url(../images/icon.png) no-repeat 5px 5px; padding-left:15px; margin-bottom:20px;}
.goriyou dd{ font-size:20px; line-height:1.6em;}

} /* Responsive End */









/* walk */

.prices .dog2 dd{padding:20px 0;}







/* access */

.access{}
.access .sec_inner {}
.access .sec_inner p{}

.sec_cont{ width:890px; margin:0 auto;}
.sec_cont p{padding-bottom:20px;}
.sec_cont p img{ display: block; width:420px; margin:0 auto; margin-bottom:20px}

.access dl{margin-bottom:40px;}
.access dt{ font-size:18px; color:#38b035;margin-bottom:10px; font-weight:bold;}
.access dd{ font-size:14px;padding-left:20px;margin-bottom:20px;}

@media(max-width:640px){

.sec_cont{ width:auto; margin:0 auto;}
.access .sec_inner p{ font-size:24px}

.access dl{margin-bottom:40px;}
.access dt{ font-size:30px; color:#38b035;margin-bottom:20px; font-weight:bold;}
.access dd{ font-size:24px;padding-left:20px;margin-bottom:20px;}

} /* Responsive End */







h2.lightH2{background:none;padding-left:0; font-weight:normal;}

.mick_profile{padding:0 100px;}
.mick_profile p{padding:0 0 20px;}

#photobook .tablebox{padding-bottom:40px; padding-left:20px;}
#photobook .tablebox table{}
#photobook .tablebox table th{ font-size:12px; padding:2px 20px 2px 0; font-weight:normal;}
#photobook .tablebox table td{ font-size:12px;padding:2px 0 2px 0;}

#photobook h3{ font-size:19px; color:#38b035;padding-bottom:10px; }
#photobook p.prof{ font-size:12px; padding-bottom:40px; padding-left:20px;}
#photobook p.prof.smallfont{}


#photobook .photobookprices .prices{border-top:1px solid #D0D0D0;}
#photobook .photobookprices .prices dl{ display:block;}
#photobook .photobookprices .prices dt{ display:inline-block;margin-left:245px;margin-right:100px;width:auto; font-size:18px;}
#photobook .photobookprices .prices dd{ display:inline-block; width:auto; float:none;font-size:18px;}


@media(max-width:640px){

.mickphoto img{ width:100%;}

.mick_profile{padding:0 60px;}
.mick_profile p{padding:0 0 20px; font-size:22px;}

#photobook .tablebox{padding-bottom:40px; padding-left:20px;}
#photobook .tablebox table{}
#photobook .tablebox table th{ font-size:22px; padding:2px 10px 2px 0; font-weight:normal; width:100px; text-align:left;}
#photobook .tablebox table td{ font-size:22px;padding:2px 0 10px 0; line-height: 1.4em;}

#photobook h3{ font-size:20px; color:#38b035;padding-bottom:10px;}
#photobook p.prof{ font-size:18px; padding-bottom:40px; padding-left:20px;}
#photobook p.prof.smallfont{}


#photobook .photobookprices .prices{border-top:1px solid #D0D0D0;}
#photobook .photobookprices .prices dl{ display:block;}
#photobook .photobookprices .prices dt{ display:inline-block;margin-left:80px;margin-right:20px;width:auto; font-size:22px;}
#photobook .photobookprices .prices dd{ display:inline-block; width:auto; float:none;font-size:24px;}


} /* Responsive End */





















.companyBox{ width:700px; margin:0 auto;}

.companyBox dl{
	width:700px;
	overflow:hidden; /*floatしたので高さ確保*/
	border:1px solid #ccc;
	border-top:none; /*dt,dd設定とかぶるので*/
	background:#ddd;
	margin-bottom:30px;
}
.companyBox dt{
	width:160px;
	float:left;
	padding:10px;
	border-top:1px  #ccc;
}
.companyBox dd{
	width:499px;
	float:left;
	padding:10px;
	border-left:1px solid #ccc; /*長くなる要素にあわせて*/
	border-top:1px solid #ccc;
	background:#fff;
}
.companyBox dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}

@media(max-width:640px){


.companyBox{ width:500px; margin:0 auto;}

.companyBox dl{
	width:500px;
	overflow:hidden; /*floatしたので高さ確保*/
	border:1px solid #ccc;
	border-top:none; /*dt,dd設定とかぶるので*/
	background:#ddd;
	margin-bottom:30px;
}
.companyBox dt{
	width:auto;
	float:none;
	padding:10px;
	border-top:1px  #ccc;
	 font-size:22px;
}
.companyBox dd{
	width:auto;
	float:none;
	padding:10px;
	border-left:1px solid #ccc; /*長くなる要素にあわせて*/
	border-top:1px solid #ccc;
	background:#fff;
	 font-size:22px;
	 line-height:1.4em;
}
.companyBox dd:after{
	clear:both; /*1段ずつfloat解除する設定(いらない？)*/
}


} /* Responsive End */




.autobox{width:auto;margin:0 auto; background:#efefef; border:1px solid #E2E2E2; margin-bottom:20px;}
.autobox{padding:30px;}
.autobox h3{ font-size:18px; color:#38b035; font-weight:normal;margin-bottom:10px;}
.autobox .autoscroll{ height:100px; overflow:auto;}
.autobox .autoscroll p{ font-size:12px; line-height:1.4em; margin-bottom:20px;}
.autobox .autoscroll ul{ margin-bottom:20px;}
.autobox .autoscroll li{ font-size:12px;}

@media(max-width:640px){

.autobox h3{ font-size:30px;}
.autobox .autoscroll{ height:200px}
.autobox .autoscroll p{ font-size:20px; line-height:1.6em;}
.autobox .autoscroll ul{ margin-bottom:40px;}
.autobox .autoscroll li{ font-size:20px;line-height:1.6em;  }
} /* Responsive End */



/* footer */

footer{ background:#343434;color:#fcfcfc; height:200px;}
footer a{color:#fcfcfc;}

.footer_inner{ width:1000px; margin:0 auto;}

footer ul{padding:30px 0; text-align:center; border-bottom:1px solid #6e6e6e}
footer li{ font-size:14px; display:inline;}
footer li a{ font-size:14px; color:#fcfcfc !important;display:inline;}

footer .copy{padding:30px 0 0 0; text-align:center;}

@media(max-width:640px){

.footer_inner{ width:auto;}
footer ul{ display:none;}

} /* Responsive End */







#contents_mail{padding-top:200px;}

#mailformArea{ width:800px; margin:0 auto;}


.iptText{ width:100% !important; box-sizing: border-box;padding: 0.8em !important; font-size: 16px; border: 1px solid;}
.iptTextArea{ width:100% !important; height: 100px !important; font-size: 16px; box-sizing: border-box;padding: 0.8em !important; line-height: 1.3em;border: 1px solid;}
.mfp li{ margin-bottom:10px;}

@media(max-width:640px){

.iptText{ width:100% !important; font-size:30px; border: 1px solid ;}
.iptSelect{ font-size:30px !important;border:1px;
    border: 1px solid; }
.iptSelect option{ font-size:26px;border:1px;}
#mailformArea{ width:600px; margin:0 auto;}


#contents_mail{padding-top:270px;}

    .firstCustomer .customerTxt{ font-size: 18px; padding-bottom: 20px;}
    .firstCustomer ul li  p{ font-size: 22px; }
    
    
    

} /* Responsive End */
 




#pagetop{ position:absolute;}

#gotop {
  position: fixed;
  bottom: 0px;
  right: 20px;
  width: 115px;
  height: 36px;
  z-index: 5;
}




#btnscrollArea{ position:relative;}


.clear{ clear:both;}
.tac{ text-align:center !important;}


@media(max-width:640px){
.tac_pc{ text-align:left !important;}
.tac_smp{ text-align:center !important;}
}

@media(min-width:641px){
.tac_pc{ text-align:center !important;}
.tac_smp{ text-align:left !important;}
}


.violettext{ color:#8E2729;}







.waribiki{max-width: 750px; box-sizing: border-box;margin: 0 auto; border: 3px double #ddd; padding: 2em;  background: #f9f9f9;}

.waribiki dl{
    *zoom: 1;
    margin-bottom: 1em;
}

.waribiki dl:before,
.waribiki dl:after {
    content: " ";
    display: table;
}
 
.waribiki dl:after {
    clear: both;
}
 

.waribiki dt{
float:left;
width:20%;
height:100%;
font-weight:bold;
}

.waribiki dd{ width:80%; float:right; line-height: 1.5em;}

.waribiki dd ul{ list-style-type: circle; margin-left: 1em;}


@media(max-width:640px){

.waribiki p{ font-size: 22px; line-height: 1.4em;}
.waribiki dl{
}
.waribiki dt{
float:none;
width: 100%;
font-size: 150%;
margin-bottom: 0.5em;
}

.waribiki dd{ width:auto; padding-left: 50px; margin-bottom: 1em; float:none; line-height: 1.5em; font-size: 22px;}


.waribiki dd ul li{margin-bottom: 0.5em;}

}



.otomariPhoto{
margin: 20px 20px 60px 20px;
display: grid;
grid-template-columns: repeat(6, 1fr);
column-gap: 10px;
row-gap: 10px;}
    
    
.otomariPhoto img{
width: 100%;
}


.sougeiTable{ display: table; width: 100%;max-width: 700px; margin: 0 ; margin-bottom: 40px; border: 0 solid #38b056; border-radius: 10px; }
.sougeiIcon{ vertical-align: middle; display: table-cell; padding: 20px;}
.sougeiIcon img{ vertical-align: bottom; padding-bottom: 0; border-radius: 10px;}
.sougeiArea{ display: table-cell; vertical-align: middle;padding: 20px; font-size: 120%; font-weight: bold;}
.sougeiPrice{ display: table-cell; vertical-align: middle; padding: 20px;}

.sougeiArea p{ line-height: 1.4em;padding-top: 10px;}


@media(max-width:640px){

#otomari p{ font-size: 24px; line-height: 1.6em;}


.otomariPhoto{
margin: 20px 0 60px 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 10px;
row-gap: 10px;}
    


.sougeiTable{ display: table; width: 100%;max-width: 900px; margin: 0 auto; margin-bottom: 40px; border: 0 solid #38b056; border-radius: 10px; }
.sougeiIcon{ vertical-align: middle; display: table-cell; padding: 10px;}
.sougeiIcon img{ vertical-align: bottom; padding-bottom: 0; border-radius: 10px;}
.sougeiArea{ display: table-cell; vertical-align: middle;padding: 10px; font-size: 120%; font-weight: bold;}
.sougeiPrice{ display: table-cell; vertical-align: middle; padding: 10px;}

.sougeiArea p{ line-height: 1.4em;padding-top: 10px;}

    
    
    
}



.lineBnr img{ width: 400px; margin-bottom: 30px; margin-top: -30px;}

@media(max-width:640px){
.lineBnr img{ width: 500px; margin-bottom: 30px; margin-top: -30px;}
}





#trimOption{

}

.trimOpIntroTxt{ padding-left: 50px; margin-bottom: 30px; line-height: 1.5em;}
.trimOpIntroTxt2{ padding-left: 50px; margin-bottom: 30px; line-height: 1.5em; text-align: center;}


.trimOptBlock{ width: 800px; margin: 0 auto; margin-bottom: 30px;}

.trimOptBlock >.inner{ display: table; width: 100%;}
.trimOptBlock .imgBox{  display: table-cell;width: 250px; vertical-align: middle;}
.trimOptBlock .imgBox img{width: 100%; border-radius: 50%;box-shadow: 1px 0px 20px #a1dc9c; border: 2px solid #fff; box-sizing: border-box;}
.trimOptBlock .txtBox{display: table-cell; width: auto;vertical-align: middle; padding:30px;}

.trimOptBlock .txtBox h3{ font-size: 140%; background: url(../images/trim/icon.png) no-repeat left top; background-size: 20px; padding:4px 0 20px 25px;}
.trimOptBlock .txtBox p{ line-height: 1.9em; padding-left: 25px;}

.trimOptBlock.change .txtBox,
.trimOptBlock.change2 .txtBox{ padding-left: 150px;}

.opt01 .txtBox{ background: url(../images/trim/trimopBg01.jpg) no-repeat center top; background-size: contain;}
.opt02 .txtBox{ background: url(../images/trim/trimopBg02.jpg) no-repeat center top; background-size: contain;}
.opt03 .txtBox{ background: url(../images/trim/trimopBg03.jpg) no-repeat center top; background-size: contain;}
.opt04 .txtBox{ background: url(../images/trim/trimopBg04.jpg) no-repeat center top; background-size: contain;}


.trimOptOtherBox{ width: 800px; margin: 0 auto; margin-top:50px; border: 3px double #ccc; padding: 30px;}
.trimOptOtherBox ul{
width: 100%;
margin: 0 auto ;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 15px;
row-gap: 15px;  
}


.trimOptOtherBox ul li{ display: block; text-align: center; background:url(../images/trim/images/trimoptGridBG.jpg) no-repeat center center; background-size: cover;padding: 30px 0; color: #fff; font-weight: bold; font-size: 120%; text-shadow: black; border-radius: 10px;}



@media(max-width:640px){
  .trimOptBlock{ width: auto; margin: 0 25px; margin-bottom: 30px;}
.trimOpIntroTxt{  font-size: 140%;}
.trimOpIntroTxt2{  font-size: 140%; padding: 0; margin-top: 0; text-align: left;}

.trimOptBlock >.inner{ display: block; width: 100%;}
.trimOptBlock .imgBox{  display:block;width: 100%; text-align: center;vertical-align: middle;}
.trimOptBlock .imgBox img{width: 80%;}
.trimOptBlock .txtBox{display: block; width: auto;vertical-align: middle; padding:30px 0 30px; font-size: 120%;}
    .trimOptBlock .txtBox p{ font-size: 120%; margin-bottom: 30px;}

.trimOptBlock.change .txtBox,
.trimOptBlock.change2 .txtBox{ padding-left: 0;}
    

.trimOptOtherBox{ width: auto; margin: 0 20px; padding-top: 35px;}
.trimOptOtherBox ul{
width: 100%;
margin: 0 auto ;
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 15px;
row-gap: 15px;  
}


.trimOptOtherBox ul li{ display: block; text-align: center; background:url(../images/trim/images/trimoptGridBG.jpg) no-repeat center center; background-size: cover;padding: 30px 0; color: #fff; font-weight: bold; font-size: 120%; text-shadow: black; border-radius: 10px;}
    
}