@charset "utf-8";
/*
Theme Name: responsive_252
Theme URI: http://c-tpl.com/
Description: responsive_252
Version: 1.0
Author: Cloud template
Author URI: http://c-tpl.com/
Tags: simple

	Cloud template v1.0
	 http://c-tpl.com/

	This theme was designed and built by Cloud template,
	whose blog you will find at http://c-tpl.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
border:0;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
outline:0;
padding:0;
vertical-align:baseline;
}

:focus {
outline:0;
}

ol, ul {
list-style:none;
}

table {
border-collapse:separate;border-spacing:0;
}

caption, th, td {
font-weight:normal;text-align:left;
}

blockquote:before, blockquote:after,q:before, q:after {
content:"";
}

blockquote, q {
quotes:"" "";
}

a img {
border:0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display:block;
}

.cle{clear:both;}
.mt20{margin-top:20px;}

body{
font:14px/2.0 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#000000;
-webkit-text-size-adjust:none;
overflow-x: hidden;
}

/* 部分マージンほか
*****************************************************/
.cle{clear:both;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mt5{margin-top:5px;}
.imt10{margin-top:10px;}
.mt40{margin-top:40px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.pt3{padding-top:3px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pb20{padding-bottom:20px;}
.pr20{padding-right:20px;}
.pb40{padding-bottom:40px;}
.bol{
font-weight:bold;
}
.fs10{font-size:10px;}
.fs12{font-size:12px;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
.center{
text-align:center;
}
.right{
text-align:right;
}
#content a:hover img{opacity:0.7; filter:alpha(opacity=70);}
.pink{color:#ff00cc;}
.unl{text-decoration:underline;}
.ml10{margin-left:20px;}
.kinred{color:#cc0000;}

/* リンク設定
*****************************************************/

a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
font-weight:bold;
color:#2399e4;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#83bce0;
}

/**** Clearfix ****/

nav .panel:after, #mainNav:after, .newsTitle:after, .bg:after,.post:after{
content:"";
display:table;
clear:both;
}

nav .panel,#mainNav,.newsTitle,.bg, .post{
zoom:1;
}


/* レイアウト
*****************************************************/

#wrapper, .inner{
margin:0 auto;
width:1040px;
overflow:hidden;
}

#header{
overflow:hidden;
}

#content{
width:1040px;
padding:0 0 30px;
font-family: "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}


#footer{
clear:both;
padding:40px;
background:#f7f7f7;
} 


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

#header h1,#header p{
text-align:center;
padding:10px 0 20px;
font-size:80%;
font-weight:normal;
}
#header h1 img{
width:80%;
}
#header p{
float:right;
}

#header h2{
clear:both;
text-align:center;
padding:20px 0 45px;
font-size:160%;
font-weight:bold;
}

#header h2 img{
width:60%;
}

#header ul{
padding-top:5px;
float:right;
}

#header ul li{
font-weight:bold;
display:inline;
margin-left:5px;
font-size:90%;
}

#header ul li:before{
content:"・";
}

#header ul li a{
padding-left:5px;
color:#000000;
}

#header ul li a:hover{
color:#999999;
}


/* タイポグラフィ
*****************************************************/

h2.title{
clear:both;
margin:10px 0 0;
font-size:140%;
font-weight:bold;
text-align:center;
}
h2 a{
color:#000000;
}

h3.title{
clear:both;
margin:20px 0 20px;
font-size:140%;
font-weight:bold;
text-align:center;
}
#shops h3{
clear:both;
margin:0;
font-size:140%;
font-weight:bold;
}
#eve h3{
clear:both;
margin:10px 0 0;
font-size:140%;
font-weight:bold;
}
#sho h3{
clear:both;
margin:0;
font-size:140%;
font-weight:bold;
}

h2.title span{
padding-bottom:10px;
font-weight:bold;	
}

h2.first{
margin:60px 0 40px;
}

.dateLabel{
margin-bottom:30px;
text-align:right;
}

h3.title span{
padding-bottom:10px;
}

.post p{
padding-bottom:15px;
}

.post ul{
margin:10px 0 20px 20px;
}

.post ul li{
padding-left:5px;
list-style:disc;
}

.post ol{
margin:0 0 10px 30px;
}

.post ol li{
list-style:decimal;
}

.post h1{
margin:15px 0 25px;
padding:15px 0;
font-size:150%;
font-weight:bold;
color:#000000;

}

