

/*==============================================================
トップ　バナー
==============================================================*/

ul.top-bnr-list {
	margin-left:-20px;
	margin-top:30px;

}

ul.top-bnr-list li {

	float:left;
	margin-bottom:20px;
	margin-left:20px;
	
}



/*==============================================================
タイトル
==============================================================*/

.title-main {
	font-size: 220%;
	color: #059AB1;
	line-height: 1.5;
	font-weight: normal;
	padding-top: 8px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	letter-spacing: 0.2em;
	margin-bottom: 20px;
	background-image: url(../img/body/title_bg_01.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	
}


.title-sub {
	font-size: 200%;
	color: #6F0045;
	line-height: 1.5;
	font-weight: normal;

	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;

	letter-spacing: 0.1em;
	margin-bottom: 20px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6F0045;
}



.title-sub img{
	vertical-align: middle;
	margin-bottom: 3px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	padding-right: 10px;
	margin-right: 10px;
}


.title-sub2 {
	font-size: 120%;
	color: #46002C;
	line-height: 1.4;
	font-weight: bold;
	letter-spacing: 0.05em;
	margin-bottom: 1em;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #46002C;
	padding-top: 3px;
	padding-left: 8px;
}

.title-sub3 {
	font-size: 110%;
	color: #46002C;
	line-height: 1.5;
	font-weight: normal;
	letter-spacing: 0em;
	padding-top: 3px;
	padding-left: 10px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #46002C;
	margin-bottom: 0.5em;
	background-image: url(../img/body/arrow_sml_02.png);
	background-repeat: no-repeat;
	background-position: -1px center;
}

.title-sub4 {
	font-size: 100%;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #B72E84;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.title-sub4 span {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	background-color: #ffffff;
	color: #6F0045;
	font-size: 100%;

	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 10px;
	padding-left: 10px;
}


.title-sub-main {
	font-size: 140%;
	color: #FFFFFF;
	font-weight: normal;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #6F0045;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border: 1px solid #45002B;
}


.title-lead {
	font-size: 200%;
	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	color: #FFFFFF;
	/*	text-shadow: 1px 1px 3px #cccccc; */
	line-height: 1.8;
}


.title-sp-tel {

	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background:#FF8CA6;
	color:#000;
	text-align:center;
	padding:5px;
	
	margin-bottom:10px;
}



/*==============================================================
スライドナビ
==============================================================*/


#slide-nav {
	margin-right: auto;
	margin-left: auto;
	width:960px;
	margin-bottom:50px;
}

ul.bxslider li {
	background:none;
	padding:0;
	display:inline;
}

ul.bxslider li a {
float:left;
}


/*==============================================================
囲み枠
==============================================================*/


.sub_contact {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;         /* CSS3 */
	border: 3px double #6F0045;     /* 枠線の装飾 */
	background-color: #fff;
	padding: 1em;
	
}

