@charset "utf-8";

.sp-only{
	display:none;
}
.pc-only{
	display:block;
}


@media screen and (max-width:600px){
.sp-only{
	display:block;
}
.pc-only{
	display:none;
}
body{
	background: none;
	min-width: 100%;
}
#all {
    width: 100%;
    background: none;
    background-position: top center;
    text-align: left;
    margin: 0 auto;
    padding-bottom: 70px;
}
#contents{
	background: none;
}
#main_contents{
	width: 100%;
	max-width:600px;
	float: none;
	margin: auto;
}
#main_contents h1{
	margin-top:10px;
	color:#999;
	text-align:center;
}
#main_contents .head_photo{
	display:none;
}
/*----------------------------------------------------
	カラム操作
----------------------------------------------------*/
.col-wrapp{
	display:table;
	width:100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:5px 0px;
}
.col{
	display:table-cell;
	vertical-align: top;
}
.w30 {
    width: 30px;
}
/*-----------------
ナビゲーションPC(ヘッダー)
------------------*/
#main_contents .global{
	display:none;
}
/*----------------------------------------
ナビゲーションSP(ヘッダー)
----------------------------------------*/
#head-navi-sp,#head-navi-sp *{
	box-sizing:border-box;
}
#head-navi-sp{
	background-color:#f18b00;
	position:fixed;
	width:100%;
	top:0;
	padding:10px;
	z-index:3;
	left: 0;
}
#head-navi-sp > .col-wrapp > .ul-wrap > ul{
	display:none;
	padding-top:10px;
	padding-right:5px;
}
#head-navi-sp > .col-wrapp > .ul-wrap > ul > li {
	list-style:none;
}
#head-navi-sp > .col-wrapp > .ul-wrap > ul > li > a {
	font-size:13px;
	display: block;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 10px;
	border-top: 1px dotted #FFF;
}
#head-navi-sp > .col-wrapp > .ul-wrap > ul > li > a:hover {
	opacity:0.5;
}
.sp_haed_photo{
	text-align:center;
	margin-top:28px;
}
.sp_haed_photo img{
	width:auto;
	max-width:100%;
}
/*-----------------
ニュース
------------------*/
#index_main #news h2 {
    padding: 1px 0 0 26px;
}
#index_main #news {
    padding: 0;
}
/*-----------------
メインコンテンツ一括指定
------------------*/
#index_main .greeting,
#index_main .greeting *,
#index_main .important,
#index_main .important *,
#index_main .pappy,
#index_main .pappy *,
#index_main .massage,
#index_main .massage *{
	background:none !important;
	min-height:auto;
	
}
#index_main .reserve,
#index_main .greeting,
#index_main .important,
#index_main .pappy,
#index_main .massage{
	border:1px solid #CCC;
	border-radius:3px;
	
}

#index_main .reserve{
    margin : 0 5px 0 0;
}
/*-----------------
.reserve
------------------*/
#index_main .reserve h2 {
    margin: 0 0 20px 0;
}
#index_main .reserve h2 p {
    color: #f10071;
	font-size:18px;
}
/*-----------------
.greeting
------------------*/
#index_main .greeting_det h2 {
    margin: 0 0 20px 0;
}
#index_main .greeting_det h2 p {
    color: #f18b00;
	font-size:18px;
}
#index_main .greeting_det .feature,
#index_main .greeting_det .text01{
	margin:auto;
}
/*-----------------
.important
------------------*/
#index_main .important_det h2 {
    margin: 0 0 20px 0;
}
#index_main .important_det h2 p {
    color: #f75745;
	font-size:18px;
}
#index_main .important_det .important_point .import01{
	padding:0;
}
#index_main .important_det .important_point .import01 p.sp-only img{
	width:auto;
	max-width:100%;
}
#index_main .important_det .important_point .import02 {
    padding: 0;
}
#index_main .important_det .important_point .import02 p.sp-only img{
	width:auto;
	max-width:100%;
}
#index_main .important_det .important_point .import02 ul {
    margin: 0 0 10px 20px;
}
/*-----------------
.pappy
------------------*/
#index_main .pappy h4 {
    padding: 0;
}
#index_main .pappy h4 p {
    padding-bottom:10px;
	color: #2eb28d;
}
#index_main .pappy,#index_main .massage {
    margin: 20px 0 0 0;
	padding:10px;
}
#index_main .pappy .text {
    margin: auto;
}
/*-----------------
.massage
------------------*/
 #index_main .massage h4 {
    padding: 0;
}
#index_main .massage h4 p {
    padding-bottom:10px;
	color: #ae4d06;
}
#index_main .massage .text {
    margin: auto;
}
/*-----------------
.main_bottom
------------------*/
#index_main .main_bottom {
    margin: 40px 0px 0 0;
}
#index_main .main_bottom .right_box_fb,
#index_main .main_bottom .left_box{
	float: none;
	margin:auto auto;
}
#index_main .main_bottom .left_box{
	max-width:320px;
	width:100%;
	background: url('images/index/care_back_sp.jpg') no-repeat;
}
#index_main .main_bottom .left_box,
#index_main .main_bottom .left_box *{
	background-size: 100%;
}
/*-----------------
#side_menu
------------------*/
#side_menu {
	width: 100%;
	max-width:600px;
	margin-left: auto;
	_margin-left: auto;
	margin-right: auto;
	_margin-right: auto;
	text-align: center;
}
#side_menu .logo{
	display:none;
}
#footer_all {
    background: none;
    background-position: top center;
    color: #615f4f;
}
#footer {
    background: #e9effd;
    width: 100%;
    margin: 0 auto;
    _margin: 0;
    font-size: 12px;
	padding-left: 0px;
}
#footer .footer_text {
	background: url(../images/index/lark_sp_013.png) repeat-x bottom center;
    margin: 0 auto;
	padding:10px;
	padding-bottom: 120px;
}
#footer .footer_text .menu01,
#footer .footer_text .menu02,
#footer .footer_text .menu03 {
    width: 100%;
    float: none;
}
#footer .footer_text a {
    color: #615f4f;
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
}
#footer .footer_text p {
    background: url('images/common/footer_point.png') no-repeat;
    background-position: center left;
    padding-left: 10px;
	border-bottom: 1px dotted #615f4f;
}
#footer .page_top {
    display:none;
}
#footer .copyright{
	padding:5px;
	color: #FFF;
	background: #615f50;
	text-align:center;
	margin: 0;
}
}









/*260206 ADD*/
@media screen and (max-width:600px) {
	.navi-sp-content .icon_sns1,
	.navi-sp-content .icon_sns2,
	.navi-sp-content .icon_sns3 {
		float:right;
	}
	.navi-sp-content .icon_sns1 img,
	.navi-sp-content .icon_sns2 img,
	.navi-sp-content .icon_sns3 img {
		width:28px;
		margin:1px 12px 0 0;
	}
	.navi-sp-content .tel i {
		color:#704203;
	}
}
/*260206 ADD*/