.post h2{
margin:15px 0 25px;
padding:15px 0;
font-size:130%;
font-weight:bold;
color:#000000;

}

.post h3{
margin:15px 0 25px;
padding:15px 0;
font-size:120%;
font-weight:bold;

}


.post blockquote {
clear:both;
padding:10px 0 10px 25px;
margin:10px 0 25px 0px;
border-left:5px solid #e9e9e9;
}
 
.post blockquote p{
padding:5px 0;
}



.post img{
max-width:300px;height:auto;
margin:0 10px;
}

img.aligncenter {
display:block;
margin:5px auto 30px auto;
text-align:center;
}

img.alignright{
margin:5px 0 30px 30px;
}

img.alignleft{
margin:5px 30px 30px 0;
}

.alignright{
float:right;
}

.alignleft{
float:left;
}



/* フッター
*****************************************************/

#footer ul{
padding:0 0 10px 30px;
}

#footer li{
display:inline-block;
vertical-align:text-top;
text-align:left;
margin-right:25px;
}

#footer li a{
font-weight:normal;
display:block;
padding:0 10px 0;
overflow:hidden;
color:#000000;
}


#footer li a:hover{
color:#999999;
}

#footer li li{
display:block;
padding:0;
}

*:first-child+html #footer li{
display:inline;
}

*:first-child+html #footer ul ul,*:first-child+html #footer li li a,*:first-child+html #footer li li{
display:none;
}

#copyright{
clear:both;
padding:10px;
text-align:center;
font-size:75%;
zoom:1;
background:#eeeeee;
}

/* トップページ　メイン画像
*****************************************************/
#mainImg a{
font-weight:normal;
}

#mainImg img{
width:100%;
height:auto;
}

.post{
margin:0 0 10px 0;
}
/* トップページ　メイン画像下
*****************************************************/
#tps{
width:1018px;	
padding:3px 0 1px 20px;
border:1px solid #ccc;
margin:20px auto 40px;
}
.tpsle01{
float:left;	
width:320px;
color:#0066cc;
}
.tpsri01{
float:left;	
width:680px;
}

.tpsri01 a{
color:#000;
}
.tpsri01s p{
text-align:center;
margin: 0px 20px;	
}

.tpss{
margin-bottom:40px;	
}

#tp2{
width:1040px;	
}
.tp2le01{
float:left;	
width:500px;
}
.tp2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}

.tp2ri01s{

}
.tp2ri01s a{
font-weight:normal;
}

.tp2ri01s img{
float:left;	
margin:10px;
}

.br::before {
	content: "" ;
	white-space: pre ;
}
.tpsml{
margin-left:20px;	
}

/* トップ・イベント共通 最新記事
*****************************************************/

.thumbWrap{
width:1040px;
margin:0 0 10px 1px;
padding:0;
}

.thumbWrap li{
display: inline-block;
vertical-align: top;
width:236px;
margin:0 0 40px 19px;
padding: 0;
background:none;
}

.thumbWrap img{
width:216px;
height:auto;	
margin:5px 0 0;
padding: 0;
}

ul.thumb h3{
font-size:100%;
font-weight:normal;
text-align:center;
line-height:1.2;
}

ul.thumb h3 span{
font-weight:normal;
display:block;
color:#000000;
}

ul.thumb h3 span:hover{
color:#999999;
}
ul.thumb p{
font-size:12px;
}

.gla{
background:#e9e9e9;
padding:10px 10px 0;
}

/* トップお知らせ一覧
*****************************************************/
#tp2_2{
width:1040px;	
}
.tp2_2le01{
float:left;	
width:500px;
}
.tp2_2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}
#tp2_2 ul{
border-top: dotted 1px #868686;
}
#tp2_2 li{
padding:20px 0;
border-bottom: dotted 1px #868686;
list-style: none;			
}


/* お知らせ詳細と一覧
*****************************************************/

.posyou{
 
}
.posyou ul{
margin-left: 5px;
text-align:center;
}

.posyou ul li{
display:inline-block;
vertical-align: top; 
list-style: none;
width:300px;
	margin: 0 20px 0 0;
padding-left: 15px;

}

.posyou ul li p{
line-height:1.3;

}

