@charset "UTF-8";
/* 全体 */

* {
	margin: 0;
	padding: 0;
}

html {
	text-align:center;
	height:100%;
	background-color:#fff2;
}

body {
    margin: 0;
    padding: 0;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	letter-spacing: 0.03em;
	font-size:1em;
    color:#000;
}


/* IE6*/
* html body {
	font-size:1.1em;
}

/*IE7*/
:first-child+html body (font-size:1.25em;)


h1, h2, h3, h4, h5, h6,
p, pre, blockquote,
ul, ol, dl, address {
    margin: 0;
    padding: 0;
}

/*リンク関連*/
a { color: #666; text-decoration: underline; }
a:visited { color:#666; }
a:hover { color: #ee88b5; text-decoration: underline; }

img { border:none; max-width:100%; height:auto;  vertical-align:bottom; /* ie8 */}

a:hover img { opacity:0.7;filter: alpha(opacity=70);-ms-filter: "alpha( opacity=80 )"; }


/*クリア*/
.clear:after { visibility: hidden; content : ""; display : block; height : 0; clear : both; }

/*余白指定*/
.tm10 { margin-top:10px; }
.tm20 { margin-top:20px; }
.bm10 { margin-bottom:10px; }
.bm20 { margin-bottom:20px; }


/*文字関連*/
h1 { padding:0; margin:0 auto; width:900px;}
h2 { padding:30px 0; margin:0 auto; width:803px;}
h1#top { padding:0; margin:0; width:624px; float:left; text-align:left; }
h2#top1 { padding:0; margin:0; width:356px; float:right; text-align:left; font-size:0.8em; font-weight:normal; padding:1.5em 0 0 0; line-height:1.3; color:#666; }
h3.top { padding:0; margin:0 auto; width:100%;}
h3 { color:#2271b8; font-size:2em; padding:30px 0 0 0; margin:0 auto; width:100%; text-align:center; clear:both;}
h4 { padding:20px 0 0 0; margin:20px auto; text-align:center; clear:both; }


/*文字カラー*/
.small { font-size:0.65em; line-height:1.3; margin:0; } 
.small1 { font-size:0.8em; line-height:1.3; margin:0; font-weight:normal; color:#000;} 
.middle { font-size:0.9em; line-height:1.3; margin:0; } 


/*本文基本文字サイズ*/
p { font-size:0.9em; line-height:1.3; margin: 0; text-align:left;}
p.right { font-size:0.8em; line-height:1.3; margin: 10px  0 0 0; text-align:right; }
p.shop { font-size:0.7em; line-height:1.3; margin: 30px 0 0 0; text-align:center; color:#333; clear:both; }
p.cap { font-size:0.7em; line-height:1.3; text-align:left; width:970px; margin:-10px auto 20px auto; }
p.center { font-size:0.8em; line-height:1.3; text-align:center; margin:0 auto; }
p.profile{ font-size:1em; line-height:1.5; margin: 0; text-align:left;}

/*全体レイアウト関連*/
#wrapper {
	width:1400px;
	margin:0 auto;
	text-align:left;
	background-image:url("../img/bg.jpg");
	background-repeat:repeat;
	background-position:top left; 
	clear:both; 
}

/*ヘッダー*/
.head { width:1400px; background-color:#FFF; padding:0; margin:20px auto; }

#header {
	width:900px;
	margin:0 auto;
	padding:40px 0 0 0;
	background-color:none;
	text-align:center;
}

#topheader {
	width:1000px;
	margin:0 auto;
	padding: 0;
	background-color:none;
	text-align:center;
}


#sp-header { display:none;}


/*本文*/
.content { width:900px; margin:0 auto 20px auto; clear:both; background-color:#FFF; padding: 0; }
.content a:after { display:inline; }
.content span:after { display:inline; }
.content1 { width:1000px; margin:0 auto; clear:both; padding:20px 0; }

.box { width:1000px; margin:20px auto; clear:both; }
.box1 { width:888px; margin:0 auto; border-top:6px solid #2271b8; border-right:6px solid #2271b8; border-left:6px solid #2271b8; text-align:center; }
.box2 { width:888px; margin:0 auto; border:6px solid #2271b8; text-align:center; padding:20px 0;}
.box800 { width:800px; margin:20px auto; }

.lead { width:800px; margin:20px auto; font-size:1.2em; line-height:1.5; text-align:center; }
.lead-dash { width:800px; margin:20px auto; font-size:1.2em; line-height:1.5; text-align:left; border-bottom:dashed 2px #2271b8; padding: 0 0 20px 0;}
.lead-border { width:800px; margin:20px auto; font-size:1.2em; line-height:1.5; text-align:left; border-bottom:solid 1px #2271b8; padding: 0 0 20px 0;}
.lead-noborder { width:800px; margin:20px auto; font-size:1.2em; line-height:1.5; text-align:left; padding: 0 0 20px 0;}
.border { border-bottom:solid 1px #2271b8; }

.toplead { width:1000px; text-align:center; font-size:1.4em; line-height:1.5; color: #2271b8; margin:20px auto; }

ul.topbtn { list-style:none; width:905px; margin:20px auto; }
ul.topbtn li {  margin:0 0 20px 0; }


ul.photo { list-style:none; width:800px; margin:0 auto; }
ul.photo li { float:left; width:386px; margin:0 28px 5px 0; }
ul.photo li img { margin:10px 0 0 0; }
ul.photo li:nth-child(2n) { margin:0 0 5px 0; }


.txt { margin:20px 0 0 0; border-top:dashed 2px #ccc; padding:20px 0 0 0; font-size:0.9em; line-height:1.5; }

.pagetop { width:100%; margin:20px auto; text-align:center; }

#footer {
	padding:20px 10px;
	background-color:#FFF;
	color: #333;
	width:1400px;
	margin:0 auto; 
	clear:both; 
}

.arrow { width:1000px; text-align:center; margin:20px 0; }


ul.ft_menu { list-style:none; margin:20px auto; width:1400px; text-align:center; font-size:0.9em; }
ul.ft_menu li { display:inline-block; margin:0 20px 20px 0; text-align:center; }

/*プロフィール*/
ul.city { width:570px; margin:20px auto; list-style:none; }
ul.city li:nth-child(1) { width:151px; margin:0 19px 0 0; float:left; }
ul.city li:nth-child(2) { width: 400px; float:left; font-size:0.85em; line-height:1.5; text-align:left;}
ul.city li:nth-child(2) img { margin:0 0 15px 0; }

ul.space { width:750px; margin:20px auto; list-style:none; }
ul.space li:nth-child(1) { width:151px; margin:0 19px 0 0; float:left; }
ul.space li:nth-child(2) { width: 580px; float:left; font-size:0.85em; line-height:1.5; text-align:left;}
ul.space li:nth-child(2) img { margin:0 0 15px 0; }

/*写真まわり*/

p.name { color:#2271b8; font-size:1.5em; font-weight:bold; padding:0; margin:0 auto; width:100%; text-align:center; clear:both;}


/*パネル*/
.pc { margin:0; padding:0; }
.sp { display:none; }
.panel { width:900px; margin:0 auto; clear:both; text-align:center; }


/*施設情報*/
.eventbox { width:788px; background-color:#FFF; padding:0 0 15px 0; }
ul.event { list-style:none; width:740px; margin:0 auto; }
ul.event li { float:left; margin:0 10px 10px 0; width:240px; height:44px; }
ul.event li:nth-child(3n) { float:left; margin:0 0 10px 0; width:240px; height:44px; }
.yellowbox { width:700px; background-color:#ffd800; clear:both; padding:20px; margin:24px; }
.area { width:580px; margin:5px auto; background-color:#FFF; padding:20px; height:400px; overflow:auto; }
ul.event li#tb,#ts,#ka,#yo,#sm,#fu,#eb,#tt,#sh,#iw,#ko,#iz,#ec { cursor : pointer; }

/*SPメニュー*/
ul.spmenu { display:none; }
ul.submenu2 { display:block; }

/*フッターメニュー*/
.gototop { margin:0; background-color:#e5b246; }
.bt_left { float:left; width:67%; font-size:0.75em; line-height:1.3; color:#333; text-align:left; margin:0 0 0 3%;}
.bt_right { display:block; float:right; width:27%; text-align:right; margin:0 3% 0 0; }


/*フローティング*/
div#sp-floating-menu { display:none; }

div#floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}



/*フッターリンク*/
.copyright { width:1000px; text-align:center; font-size:0.65em; line-height:1.5; margin:0 0 20px 0; }

.ft_link { text-align:center; }
.ft_link div { display:inline-block; margin:20px 0; }
.ft_link div a { display:inline-block; padding:0.5em 1em; background-color:#FFF; text-decoration:none; }
.ft_link div a:hover { background-color:#999; color:#FFF; }


#slide_menu { display:none;}
.spmenu { display:none;}

ul.shop { list-style:none; width:800px; margin:20px auto;}
ul.shop li { float:left; margin:0 10px 10px 0; font-size:1em; line-height:1.3; width:450px; text-align:left; } 
ul.shop li:nth-child(2n) { margin:0 0 10px 0; width:340px;} 
ul.shop li span { font-size:0.8em;}
ul.shop li:first-letter { font-size:0.8em; color:#2271b8;}

ul.shop1 { list-style:none; width:800px; margin:20px auto;}
ul.shop1 li { float:left; margin:0 10px 10px 0; font-size:1em; line-height:1.3; width:410px; text-align:left; } 
ul.shop1 li:nth-child(2n) { margin:0 0 10px 0; width:380px;} 
ul.shop1 li span { font-size:0.8em;}
ul.shop1 li:first-letter { font-size:0.8em; color:#2271b8;}

/*スライダー*/
.slider { background-color:#FFF; height:400px;}
.slider .slick-slide:not(.slick-center) {
/*-moz-filter: opacity(40%);
-o-filter: opacity(40%);
-ms-filter: opacity(40%);
filter: opacity(40%);
transition: 0.2s linear;
opacity:0.4;*/

filter:alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
	
}


@media screen and (max-width: 600px) {
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	
}

#wrapper {
	width:100%;
	margin:0 auto;
	text-align:left;
	padding:0%;
	display:block;
	overflow:hidden;
	
}

#header { width:100%; height:auto; padding:0; }
#topheader { width:90%; margin:0; padding: 0; text-align:left; }

.content { width:100%; margin:0 auto; clear:both; overflow:hidden; padding:0;  }
.content1 { width:100%; margin:0 auto; clear:both; padding:2%; }

#footer {
	padding:2%;
	background-color:#fff;
	color: #333;
	width:100%;
	margin:0 auto; 
	clear:both; 
}

/*ヘッダー*/
.head { width:100%; background-color:#FFF; padding:0; margin:2% auto; text-align:center; }

#nav { width:100%; text-align:center; margin:0; background-color:#fff; }
#nav1 { display:none; }

ul.gmenu { width:100%; text-align:center; margin:3% auto; list-style:none; display:block; }
ul.gmenu li { display:inline-block; margin:0 4% 3% 0; width:46%; }
ul.gmenu li:nth-child(5n) { display:inline-block; margin:0 4% 3% 0; }
ul.gmenu li:nth-child(2n) { display:inline-block; margin:0 0 3% 0; }
ul.gmenu li:last-child { display:inline-block; margin:0;  }


/*パネル*/
.pc { display:none; }
.sp { display:block; clear:both; }
.panel { width:98%; margin:4% auto; clear:both; }
.panel1 { display:none; }
.panel2 { display:block; width:98%; margin:4% auto; clear:both; }
.white { background-color:#FFF; width:100%; margin:0 auto; text-align:center; } 
.just { margin-top:0; padding-top:0; }
.eventbox { width:100%; background-color:#FFF; padding:0 0 2% 0; margin:0 auto; }

h1 { padding:0; margin:0; width:100%; height:auto; }
h2 { width:100%; margin:0 auto; }
h3 { color:#2271b8; font-size:1.5em; padding:2% 0 0 0; margin:0 auto; width:100%; text-align:center; clear:both;}
h4 { padding:1% 0 0 0; margin:1% auto; text-align:center; clear:both; }
h1#top { padding:0; margin:0 auto; float:none; text-align:center; width:95%; }
h2#top1 { padding:0; margin:0 auto; float:none; text-align:center; width:90%; }


/*フローティング*/
div#floating-menu { display:none; }
div#sp-floating-menu {
	display:block;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}



.copyright { width:100%; text-align:center; font-size:0.65em; line-height:1.5; margin:0 0 3% 0; }

p.cap { font-size:0.7em; line-height:1.3; text-align:left; width:98%; margin:2% auto; }
p.center { font-size:0.7em; line-height:1.3; text-align:center; margin:0 auto; }
p.profile{ font-size:1em; line-height:1.3; margin:1% 0 0 0; text-align:left;}

img.sph2 { border:none; height:auto; width:270; /* ie8 */}
img { vertical-align: bottom; display:block;}

.ft_left { float:none; width:100%; margin:1% auto; }
.ft_right { float:none; width:100%; font-size:0.65em; line-height:1.3; color:#333; text-align:center; margin:1% ; }

ul.ft_menu { list-style:none; margin:2% auto; width:100%; text-align:center; font-size:0.9em; }
ul.ft_menu li { display:inline-block; margin:0 2% 2% 0; text-align:center; }

.ft_link { width:100%; margin:3% auto; text-align:center; }

.arrow { display:none; }
.spmenu { display:block; height:45px; width:100%; background-color:#333; text-align:right; padding:2px; }
.spmenu img { display:inline; }
.fixed { position:fixed; top:0; z-index:1000; height:45px; }


#slide_menu { display:none; width:100%; background-color:#FFF; padding:0; margin:0;}
#slide_menu ul { list-style:none; background-color:#fff; margin:0; padding:0; border-left:1px solid #e60012;}
#slide_menu ul li { width:33.3333%; margin:0; padding:0; background-color:#fff; float:left; border-right:1px solid #e60012; border-top:1px solid #e60012; }


ul.submenu2 { display:block; margin:0 auto 1% auto; width:85%; list-style:none; text-align:left; }
ul.submenu2 li { margin:0 0 0.5% 0; text-align:left; }
ul.submenu2 li.yakata { background-color:#F00; padding:2%; width:100%; text-align:center; }
ul.submenu2 li.yakata img { width:70%; }
ul.submenu2 li ul { display:none; padding:0.5%; list-style:none; background-color:#FFF; }

ul.cap { list-style:none; margin:0 auto 3% auto; width:98%; font-size:0.7em; line-height:1.3; }
ul.cap li { float:none; width:98%; margin:3% 0; text-align:center; }
ul.cap li:last-child { float:none; width:98%; margin:3% 0; text-align:center; }

ul.captop { list-style:none; margin:0 auto 3% auto; width:98%; font-size:0.7em; line-height:1.3; }
ul.captop li { float:none; width:98%; margin:3% 0; text-align:center; }
ul.captop li:last-child { float:none; width:98%; margin:3% 0; text-align:center; }

.box { width:100%; margin:2% auto; }
.box1 { width:100%; margin:0 auto; border-top:3px solid #2271b8; border-right:3px solid #2271b8; border-left:3px solid #2271b8; text-align:center; padding:2%;}
.box2 { width:100%; margin:0 auto; border:3px solid #2271b8; text-align:center; padding:2%;}
.box800 { width:98%; margin:2% auto; }

.lead { width:95%; margin:4% auto; font-size:1em; line-height:1.3; text-align:center; }
.lead-dash { width:95%; margin:4% auto; font-size:1em; line-height:1.3; text-align:left; border-bottom:dashed 2px #2271b8; padding: 0 0 2% 0;}
.lead-border { width:95%; margin:4% auto; font-size:1em; line-height:1.3; text-align:left; border-bottom:solid 1px #2271b8; padding: 0 0 2% 0;}
.lead-noborder { width:95%; margin:4% auto; font-size:1em; line-height:1.3; text-align:left; padding: 0 0 20px 0;}
.toplead { width:100%; text-align:center; font-size:1em; line-height:1.3; color: #2271b8; margin:2% auto; }

ul.photo { list-style:none; width:90%; margin:0 auto;}
ul.photo li { float:none; width:100%; margin:0 0 2% 0; }
ul.photo li img { margin:1% 0 0 0; }
ul.photo li:nth-child(2n) { margin:0 0 2% 0; }

ul.shop { list-style:none; width:100%; margin:2%x auto;}
ul.shop li { float:none; margin:0 0 1% 0; font-size:1em; line-height:1.3; width:100%; text-align:left; } 
ul.shop li:nth-child(2n) { margin:0 0 1% 0; width:100%;} 
ul.shop li span { font-size:0.8em;}
ul.shop li:first-letter { font-size:0.8em; color:#2271b8;}

ul.shop1 { list-style:none; width:100%; margin:2%x auto;}
ul.shop1 li { float:none; margin:0 0 1% 0; font-size:1em; line-height:1.3; width:100%; text-align:left; } 
ul.shop1 li:nth-child(2n) { margin:0 0 1% 0; width:100%;} 
ul.shop1 li span { font-size:0.8em;}
ul.shop1 li:first-letter { font-size:0.8em; color:#2271b8;}

p.center { font-size:1em; line-height:1.3; text-align:center; margin:2% auto; }
.pagetop img { display:inline; }

table.spnavi { width:100%; border-top:1px solid #e60012; text-align:center; }
table.spnavi td { width:33.333%; border-right:1px solid #e60012; border-bottom:1px solid #e60012; text-align:center; }
table.spnavi td:nth-child(3n)  { width:33.333%; border-right:none; border-bottom:1px solid #e60012; text-align:center; }
table.spnavi td.noborder  { width:33.333%; border-right:none; border-bottom:1px solid #e60012; text-align:center; }

/*スライダー*/
.slider { background:none; height:auto;}
.slider .slick-slide:not(.slick-center) {
filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;


}

ul.topbtn { list-style:none; width:95%; margin:2% auto; }
ul.topbtn li { width:100%; float:none; margin:0 0 3% 0; }
ul.topbtn li:last-child { width:100%; float:none; margin:0 0 0 0; }

video {
	max-width: 100%;
	height: auto;
}


/*プロフィール*/
ul.city { width:95%; margin:1% auto; list-style:none; text-align:center; }
ul.city li:nth-child(1) { width:50%; margin:0 auto 1% auto; float:none; text-align:center; }
ul.city li:nth-child(2) { width:100%; float:none; font-size:0.85em; line-height:1.5; text-align:left; }
ul.city li:nth-child(2) img { margin:2% 0 0 0; }

ul.space { width:95%; margin:1% auto; list-style:none; text-align:center; }
ul.space li:nth-child(1) { width:50%; margin:0 auto 1% auto; float:none; text-align:center; }
ul.space li:nth-child(2) { width:100%; float:none; font-size:0.85em; line-height:1.5; text-align:left; }
ul.space li:nth-child(2) img { margin:2% 0 0 0; }

p.name { color:#2271b8; font-size:1.3em; font-weight:bold; padding:0; margin:0 auto; width:100%; text-align:center; clear:both;}

}