.sub_contact_w {
	font-size: 120%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
	background-color: #ffffff;
	padding: 10px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

.sub_contact2 {
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;     /* 枠線の装飾 */
	background-color: #E8E8E8;
	padding: 15px;
	
}

.tel_box {
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;
	padding: 15px;
	margin-top: 20px;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
	
}

.tel_box p {
padding-bottom:0px!important;
}


.btn-reserve {
	float:right;
	
}


.intro_box {
	color: #FFFFFF;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 6px;    /* Firefox */
	-webkit-border-radius: 6px; /* Safari,Chrome */
	border-radius: 6px;         /* CSS3 */
	background-color: #059AB1;
	padding: 15px;
	clear: both;
}

.intro_box span {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 150%;
	display: block;
	background-color: #037E8F;
	padding: 5px;
}

.adrs_box {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #EBEBEB;
	padding: 15px;
	clear: both;
}

.access-box {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #EBEBEB;
	padding: 15px;
	clear: both;
	border: 1px solid #059AB1;
}

.access-box-root {
	font-size: 110%;
	color: #FFFFFF;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #059AB1;
	clear: both;
	border: 1px solid #059AB1;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 15px;
}

.access-box-sub {
	font-size: 100%;
	color: #000000;
	line-height: 1.5;
	font-weight: normal;
	background-color: #278037;
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;         /* CSS3 */
	background-color: #ffffff;
	padding: 15px;
	clear: both;
}

.access_box p{

}


/*==============================================================
スライドナビ
==============================================================*/


    /* 開閉ボタン */
        .open {
			margin-top:5px;
            display: none;
            float: left;
            width: 40px;
            height: 35px;
            margin-right: 0px;
            background:url(../img/body/menu.png) center center no-repeat #333;
            -moz-border-radius: 4px;
            -webkit-border-radius: 4px;
            -border-radius: 4px;
            text-indent: -999999px;
			
			z-index:100000;

        }
 

    	
		
		#pageslide {
    /* These styles MUST be included. Do not change. */
    display: none;
    position: ;
    position: fixed;
    top: 0;
    height: 100%;
    z-index: 999999;
    
    /* Specify the width of your pageslide here */
    width: 260px;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
    
    /* These styles are optional, and describe how the pageslide will look */
    background-color: #333;
    color: #FFF;
    -webkit-box-shadow: inset 0 0 5px 5px #222;
    -moz-shadow: inset 0 0 5px 5px #222;
    box-shadow: inset 0 0 5px 5px #222;
}



/*==============================================================
回り込み解除
==============================================================*/

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {  clear: both;}
.clearfix {  *zoom: 1;}
.clearfix{	display:block;}


.clearAll{ clear:both}




/*==============================================================
img のリンク　マウスオーバー
==============================================================*/

a.mouseOver:hover img{
  filter: alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
}



/*==============================================================
マージン、回り込み
==============================================================*/

.mgnL5 {	margin-left: 5px;}
.mgnL10 {	margin-left: 10px;}
.mgnL15 {	margin-left: 15px;}
.mgnL20 {	margin-left: 20px;}
.mgnL25 {	margin-left: 25px;}
.mgnL30 {	margin-left: 30px;}
.mgnL35 {	margin-left: 35px;}
.mgnL40 {	margin-left: 40px;}
.mgnL45 {	margin-left: 45px;}
.mgnL50 {	margin-left: 50px;}
.mgnL55 {	margin-left: 55px;}
.mgnL60 {	margin-left: 60px;}
.mgnR5 {	margin-right: 5px;}
.mgnR10 {	margin-right: 10px;}
.mgnR15 {	margin-right: 15px;}
.mgnR20 {	margin-right: 20px;}
.mgnR25 {	margin-right: 25px;}
.mgnR30 {	margin-right: 30px;}
.mgnR35 {	margin-right: 35px;}
.mgnR40 {	margin-right: 40px;}
.mgnR45 {	margin-right: 45px;}
.mgnR50 {	margin-right: 50px;}
.mgnR55 {	margin-right: 55px;}
.mgnR60 {	margin-right: 60px;}
.mgnR150 {	margin-right: 150px;}
.mgnT5 {	margin-top: 5px!important;}
.mgnT10 {	margin-top: 10px;}
.mgnT15 {	margin-top: 15px;}
.mgnT20 {	margin-top: 20px!important;}
.mgnT25 {	margin-top: 25px;}
.mgnT30 {	margin-top: 30px;}
.mgnT35 {	margin-top: 35px;}
.mgnT40 {	margin-top: 40px;}
.mgnT45 {	margin-top: 45px;}
.mgnT50 {	margin-top: 50px;}
.mgnT55 {	margin-top: 55px;}
.mgnT60 {	margin-top: 60px;}
.mgnB5 {	margin-bottom: 5px;}
.mgnB10 {	margin-bottom: 10px;}
.mgnB15 {	margin-bottom: 15px;}
.mgnB20 {	margin-bottom: 20px;}
.mgnB25 {	margin-bottom: 25px;}
.mgnB30 {	margin-bottom: 30px;}
.mgnB35 {	margin-bottom: 35px;}
.mgnB40 {	margin-bottom: 40px;}
.mgnB45 {	margin-bottom: 45px;}
.mgnB50 {	margin-bottom: 50px;}
.mgnB55 {	margin-bottom: 55px;}
.mgnB70 {	margin-bottom: 70px;}