#posinfo{
width:1000px;	
}
.positi{
width:480px;
float:left;
margin-right:10px;
line-height:1.5;
}
.positi img{
width:100px;
height:100px;
float:left;	
margin:0 10px 0 0;
}


/* 展覧会イベント情報一覧と詳細
*****************************************************/
#eve{
}
#sbt2,#sbt22{
width:1040px;	
}
.sbt2le01{
float:left;	
width:500px;
}
.sbt2ri01{
float:left;	
width:480px;
padding-left:20px;
margin-left:20px;
}

.sbt2_2le01{
float:right;	
width:500px;
}


.sbt2_2ri01{
float:right;	
width:480px;
}

#eve img{
width:auto;
height:260px;
}

.evecap{	
margin-bottom:40px;
	}

#eve .thumbWrap{
width:1040px;
margin:0 0 10px 1px;
padding:0;
}

#eve .thumbWrap li{
display: inline-block;
vertical-align: top;
width:236px;
margin:0 0 40px 19px;
padding: 0;
background:none;
}

#eve .thumbWrap img{
width:216px;
height:auto;	
margin:5px 0 0;
padding: 0;
}

#eve ul.thumb h3{
font-size:100%;
font-weight:normal;
text-align:center;
line-height:1.2;
}

#eve ul.thumb h3 span{
display:block;
color:#000000;
}

#eve ul.thumb h3 span:hover{
color:#999999;
}

#eve .gla{
background:#e9e9e9;
padding:3px 10px 0;
}


.sbt2_2ri01 table {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
}

.sbt2_2ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 5px 40px;
font-weight:normal;
background-color:#f5f5f5;
}

.sbt2_2ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0 20px;
}
	
.evelink{
margin:20px 0 0;		
	}

.evelink a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
font-weight:bold;
color:#2399e4;			
	}
.evelink a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#83bce0;	
text-decoration:none;		
	}

#simg3{
text-align:center;
}
#eve .simg3{	
width:30%;
margin:0;
display: inline-block;
vertical-align: top;
}
#eve .simg3 img{
width:auto;
height: 200px;	
}
#eve .simg3 p{	
text-align:center;
}

/* ゆかり
*****************************************************/
#yukari{
padding-bottom:60px;
}
#sbs2,#sbs22{
width:1040px;	
}
.sbs2le01{
float:left;	
width:500px;
}
.sbs2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}

/* ご利用案内
*****************************************************/
#sbi2{
width:1040px;	
}
#sbi3{
width:1040px;	
}
.sbi2le01{
float:left;	
width:500px;
}
.sbi2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}
.sbi3le01{
float:left;	
width:500px;
}
.sbi3ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}
#sbi1{
width:1040px;	
text-align:center;
padding:20px 0;
}
#sbi6{
width:1040px;	
padding:40px 0;
margin-bottom:40px;
}
.sbi601{
float:left;	
text-align:center;
padding:0 0 20px;
margin-left:35px;
}

.sbi3ri01 table {
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
}

.sbi3ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 5px 40px;
font-weight:n;
background-color:#f5f5f5;
}

.sbi3ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0 20px;
}

/* ショップ一覧・
*****************************************************/
#sbsh2{
width:1040px;	
}
.sbsh2le01{
float:left;	
width:500px;
}
.sbsh2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}

#shop,#shop2{
width:1040px;	
padding:40px 0 0;
}

.shop601{
float:left;	
width:500px;
padding:0 0 20px;
}
.shop601l{
float:left;	
margin:0 20px;
}
.shop601l img{	
width:160px;
height:auto;
}
.shop601r{
float:left;	
width:300px;
}
#sho img{
width:auto;
height:300px;	
}
#shop p,#shop2 p{
font-size:85%;	
}

#shops{
width:1040px;	
padding:40px 0 0;
}

.shops601l{
float:left;	
width:500px;
	margin:0 20px;
}
.shops601l img{	
width:auto;
height:300px;
}
.shops601r{
float:left;	
width:400px;
}



/* アクセス・お問い合せ
*****************************************************/
#sbac2,#sbac22{
width:1040px;	
}
.sbac2le01{
float:left;	
width:500px;
}
.sbac2ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}
#sbac3{
width:1040px;	
}
.sbac3le01{
float:left;	
width:500px;
}
.sbac3ri01{
float:left;	
width:500px;
padding-left:20px;
margin-left:20px;
}


