@charset "utf-8";

/**** Clearfix ****/
nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after,#footer:after{content:""; display: table;clear: both;}
nav .panel,#mainNav,.newsTitle,.bg, .post,#footer{zoom: 1;}

/* ヘッダー
------------------------------------------------------------*/

#header{
overflow:hidden;
margin:0 auto 5px;
width:100%;
background:#FFFFFF;
border-top:solid 1px #A4813E;
}

/* サイト説明文 + 住所
----------------------------------*/
#header p{
float:left;
padding:3px 0;
color: #271610;
font-size:100%;
font-weight:normal;
}

#header p{
float:right;
}

#header a:hover{opacity: 0.5 ;}


/* ロゴ (サイトタイトル)
----------------------------------*/
#header h2{
clear:both;
padding:5px 0 3px;
color: #515151;
font-size:160%;
font-weight:bold;
}

/* サブナビゲーション
----------------------------------*/
#header #bnr_tel{
float:right;
margin-top:-55px;
}

#header #right_hd{
float:right;
padding-right:20px;
padding-left:10px;
margin-top:-25px;
padding-bottom:5px;
}

#header h1{
padding-top:3px;
padding-bottom:5px;
color: #231815;
font-size:85%;
font-weight:normal;
}

#header #right_hd ul{
font-size:90%;
padding-top:3px;
float:right;
}

#header #right_hd ul li{
display:inline;
margin-left:10px;
border-right:dotted 1px;
padding:0 5px;
}

#header #right_hd ul li a{
padding-left:15px;
background:url(../images/arrowSub.png) no-repeat 0 50%;
color: #271610;
}

#header #right_hd ul li a:hover{background-position:3px 50%;}


/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width: 1100px){
nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}
	
#mainNav{
width:100%;
height:60px;
margin:0 auto;
background:#FFFFFF;
border-top:solid 1px #EDE9DA;
border-bottom:solid 4px #52373C;
z-index:9999;
}

.fixed {
position: fixed;
top: 0;
}

#mainNav li{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
width:156px;
padding:11px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}

#mainNav li.long{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
width:156px;
padding:9px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
font-size:13px;
line-height:1.1;
}

#mainNav li.long a{
font-size:13px;
line-height:1.1;
}

#mainNav li.rv{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
width:156px;
padding:12px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
background:#41292D;
}

#mainNav li:first-child{border-left:1px solid #ECD8D2;}

#mainNav li a{
display: block;
text-align: center;
_float:left;
color:#52373C;
font-size:15px;
}

#mainNav li.rv a:hover{
color:#FFFFFF;
background:#664D37;
padding:9px 0;
margin:-8px 0;
}

#mainNav li.rv a{
display: block;
text-align: center;
_float:left;
color:#FFFFFF;
font-size:100%;
}

#mainNav li a:hover{
color:#94500C;
}

#mainNav li a span{
display:block;
font-size:55%;
line-height:1.3;
color:#C5AC9E;
}

#mainNav ul ul{width:97%;}

#mainNav ul ul{display: none;}

#mainNav li:hover ul{
display: block;
position: absolute;
top:53px;
left:0;
z-index:9999;
}

#mainNav li li{
padding:3px 40px;
margin:0;
float: none;
height:40px;
border:0;
background:#FFFFFF url(../images/arrow.png) no-repeat 10% 50%;
border-bottom:1px solid #3C1D03;
border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;
}

#mainNav li li:first-child{border-left:0; border-top:1px solid #3C1D03;padding:3px 40px;border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;}

#mainNav li li a{
height:40px;
padding:0 0 0 0;
line-height:40px;
font-size:14px;
text-align:left;
color:#3C1D03;
}

#mainNav li.long li a{
height:40px;
padding:0 0 0 0;
line-height:40px;
font-size:14px;
text-align:left;
color:#3C1D03;
}

#mainNav li li.current-menu-item a{font-weight:bold;}

#mainNav li li:hover{background:#F5F1E9 url(../images/mainnavBg.png) repeat-x 0 100%;}

#mainNav li:hover li:last-child{border:0;border-bottom:1px solid #3C1D03;
border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;}


#orver{
display:none;
}

}

/* メインメニュー　PC用 SMALL
------------------------------------------------------------*/
@media only screen and (max-width:1100px){
nav div.panel{
display:block !important;
float:left;
}

a#menu{display:none;}

#mainNav{
width:100%;
border-top:solid 1px #EDE9DA;
border-bottom:solid 4px #52373C;
}

.inner{
width:100%;
}

.panel{
width:100%;
}

#mainNav li{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
width:14%;
padding:10px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
}