.pdgA10 { padding:10px!important;}



.frtL {float: left;}

.frtR {	float: right;}


.positionR {	position:relative;}


.txt-15px {	font-size:15px;}
.txt-16px {	font-size:16px;}
.txt-17px {	font-size:17px;}
.txt-18px {	font-size:18px;}

.txt-80p {	font-size:80%;}
.txt-90p {	font-size:90%;}
.txt-120p {	font-size:120%;}
.txt-130p {	font-size:130%;}
.txt-140p {	font-size:140%;}
.txt-150p {	font-size:150%;}


.caution {
	padding-left: 1em;
	text-indent: -1em;
}



/*ヘアライン
----------------------------------------------------------*/
hr.hr-line-d20{
	line-height:0px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-bottom-style: none;
	border-top-color: #999;
	margin-top: 10px;
	margin-bottom: 10px;
	clear: both;
	float: none;
}

hr.hr-line-grn {
	line-height:0;
	clear: both;
	float: none;
	height: 1px;
	background-color: #059AB1;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

hr.hr-line-1 {
	line-height:0px;
	margin-top: 1px;
	clear: both;
	float: none;
	border: none;
}

hr.hr-line-30 {
	line-height:0px;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
	float: none;
	border: 1px solid #FFFFFF;
}


hr.style-one {
	border: 0;
	height: 1px;
	background: #666;
    background-image: -webkit-linear-gradient(left, #ccc, #666, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #666, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #666, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #666, #ccc);
}

hr.style-double {
	border-top-width: 3px;
	border-top-style: double;
	border-top-color: #CCCCCC;
}


/*角丸
----------------------------------------------------------*/
.pic-round {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;
}




/* Page Top */

#pageTop {
	position:fixed;
	bottom:50px;
	right:20px;
	}

* html #pageTop {
	display: none;
	float: right;
	}




/*GoogleMap 埋め込みレスポンシブ
----------------------------------------------------------*/
 
 
 /* 地図 */

.map_wrapper {
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;

}
 
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmapr object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
 


.map_wrapper p {
	text-align: center;
	margin-top: 20px;
}


.btn-text a {
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
	border-radius: 5px;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #6F0045;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.btn-text a:hover {
	text-decoration: none;
	background-color: #45002B;
}
 
 

/*==============================================================
スマホ表示 トルグボタン
==============================================================*/



.toggle_box{ 
    display:none;
    color:#fff; 
    margin-top:20px;
} 


.btn {
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
    background-color:#FF8CA6;
	border:#FF557C solid 2px;
    padding:8px;
	text-align:center;
	margin-top:20px;
	font-size:1.2em;
} 


.btn.active{ 
    background-color:#FF557C;
    padding:10px; 
    color:#fff;
} 


.btn:hover{ 
    cursor:pointer; 
} 




/*==============================================================
スマホ表示 ブログ用トルグボタン
==============================================================*/



.blog-btn {
	cursor:pointer;
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border-radius: 4px;         /* CSS3 */
    background-color:#6F0045;
    padding:8px;
	text-align:center;
	margin-top:20px;
	font-size:1.2em;
	margin-bottom:20px;
	color:#fff;
} 


.blog-btn:after {content:"表示";}


.blog-btn.active{ 
    background-color:#32001F;
    padding:8px;
} 

.blog-btn.active:after {content:"非表示";}



/* 20240720 追記　*/

#header-menu .flort-r1 + .padding-t5 > img{
position: relative;
top: 13px;
}
#posts li{
list-style-type: none;

}