.cont{
padding: 20px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea{
    width: 100%;
    margin-bottom: 10px;
}

.kakomi{
background-color:#eaeaea;	
padding:5px;
}

/* 緊急のお知らせ（PC）
*****************************************************/
.kininfo{
width:980px;
margin:40px auto;	
padding:20px 20px 20px 40px;
border: 1px solid #cc0000;
}
.kininfo ul {
list-style-type: disc;
}
.kininfo02{
width:980px;
margin:40px auto;	
padding:20px;
border: 1px solid #cc0000;
}

/* インスタFB
*****************************************************/
.ffeed{
	margin:20px 0;	
}
#main .ffeed h3{
	padding-bottom:20px;
}

/* ヘッダーロゴ表示非表示
*****************************************************/
h1.logopc{
	
}
h1.logosu{
display:none;	
}


/* メインメニュー　PC用
*****************************************************/

@media only screen and (min-width:1024px){

nav div.panel{
display:block !important;
float:left;
}

a#menu{
display:none;
}

#mainNav{
clear:both;
position:relative;
z-index:200;
margin-bottom:15px;
	}

#mainNav li{
float:left;
position:relative;
border-right:1px solid #dddddd;
}

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

#mainNav li a{
color:#000000;
display:block;
text-align:center;
font-weight:normal;	
float:left;
height:10px;
line-height:10px;
padding:0px 26.5px 10px;
}

#mainNav li a span,#mainNav li a strong{
display:block;
line-height:1.4;
}

#mainNav li a span{
font-size:50%;
color:#bbbbbb;
}

#mainNav li a:hover{
background:#eeeeee;
}

#mainNav ul ul{
width:160px;
}

#mainNav li ul{
display: none;
}

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

#mainNav li li{
padding:0 0 0 5px;
margin:20px;
float:none;
height:50px;
line-height:50px;
width:160px;
background:#f3f3f3;
border-right:0;
border-bottom:1px solid #dddddd;
opacity:0.9;
}

#mainNav li li:first-child{
border-left:0;
}

#mainNav li li a{
width:155px;
height:50px;
padding:0 0 0 5px;
line-height:50px;
font-size:95%;
text-align:left;
}

#mainNav li li a span{
padding:0 10px;
}

#mainNav li:hover ul li:last-child{
border:0;
}

}

/* iPadサイズ以下（1024px）からアコーディオンメニュー（なし）
*****************************************************/

@media only screen and (max-width:1024px){
#header h2 img{
width:90%;
}	
	
#mainNav{
display:none;
}

}


/*********** iPadサイズ以下（1024px）から 1カラム表示に切り替え***********
**************************************************************************/

@media only screen and (max-width:1024px){

#wrapper, #header, .inner{
width:100%;
}

#header h1, #header p{
text-align:left;
padding:10px;
}
	
#header h1 img{
width:80%;
}	

#header h2{
padding:0;
margin:0;	
	}
h2.first{
margin: 0 0 20px;
}	
#header h2 img{
width:65%;
	}	

#header ul{
padding:20px 10px;
}

#mainNav ul, .thumbWrap{
margin:0 auto;
}

#mainNav ul ul{
padding:0;
}

nav div.panel{
float:none;
}

#mainImg img{
width:100%;
height:auto;
}	

#content, #sidebar{
clear:both;
width:95%;
float:none;
margin:0 auto;
padding:10px 0;
}

#banners{
width:100%;
margin:30px 0 30px 0;
text-align:center;
}

#banners p{
display:inline;
}

#banners p img{
width:100%;
height:auto;
}

.widget_search{
text-align:center;
}

#footer{
margin:0;border:0;
text-align:center;
}

#footer ul{
padding:0 0 10px 0;
text-align:center;
}

#footer li{
margin-right:0;
font-size:1.5vw;
	}
#footer li a{
font-weight:normal;
display:block;
padding:0 7px 0;
overflow:hidden;
color:#000000;
}	

/* トップページ　メイン画像下
*****************************************************/
#tps{
width:98%;	
padding:0;
border:1px solid #ccc;
margin:0 auto 0;
}
.tpsle01{
float:left;	
width:25%;
color:#0066cc;
padding:5px 0 2px 5px;
text-align:center;
font-size:1.8vw;
	}
.tpsri01{
float:right;	
width:65%;
text-align:center;
padding:10px 0 0;
font-size:1.4vw;	
	}