#mainNav li.long{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
padding:8px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
font-size:12px;
line-height:1.1;
letter-spacing: -1px;
}

#mainNav li.long a{
font-size:12px;
line-height:1.1;
letter-spacing: -1px;
}

#mainNav li.small{
font-size:12px;
letter-spacing: -1px;
}

#mainNav li.small a{
font-size:12px;
letter-spacing: -1px;
}

#mainNav li.rv{
float: left;
position: relative;
border-right:1px solid #ECD8D2;
padding:10px 0;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
background:#41292D;
}

#mainNav li:first-child{border-left:1px solid #ECD8D2;}

#mainNav li a{
display: block;
text-align: center;
_float:left;
color:#52373C;
font-size:13px;
}

#mainNav li.rv a:hover{
color:#FFFFFF;
background:#664D37;
padding:8px 0;
margin:-8px 0;
}

#mainNav li.rv a{
display: block;
text-align: center;
_float:left;
color:#FFFFFF;
font-size:100%;
}

#mainNav li a:hover{
color:#94500C;
}

#mainNav li a span{
display:block;
font-size:60%;
line-height:1.3;
color:#C5AC9E;
}

#mainNav ul ul{width:97%;}

#mainNav ul ul{display: none;}

#mainNav li:hover ul{
display: block;
position: absolute;
top:53px;
left:0;
z-index:500;
}

#mainNav li li{
padding:3px 10px 3px 25px;
width:140px;
margin:0;
float: none;
height:40px;
border:0;
background:#FFFFFF url(../images/arrow.png) no-repeat 10% 50%;
border-bottom:1px solid #3C1D03;
border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;
}

#mainNav li li:first-child{border-left:0; border-top:1px solid #3C1D03;padding:3px 10px 3px 25px;border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;}

#mainNav li li a{
height:40px;
padding:0 0 0 0;
line-height:40px;
font-size:12px;
text-align:left;
color:#3C1D03;
}

#mainNav li.long li a{
height:40px;
padding:0 0 0 0;
line-height:40px;
font-size:12px;
text-align:left;
color:#3C1D03;
}

#mainNav li.small li a{
height:40px;
padding:0 0 0 0;
line-height:40px;
font-size:12px;
text-align:left;
color:#3C1D03;
}

#mainNav li li.current-menu-item a{font-weight:bold;}

#mainNav li li:hover{background:#F5F1E9 url(../images/mainnavBg.png) repeat-x 0 100%;}

#mainNav li:hover li:last-child{border:0;border-bottom:1px solid #3C1D03;
border-right:1px dotted #3C1D03;
border-left:1px dotted #3C1D03;}



#content, #sidebar, #news_top, #news, #topics, #charm #point,#group,#banner,#news_top{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:20px 0 10px;
}

#rv_box{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:20px 0 10px;
}

#banners{width:100%;margin:0 auto;text-align:center;}
#banners p{display:inline;margin:0 1% 0 0;}
#banners p img{width:31%;height:auto;}

.thumbWrap{width:100%;margin:10px auto 0;text-align:center;}
.thumbWrap ul.thumb li{width:21%; float:left;margin:0 1% 0 2%;}
.thumbWrap img{width:100%;height:auto;}

#orver{
display:none;
}
}


/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:800px){
#mainNav{
display:none;
}

.pagination {
display:none;
}

#orver{
display:block;
line-height:1.8;
width:100%;
}

#modal{
width:100%;
margin: 0;
padding: 0;
z-index: 9999;
border-bottom:2px solid #52373C;
border-top:2px solid #52373C;
}

.fixed {
position: fixed;
bottom: 0;
}

#demo-button{
width:25%;
float:left;
background:#FFFFFF;
text-align:center;
padding:12px 0;
margin-right:-1px;
margin-left:-1px;
border-right:dotted #52373C 1px;
border-left:dotted #52373C 1px;
border-bottom:1px solid #52373C;
}

#demo-button a{
color:#000000;
text-decoration:none;
}
#demo-button a:hover{
color:#D2C084;
}

#sty-button{
width:25%;
float:left;
background:#41292D;
text-align:center;
padding:12px 0;
margin-right:-1px;
margin-left:-1px;
border-right:dotted #52373C 1px;
border-left:dotted #52373C 1px;
border-bottom:1px solid #52373C;
}

#sty-button a{
color:#FFFFFF;
text-decoration:none;
}
#sty-button a:hover{
color:#D2C084;
}

#access-button{
width:25%;
float:left;
background:#FFFFFF;
text-align:center;
padding:12px 0;
margin-right:-1px;
margin-left:-1px;
border-right:dotted #52373C 1px;
border-left:dotted #52373C 1px;
border-bottom:1px solid #52373C;
}