.tpsri01 a{
color:#000;
}
.tpsri01s p{
float:left;	
margin: 0;	
text-align:center;
line-height:1.3;	
}

.tpss{
margin-bottom:20px;	
}
.tpss img{
width:100%;
}
	
#tp2{
width:100%;	
}
#tp2 img{
width:100%;	
height:auto;
	}	
#tp2 iframe{
width:100%;	
	}	
.tp2le01{
float:left;	
width:49%;
}
.tp2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;	
}
	
.tp2ri01s{

}

#tp2 .tp2ri01s img{
float:left;	
margin:10px;
width:43%;
	
	}	
#tps .fs12{
	font-size:1.4vw;	
padding-left:10px;
	}
	
/* トップ・イベント共通 最新記事
*****************************************************/
	
.thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
padding-top:0;
overflow: hidden;
}
	
.thumbWrap ul.thumb li{
width:22%;
display: inline-block;
vertical-align: top;
margin:0 1% 2% 1.7%;
	}

.thumbWrap img{
width:100%;
height:auto;
margin:5px 0 0;
padding: 0;
	}
ul.thumb h3{
font-size:1.3vw;
padding:5px;
	}
ul.thumb p{
font-size:1.2vw;
}
.gla{
background:#e9e9e9;
padding:10px 10px 0;
}	
	
/* トップお知らせ一覧
*****************************************************/
#tp2_2{
width:100%;	
}
.tp2_2le01{
float:left;	
width:49%;
}
.tp2_2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
#tp2_2 ul{
border-top: dotted 1px #868686;
}
#tp2_2 li{
padding:20px 0;
border-bottom: dotted 1px #868686;
list-style: none;			
font-size:1.3vw;
}
	
/* お知らせ詳細と一覧
*****************************************************/
.post{
width:100%;	
}
.posyou{
width:100%;	
}	
	
.posyou ul{
width:100%;	
margin: 0;
text-align:center;
}

.posyou ul li{
display: inline-block;
vertical-align: top; 
list-style: none;
width:30%;
margin:0;
padding:0;

}
.posyou ul li img{
width:100%;	

}	
	

.posyou ul li p{
line-height:1.3;

}

#posinfo{
width:100%;	
}
#posinfo .fs14{
font-size:12px;
}	
#posinfo .mb10{
margin-bottom:0;
}
.positi{
width:48%;
float:left;
margin-right:10px;
line-height:1.2;
font-size:1.4vw;
	}

.positi img{
width:20%;
height:auto;
float:left;	
margin:0 10px 0 0;
}
.osim{
padding-top:20px;		
}	
#tifo.pt40{
padding-top:30px;		
	}	

/* 展覧会イベント情報一覧と詳細
*****************************************************/
#eve{
}
#sbt2,#sbt22{
width:100%;	
}

	
.sbt2le01{
float:left;	
width:50%;
}
.sbt2ri01{
float:right;	
width:48%;
padding-left:0;
margin-left:0;
}
.sbt2_2le01{
float:right;	
width:50%;
}
.sbt2_2ri01{
float:left;	
width:48%;
}
#eve img{
width:80%;
height:auto;
}

.evecap{
font-size:1.5vw;	
}
	
	
	
#eve .thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
padding-top:0;
overflow: hidden;
}
	
#eve .thumbWrap ul.thumb li{
width:22%;
display: inline-block;
vertical-align: top;
margin:0 1% 20px 1.7%;
}

#eve .thumbWrap img{
width:100%;
height:auto;
margin:5px 0 0;
padding: 0;
}

#eve ul.thumb h3{
font-size:1.3vw;
padding:5px;
}
#eve ul.thumb p{
font-size:1.2vw;
}	

#eve .gla{
background:#e9e9e9;
padding:2px 10px 0;
}	
	
.sbt2_2ri01 table {
width:100%;	
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
font-size:1.6vw;
	}

.sbt2_2ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
font-weight:normal;
background-color:#f5f5f5;
}

.sbt2_2ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
}
	
.evelink{
margin:20px 0 0;		
	}

.evelink a{
margin:0;
padding:0;
text-decoration:underline;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
font-weight:bold;
color:#2399e4;			
	}
.evelink a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#83bce0;	
text-decoration:none;		
	}
	
#simg3{
text-align:center;
margin-top:20px;
}
#eve .simg3{	
width:28%;
margin:10px;
	}
#eve .simg3 img{
width:100%;
height:auto;
	}
#eve .simg3 p{	
text-align:center;
}

.evcal2020{
margin:0 10px;	
	}
	
/* ゆかり
*****************************************************/
#yukari{

}
#sbs2,#sbs22{
width:100%;	
}
	
.sbs2le01{
float:left;	
width:49%;
}
.sbs2le01 img{	
width:100%;
height:auto;
}
.sbs2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
.sbs2ri01 img{	
width:100%;
height:auto;
}	

/* ご利用案内
*****************************************************/
#sbi2{
width:100%;	
}
#sbi3{
width:100%;	
}
.sbi2le01{
float:left;	
width:49%;
}
.sbi2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
.sbi3le01{
float:left;	
width:49%;
}
.sbi3le01 img{
width:100%;
height:auto;
}	
.sbi3ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}	
.sbi3ri01 li{
font-size:1.5vw;
}	
.sbi2le01 img{
width:100%;
height:auto;
}
.sbi2ri01 img{	
width:100%;
padding-left:0;
margin-left:0;
}	
	
#sbi1{
width:100%;	
text-align:center;
padding:20px 0;
}
#sbi1 img{
width:80%;	
}	
#sbi6{
width:100%;	
padding:40px 0;
margin-bottom:40px;
}
.sbi601{
width:30%;
	float:left;	
text-align:center;
padding:0;
margin-left:3%;
margin-bottom:3%;	
}
.sbi601 p{
font-size:1.5vw;
}	
.sbi601 img{
width:100%;
}	
.imt10{margin-top:3px;}
	
	
	.sbi3ri01 table {
width:100%;	
	border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
font-size:1.8vw;
}

.sbi3ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
font-weight:normal;
background-color:#f5f5f5;
}

.sbi3ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
}

	

/* ショップ一覧・
*****************************************************/
#sbsh2{
width:100%;	
}
.sbsh2le01{
float:left;	
width:49%;
}
.sbsh2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
.sbsh2le01 img{
width:100%;
}
.sbsh2ri01 img{	
width:100%;
}
#shop,#shop2{
width:100%;	
padding:40px 0 0;
}
.shop601{
float:none;	
display: inline-block; 
vertical-align: top;
width:49%;
padding:0 0 40px;
}
.shop601l{
width:30%;
	
margin:0 20px;
	overflow:hidden;
}
.shop601l img{	
width:100%;
height:auto;
}
.shop601r{
float:left;	
width:55%;
font-size:1.3vw;
	}
.shop601r h3{
font-size:1.3vw;
margin:0;
	}
#sho img{
width:auto;
height:300px;	
}
#shop p,#shop2 p{
font-size:85%;	
}
.mt-25{margin-top:-2px;}	
	
#shops{
width:100%;	
padding:40px 0 0;
}

.shops601l{
float:left;	
width:40%;
margin:0 auto;
}
.shops601l img{	
width:80%;
height:auto;
	}
.shops601r{
float:right;	
width:49%;
}	

/* アクセス・お問い合せ
*****************************************************/
#sbac2,#sbac22{
width:100%;	
}	
.sbac2le01{
float:left;	
width:49%;
}
.sbac2le01 iframe{
width:100%;
}
.sbac2ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
.sbac2le01 img{
width:100%;	
height:auto;
}
.sbac2ri01 img{
width:100%;	
height:auto;
}
#sbac3{
width:100%;	
}	
.sbac3le01{
float:left;	
width:49%;
}
.sbac3ri01{
float:right;	
width:49%;
padding-left:0;
margin-left:0;
}
.sbac3le01 img{
width:80%;	
height:auto;
}
.sbac3ri01 img{
width:100%;	
height:auto;
}	

.cont{
padding: 20px;
}
.tizu img{
width:100%;	
height:auto;		
	}	

/* 緊急のお知らせ（ipad以下）
*****************************************************/
.kininfo{
width:auto;
margin:40px 10px;	
padding:20px 20px 20px 40px;
border: 1px solid #cc0000;
}
.kininfo ul {
list-style-type: disc;
}	
.kininfo02{
width:auto;
margin:40px 10px;	
padding:20px;
border: 1px solid #cc0000;
}	
	

}

/*********** 幅644px以下から ヘッダー等微調節***********
********************************************************/