#access-button a{
color:#000000;
text-decoration:none;
}
#access-button a:hover{
color:#D2C084;
}

.md_ttl{
font-size:20px;
font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "YuMincho", "HGS明朝E", "ＭＳ 明朝", "MS PMincho", serif;
color:#260217;
}

/* ここまでデモページ用のコード */
#modal-content {
width: 100% ;
margin: 0 ;
padding: 10px 20px ;
position: fixed;
display: none ;
z-index: 9999 ;
overflow-y: scroll;
}

#modal-content-innar{
margin:20px auto 0 auto;
width:90%;
}

/* ここまでデモページ用のコード */
#modal-content02 {
width: 100% ;
margin: 0 ;
padding: 10px 20px ;
position: fixed;
display: none ;
z-index: 9999 ;
overflow-y: scroll;
}

#modal-content02-innar{
margin:20px auto 0 auto;
width:90%;
}

#modal-content02-innar p{
font-size:12px;
line-height:1.2;
color:#000000;
padding-top:8px;
}

li.list_menu{
width:100%;
margin-right:-8px;
margin-left:-10px;
border:solid #DCC59A 1px;
display:block;
float:left;
padding:10px 0 10px 16px;
background:#FFFFFF url(../images/arrow.png) no-repeat 5px 50%;
}

li.list_menu_s{
width:50%;
margin-right:-8px;
margin-left:-10px;
border:solid #DCC59A 1px;
display:block;
float:left;
padding:10px 0 10px 16px;
background:#FFFFFF url(../images/arrow.png) no-repeat 5px 50%;
}

li.list_menu_l{
width:100%;
margin-right:-1px;
margin-left:-11px;
border:solid #DCC59A 1px;
margin-top:10px;
background:#FFFFFF;
display:block;
text-align:center;
padding:10px 0 10px 10px;
}

li.list_menu_sty{
width:100%;
margin-right:-1px;
margin-left:-11px;
border:solid #DCC59A 1px;
margin-top:10px;
background:#41292D;
display:block;
text-align:center;
padding:10px 0 10px 10px;
}

li.list_menu_sty a{
color:#FFFFFF;
}

li.list_menu_sty a:hover{
color:#CCCCCC;
}

li.list_menu_tel{
width:100%;
margin-right:-1px;
margin-left:-11px;
border:solid #DCC59A 1px;
margin-top:10px;
background:#1C2540;
display:block;
text-align:center;
padding:10px 0 10px 10px;
font-family: 'Shippori Mincho B1', serif;
line-height:1.2;
}

li.list_menu_tel span{
font-size:70%;
line-height:1.1;
}

a.widelink { display: block; }

li.list_menu_tel a{
color:#FFFFFF;
}

li.list_menu_tel a:hover{
color:#CCCCCC;
}

li.list_menu_close{
width:100%;
margin-right:-1px;
margin-left:-11px;
border:solid #DCC59A 1px;
margin-top:10px;
background:#333333;
display:block;
text-align:center;
padding:15px 0 10px 15px;
}

#ct_head{
margin-bottom:50px;
background:#663300;
clear:both;
}
.md_ttl{
font-size:18px;
float:left;

}
#modal-close{
float:right;
}

#modal-close3{
float:none;
color:#FFFFFF;
}

#modal-close2{
float:none;
color:#FFFFFF;
}

#modal-overlay {
z-index: 1 ;
display: none ;
position: fixed ;
top: 0 ;
left: 0 ;
width: 100% ;
height: 120% ;
background-color: rgba( 229,212,181, 0.75 ) ;
}
.button-link {
color: #00f ;
text-decoration: underline ;
}
.button-link:hover {
cursor: pointer ;
color: #f00 ;
}

.list_menu {
font-size:14px;
}

.list_menu_s {
font-size:14px;
}

#modal_space{
height:54px;
}

}


/* 幅780px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 800px){
#header .bg{display:none;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
#header{text-align:center;}
#header h1{display:none;}
#header h2,#header h1,#header p,#header ul{float:none;}
#header h2{ width:60%; margin:0 auto;}
#header h2 img{ width:96%; margin:0 auto;}
#headerInfo{width:250px;margin:0 auto;}
#footer ul{text-align:left;padding:15px;}
#footer ul ul{padding:0;}
#footer aside{float:none;width:100%;}
#header #bnr_tel{display:none;}
}

/* 幅430px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 430px){
.thumbWrap ul.thumb li{width:98%;margin:0 auto;}
.thumbWrap img{width:100%;height:auto;}
}

/* 幅330px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 330px){
#calendar_wrap table{width:100%;}
#banners p img{width:31%;height:auto;}
}