@media only screen and (max-width:644px){

#header{
text-align:center;
}

#header h1,#header p,#header h2,#header ul{
float:none;
}

#header h2{
padding:15px;
}

#header h1 img{
width:100%;
}
	
#header ul{
display:none;
}

#header .inner p{
display:none;
}

#headerInfo{
width:250px;
margin:0 auto;
}

img.alignright, img.alignleft{
display:block;
margin:5px auto 20px auto;
}

.alignright,.alignleft{
float:none;
}

#footer ul{
text-align:left;
padding:15px;
}

#footer ul ul{
padding:0;
}

#footer li{
margin-right:0;
font-size:3.5vw;
	}

/* トップページ　メイン画像下
*****************************************************/
#tps{
width:98%;	
padding:0 0 10px;
border:1px solid #ccc;
margin:0 auto 10px;
}
.tpsle01{
float:none;	
width:100%;
color:#0066cc;
font-size:4vw;
text-align:center;
margin: 0;
padding:0;	
	}
.tpsri01{
float:none;	
margin: 0;
padding:0;	
width:100%;
font-size:5vw;
text-align:center;
}

.tpsri01 a{
color:#000;
	}
.tpsri01s p{	
float:none;	
margin: 0;	
text-align:center;
font-size:5vw;
line-height:1.2;	
	}
#tps .fs12{
font-size:3.5vw;
}
	
.tpss{
margin-bottom:20px;	
}
.tpss img{
width:100%;
}
	
.ml10{margin-left:0;}	
	
	
#tp2{
width:100%;	
}
#tp2 img{
width:100%;	
height:auto;
	}	
	
.tp2le01{
float:none;	
width:100%;
}
.tp2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;	
font-size:4vw;
	}
	

.br::before {
	content: "\A" ;
	white-space: pre ;
}
.tpsml{
margin-left:0;	
}	
	
/* トップ・イベント共通 最新記事
*****************************************************/
	
.thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
padding-top:0;
overflow: hidden;
}
	
.thumbWrap ul.thumb li{
display: inline-block;
vertical-align: top;	
width:46%;
margin-bottom:10px;
}

ul.thumb h3{
font-size:2.8vw;
}
ul.thumb p{
font-size:2.5vw;
}

/* トップお知らせ一覧
*****************************************************/
#tp2_2{
width:100%;	
}
.tp2_2le01{
float:none;	
width:100%;
}
.tp2_2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
#tp2_2 ul{
border-top: dotted 1px #868686;
}
#tp2_2 li{
padding:20px 0;
border-bottom: dotted 1px #868686;
list-style: none;			
font-size:4vw;
}
	
/* お知らせ詳細と一覧
*****************************************************/
.post{
width:100%;	
}
.posyou{
width:100%;	
}	
	
.posyou ul{
width:100%;	
margin: 0;
text-align:center;
}

.posyou ul li{
display: inline;
vertical-align: top; 
list-style: none;
width:30%;
margin:0;
padding:0;

}
.posyou ul li img{
width:100%;	

}	
	

.posyou ul li p{
line-height:1.3;

}

#posinfo{
width:100%;	
}
#posinfo .fs14{
font-size:15px;
}	
#posinfo .mb10{
margin-bottom:10px;
}
.positi{
width:100%;
float:none;
margin:0 0 20px 0;
line-height:1.5;
font-size:3vw;
	}

.positi img{
width:20%;
height:auto;
float:left;	
margin:0 10px 0 0;
}

		

		

/* 展覧会イベント情報一覧と詳細
*****************************************************/
#eve{
}
#sbt2,#sbt22{
width:100%;	
}
.sbt2le01{
float:none;	
width:100%;
}
.sbt2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbt2_2le01{
float:nonet;	
width:100%;
}
.sbt2_2ri01{
float:none;	
width:100%;
}
#eve img{
width:80%;
height:auto;
}

.evecap{
font-size:2.8vw;	
margin-bottom:40px;
	}	
	
#eve .thumbWrap{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
width:100%;
margin:0 auto;
padding-top:0;
overflow: hidden;
}
	
#eve .thumbWrap ul.thumb li{
display: inline-block;
vertical-align: top;	
width:46%;
margin-bottom:10px;
}

#eve ul.thumb h3{
font-size:2.8vw;
}
#eve ul.thumb p{
font-size:2.5vw;
}
	
.sbt2_2ri01 table {
width:100%;	
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
font-size:3vw;
	}

.sbt2_2ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
font-weight:normal;
background-color:#f5f5f5;
}

.sbt2_2ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
}	
	
#simg3{
text-align:center;
margin-top:20px;
}
#eve .simg3{	
width:80%;
margin:10px;
	}
#eve .simg3 img{
width:100%;
height:auto;
	}
#eve .simg3 p{	
text-align:center;
}
	
	
/* ゆかり
*****************************************************/
#yukari{
	
}
#sbs2,#sbs22{
width:100%;	
}
.sbs2le01{
float:none;	
width:100%;
}
.sbs2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbs2le01 img{
width:100%;
height:auto;
}
.sbs2ri01 img{
width:100%;
height:auto;
}	


/* ご利用案内
*****************************************************/
#sbi2{
width:100%;	
}
#sbi3{
width:100%;	
}
.sbi2le01{
float:none;	
width:100%;
}
.sbi2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbi3le01{
float:none;	
width:100%;
}
.sbi3ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbi3le01 img{
width:100%;
height:auto;
}		
.sbi3ri01 li{
font-size:3vw;
}		
.sbi2le01 img{
width:100%;
height:auto;
}
.sbi2ri01 img{	
width:100%;
padding-left:0;
margin-left:0;
}	
	
#sbi1{
width:100%;	
text-align:center;
padding:20px 0;
}
#sbi1 img{
width:100%;	
}	
#sbi6{
width:100%;	
padding:40px 0;
margin-bottom:40px;
}
.sbi601{
width:46%;
	float:left;	
text-align:center;
padding:0;
margin-left:3%;
margin-bottom:3%;	
}
.sbi601 p{
font-size:3vw;
}	
.sbi601 img{
width:100%;
}	
.sbi3ri01 table {
width:100%;	
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
font-size:4vw;
}

.sbi3ri01 table th{
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
font-weight:normal;
background-color:#f5f5f5;
}

.sbi3ri01 table td {
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align:center;
padding: 0;
}	
	
/* ショップ一覧・
*****************************************************/
#sbsh2{
width:100%;	
}
.sbsh2le01{
float:none;	
width:100%;
}
.sbsh2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbsh2le01 img{
width:100%;
}
.sbsh2ri01 img{	
width:100%;
}
#shop,#shop2{
width:100%;	
padding:40px 0 0;
}
.shop601{
float:none;	
display: inline-block; 
vertical-align: top;
width:100%;
padding:0 0 40px;
}
.shop601l{
width:30%;	
margin:0 10px 0 0;
overflow:hidden;
}
.shop601l img{	
width:100%;
height:auto;
}
.shop601r{
float:left;	
width:65%;
font-size:3vw;
	}
.shop601r h3{
font-size:3.5vw;
margin:0;
	}
#sho img{
width:80%;
height:auto;	
}
#shop p,#shop2 p{
font-size:85%;	
}
.mt-25{margin-top:-5px;}
	
#shops{
width:100%;	
padding:40px 0 0;
}

.shops601l{
float:none;	
width:100%;
margin:0 auto;
}
.shops601l img{	
width:80%;
height:auto;
margin-bottom:20px;
	}
.shops601r{
float:none;	
width:100%;
}		
	

/* アクセス・お問い合せ
*****************************************************/
#sbac2,#sbac22{
width:100%;	
}	
.sbac2le01{
float:none;	
width:100%;
}
.sbac2ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
font-size:4vw;
	}
.sbac2le01 img{
width:100%;	
height:auto;
}
.sbac2le01 iframe{
width:100%;	
}	
.sbac2ri01 img{
width:100%;	
height:auto;
}
#sbac3{
width:100%;	
}	
.sbac3le01{
float:none;	
width:100%;
}
.sbac3ri01{
float:none;	
width:100%;
padding-left:0;
margin-left:0;
}
.sbac3le01 img{
width:100%;	
height:auto;
}
.sbac3ri01 img{
width:100%;	
height:auto;
}
	

.cont{
padding: 20px;
}
	
/* インンスタFB
*****************************************************/	
#content .sbi_caption{line-height: 1.5 !important;}	

/* ヘッダーロゴ表示非表示
*****************************************************/
h1.logopc{
display:none;
}
h1.logosu{
display:block;
}
#header h1{
padding:10px 0;
}	
	
}