@charset "utf-8";

/**** 揖斐 reset *****/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}

caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed {vertical-align:top;}
hr,legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img,abbr,acronym,fieldset{border:0;}
li .dk{ list-style-type:disc; list-style-position:inside;}
li{ list-style-type:none;}

body{
font:11pt/1.5 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#222;
background-color:#fff;
/*background:url(images/bg.png) ;*/
}

html{background:#f6f6f6;}

a{color:#484848;text-decoration: none;}
a:hover {color:#777;}
a:active, a:focus {outline:0;}
a img{border:none;}



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

/****** 共通 ******/
/* ヘッダー */
#header{
position:relative;
height:120px;
}

/* フッター */
#footer{
clear: both;
padding:10px;
color:#fff;
text-align:center;
background:#000;
}



/****** トップページ ******/
/* ヘッダー */
#toppage #header{width:100%;}

/* グリッド全体 */
#container{margin:15px auto 30px; width:940px;}

#content{float:right; width:600px; padding:0 5px; margin:0 10px 10px 10px;}

/* トップページ　メイン画像
----------------------------------*/
#mainImg{
clear:both;
margin:auto;
line-height:0;
text-align:center;
z-index:0;
position:relative;
background:url(images/bg.jpg) no-repeat;

}


/****** サブページ ******/
#header{
width:940px;
margin:0 auto;
}

#wrapper{
width:940px;
margin:20px auto 5px;
}

#sidebar{
float:left;
margin:0;
padding-bottom:30px;
width:300px;
height:2280px;
}

#main{
float:right;
width:600px;
padding:0 15px 10px 15px;
margin-bottom:30px;
background: #fff;
/*-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
-o-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;*/
}

.n-gr_bg{
	background:url(images/g-nyuin/bg_gr-bar.png)  no-repeat left ;
	font-size:130%;
	font-weight:300;
	color:#FFF;
	padding-left:10px;
	padding-top:8px;
}

.n-pk_bg{
	background:url(images/g-nyuin/bg_pk-bar.png) no-repeat left;
	font-size:130%;
	font-weight:300;
	color:#FFF;
	padding-left:10px;
	padding-top:8px;
}

.n-bl_bg{
	background:url(images/g-nyuin/bg_bl-bar.png) no-repeat left;
	font-size:130%;
	font-weight:300;
	color:#FFF;
	padding-left:10px;
	padding-top:8px;
}


ul.outsq{  list-style-position:outside; margin-left:20px;}
ul.outsq li{list-style-type:square;}
ul.insq{ list-style-position:inside;}

ul.out{  list-style-position:outside; margin-left:20px;}
ul.out li{list-style-type:disc; padding-bottom:20px;}
ul.in{ list-style-position:inside;}

ol.out{  list-style-position:outside; margin-left:20px;}
ol.out li{list-style-type:decimal; padding-bottom:20px;}
ol.in{ list-style-position:inside;}

div.tabbox {
      margin: 0px;
      padding: 0px;
	  width:280px;
   }
   /* ▼タブ部分 */
   div.tabbox ul.tabs {
      margin:  0px;
      padding: 0px; 
   }
   div.tabbox ul.tabs li {
      margin: 0px 1px 0px 0;  /* 各項目周囲の余白をなくす */
      padding: padding: 19px 3px 0 3px; /* 各項目内側の余白 */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 90px; /* タブのデフォルトの横幅 */
	  border-top-right-radius: 0px; /* 右上 */
	  
   }
   div.tabbox ul.tabs2 li {
      margin: 0px 1px 0px 0;  /* 各項目周囲の余白をなくす */
      padding: padding: 19px 3px 0 3px; /* 各項目内側の余白 */
      list-style-type: none; /* 先頭記号を消す */
      float: right;  /* リスト項目を横方向に並べる */
      width: 90px; /* タブのデフォルトの横幅 */
	  border-top-right-radius: 0px; /* 右上 */
	 
   }
   div.tabbox ul.tabs a {
      display: block;  /* ブロックレベルに */
      padding: 5px 0px;      /* 内側の余白 */
      height: 20px;          /* タブの高さ */
      text-align: center;    /* 中央寄せ */
	  font-size:90%;        /* 文字サイズ */ 
      text-decoration: none; /* 下線を消す */
   }
   div.tabbox ul.tabs2 a {
      display: block;  /* ブロックレベルに */
      padding: 5px 0px;      /* 内側の余白 */
      height: 20px;          /* タブの高さ */
      text-align: center;    /* 中央寄せ */
	  font-size:90%;        /* 文字サイズ */ 
      text-decoration: none; /* 下線を消す */
   }
   /* ▼標準のタブ色 */
   div.tabbox ul.tabs li.tab {
      background-color: #FAFAFA; /* 灰色 */
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: #1C1C1C; /* タブの文字色(白) */
   }
   div.tabbox ul.tabs a:hover {
      /* タブにマウスを載せた際の装飾 */
      color: #1C1C1C;              /* 白色 */
      text-decoration: underline; /* 下線 */
   }
   /* ▼タブに対応するボックス領域 */
   div.tabbox div.tab {
      height:300px;  /* ボックスの高さ */
      overflow-y: auto; /* スクロールバー自動表示 */
	  padding-bottom:5px;
      clear: left;    /* 回り込み解除(必須) */
   }
   div.tabbox div#tab1 {
      /* タブ１の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
   }
   div.tabbox div#tab2 {
      /* タブ２の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
   }
   div.tabbox div#tab3 {
      /* タブ３の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
   }
   /* ▼ボックス内部の装飾(今回のテクニックとは無関係) */
   div.tabbox div.tab p { margin: 0.5em; }
   div.tabbox div.tab p.tabhead {
      font-weight: bold; border-bottom: 3px double gray;
   }
   .whatsnew_body{
	   width:100%}
	   
   .whatsnew_body dl{
	width:98%;
	margin: 0 auto;
	padding: 0 0 8px 0;
	float:left;
	overflow-x:inherit;
	border-bottom:#CCC dotted 1px;
}

   .whatsnew_body dl dt{
	   color:#F90;
	width:19%;
	margin: 0;
	padding: 0 2px 3px 4px;
	float:left;
	font-size: 0.8em;
}

   .whatsnew_body dl dd{
	width:75%;
    margin: 0 auto;
	padding: 0;
	float:right;
	font-size:85%;
}



@media only screen and (max-width: 648px){
   div.tabbox ul.tabs li {
      margin: 0px 2px 0px 0px;  /* 各項目周囲の余白をなくす */
      padding: padding: 19px 3px 0 3px; /* 各項目内側の余白 */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 88px; /* タブのデフォルトの横幅 */
	  border-top-right-radius: 0px; /* 右上 */
   }
    div.tabbox ul.tabs2 li {
      margin: 0px 2px 0px 0px;  /* 各項目周囲の余白をなくす */
      padding: padding: 19px 3px 0 3px; /* 各項目内側の余白 */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 88px; /* タブのデフォルトの横幅 */
	  border-top-right-radius: 0px; /* 右上 */
   }
   div.tabbox ul.tabs a {
      display: block;  /* ブロックレベルに */
      padding: 5px 0px;      /* 内側の余白 */
      height: 20px;          /* タブの高さ */
      text-align: center;    /* 中央寄せ */
	  font-size:90%;        /* 文字サイズ */ 
      text-decoration: none; /* 下線を消す */
   }
   div.tabbox ul.tabs2 a {
      display: block;  /* ブロックレベルに */
      padding: 5px 0px;      /* 内側の余白 */
      height: 20px;          /* タブの高さ */
      text-align: center;    /* 中央寄せ */
	  font-size:90%;        /* 文字サイズ */ 
      text-decoration: none; /* 下線を消す */
   }
   div.tabbox div.tab {
      height:200px;  /* ボックスの横幅 */
      overflow-y: auto; /* スクロールバー自動表示 */
	  overflow-x:hidden;
      clear: left;    /* 回り込み解除(必須) */
   }
   div.tabbox div#tab1 {
      /* タブ１の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
	  width:100%;
   }
   div.tabbox div#tab2 {
      /* タブ２の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
	  width:100%;
   }
   div.tabbox div#tab3 {
      /* タブ３の中身(枠線と背景色) */
      border: 1px solid #999; background-color: #fff;
	  width:100%;
   }
   
   .whatsnew_body{
	   width:100%}
	   
   .whatsnew_body dl{
	width:95%;
	margin: 0 auto;
	padding: 0 0 8px 0;
	float:left;
	overflow-x:inherit;
	border-bottom:#CCC dotted 1px;
}

   .whatsnew_body dl dt{
	color:#F90;
	width:19%;
	margin: 0;
	padding: 0 2px 3px 5px;
	float:left;
	font-size: 0.7em;
}

   .whatsnew_body dl dd{
	width:78%;
    margin: 0 auto;
	padding: 0;
	float:right;
	font-size:80%;
}
}

ul.acordion{
background: #FFA07A;
/*border-right: solid 1px #808080;
border-left: solid 1px #808080;*/
margin: 0;
padding: 0;
width:280px;
}
 
ul.acordion li {
border-bottom: solid 1px #808080;
}
 
ul.acordion li:first-child {
border-top: solid 1px #808080;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 15px;
}
 
@media only screen and (max-width: 600px) {
ul.acordion li .none-submenu{ background: url(trigger-arrow.png) no-repeat 96% 50%; }
ul.acordion li .active-submenu{ background: url(triggeractive-arrow.png) no-repeat 96% 50%; }
}
@media only screen and (max-width: 644px){
ul.acordion{
	background: #FFA07A;
    border-right: solid 1px #808080;
    border-left: solid 1px #808080;
    margin: 0;
    padding: 0;
    width:100%;
	height:auto;
	font-size:80%;
}
ul.acordion li {
border-bottom: solid 1px #808080;
}
ul.acordion li:first-child {
border-top: solid 1px #808080;
}
 
ul.acordion li ul {
margin: 0;
padding: 0;
border: none;
}
 
ul.acordion li ul li {
background: #fff;
}
 
ul.acordion li ul li:last-child{
border-bottom: none;
}
 
ul.acordion li ul li a {
color: #696969;
display: block;
padding: 10px;
	font-size:90%;
text-decoration: none;
}
 
ul.acordion li .none-submenu {
background: url(trigger-arrow.png) no-repeat 98% 50%;
background-size: 2%;
display: block;
padding: 15px;
}
 
ul.acordion li .active-submenu {
background: url(triggeractive-arrow.png) no-repeat 98% 50%;
display: block;
padding: 15px;
}
}

/******************************
	パンくずリスト
******************************/

/* [ul] */
.syncer-brcb {
	overflow: hidden ;
	list-style-type: none ;
	font-size:80%;
	margin-bottom:10px;
	margin-left:10px;
}

/* [li] */
.syncer-brcb li {
	float: left ;
	font-weight: 300 ;
}

/* [>] */
.syncer-brcb li:after {
	content: ">" ;
	padding: 0 8px ;
	font-weight: 400 ;
}

/* 一番最後の[li] */
.syncer-brcb li:last-child:after {
	content: none ;
}


/************************************************
/* 共通 ヘッダー
*************************************************/
/****** スローガン ******/
h1#slogan{
position:absolute;
top:5px;
left:0;
font-weight:normal;
color:#333;
}
/* トップページ */
#toppage h1#slogan{left:45px;}


/****** ロゴ ******/
p#logo{
	position: absolute;
	top: 38px;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 280px;
	height: 64px;
	background: url(images/logo.png) no-repeat;
}
/* トップページ */
#toppage p#logo{
	left: 46px;
}

p#logo a{
display:block;
width:280px;
height:37px;
}

p#logo a:hover{cursor: pointer;}


/****** 電話番号 ******/
p#tel{
position:absolute;
top:50px;
right:0;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
width:212px;
height:32px;
background:url(images/tel.png) no-repeat;
}



/************************************************
/* 共通 メインナビゲーション
*************************************************/
#mainnav{
position:absolute;
top:5px;
right:0;

}

/* トップページ */
#toppage #mainnav,#toppage p#tel{right:45px;}

#mainnav li{
float:left;
padding-left:20px;
}

#mainnav li a{
padding:5px 0 5px 14px;
color:#000;
background:url(images/bullet.png) no-repeat 0 50%;
}

#mainnav li a:hover{
color:#999;
}



/************************************************
/* 共通 ページ上部に戻る
*************************************************/
p#toTop{
clear:both;
float:right;
width:10em;
padding:5px;
-moz-border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
border-radius:5px 5px 0 0;
text-align:center;
background:#000;
}
/* トップページ */
#toppage p#toTop{margin-right:15px;}

*:first-child+html p#toTop{float:none;} /*IE 7*/

p#toTop a{color:#fff;}



/************************************************
/* 共通 サイドバー
*************************************************/
.submenu{
font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.2;
margin:15px 0;
}

.submenu ul{
margin-bottom:20px;
background: #fff;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
-o-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}

.sidebar p{margin-bottom:10px;}

.submenu li{
padding:0 10px;
border-bottom:1px dotted #ccc;
}

.submenu li:last-child{border:0;}

.submenu li a{
padding:10px 0;
display:block;
}

.submenu li:hover{background:#f6f6f6;}

.submenu2{
font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1.2;
margin:20px 0 15px 0;
}

.submenu2 ul{
margin-bottom:20px;
background: #fff;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
-o-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}

.sidebar p{margin-bottom:10px;}

.submenu2 li{
padding:0 10px;
border-bottom:1px dotted #ccc;
}

.submenu2 li:last-child{border:0;}

.submenu2 li a{
padding:10px 0;
display:block;
}

.submenu2 li:hover{background:#f6f6f6;}



/************************************************
/* 共通 フッター
*************************************************/
#footer ul{
margin:20px 0 40px 0;
text-align:center;
}

#footer ul li{
display:inline;
padding:0 10px 0 11px;
border-left:1px solid #fff;
}

#footer ul li:first-child{border:0;}

#footer a{color:#fff;}
#footer a:hover{color:#f7f7f7;}



/************************************************
/* サブページ
*************************************************/
.article{padding-bottom:20px; padding-left:10px; padding-right:5px;}

#main p{padding-bottom:10px;}

#main h2{
margin:5px 0;
padding:0 10px;
line-height:40px;
font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
color:#000;
background:#ededed;
}

#main h3{
	font-size:130%;
	font-weight:normal;
clear:both;
margin:10px 0;
padding:0 10px;
line-height:35px;
color:#fff;
background:linear-gradient(-135deg, #98fb98, #3cb371);
}

#main p.date{
padding:10px 10px 20px 0;
text-align:right;
}

#main ul{
margin:10px 0 20px 0;
text-align:left;	
}

#main ul li{
	display:inline;

}



img.alignleft,img.alignright{
float:left;
padding: 4px;
margin: 0 10px 2px 0;
display: inline;
padding: 4px;
background:#fff;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
-o-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;	
}

img.alignright{
float:right;
margin:0 0 2px 10px;
}

/* ページナビゲーション */
ul.pagenav{
width:600px;
padding:20px 0;
}

ul.pagenav li{
list-style: none;
float: left;
}

ul.pagenav li a{
padding:0 0 0 10px;
background:url(images/arrowL.png) no-repeat 0 50%;
}

ul.pagenav li.next{float:right;}

ul.pagenav li.next a{
padding:0 10px 0 0;
background:url(images/arrowR.png) no-repeat 100% 50%;
}


/************************************************
/* トップページ グリッド
*************************************************/
.grid {
float: left;
width:258px;
min-height:242px;
margin:10px;
padding:10px;
background: #fff;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
-o-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;
}

/* サイドバーとバナーのみグリッドの枠なし その他調節 */
.sidebar, .banner{
width:280px;
margin: 10px;
padding:0;
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
background:transparent;
}

.grid img{
display: block;
max-width:248px;
padding: 4px;
background:#fff;
-moz-box-shadow: 1px 1px 5px #ccc;
-webkit-box-shadow: 1px 1px 5px #ccc;
box-shadow: 1px 1px 5px #ccc;	
}

.sidebar img, .banner img{
max-width:280px;
padding:0;
border:0;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
background:transparent;
}

.sidebar a img:hover, .banner a img:hover{
opacity:.9;
-moz-opacity:0.9;
filter: alpha(opacity=90);
}

.grid h3{
margin:13px 0 3px;
color:#000;
}

.submenu h3{
padding:0 10px;
margin:10px 0 0;
line-height:35px;
font-size:130%;
font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight:normal;
color:#fff;
background:#888;
}


p.readon{margin-top:10px;}

p.readon a{
text-decoration:none;
padding:5px 10px;
position:relative;
display:inline-block;
text-shadow:0 1px 0 #fff;
-webkit-transition:border-color .218s;
-moz-transition:border .218s;
-o-transition:border-color .218s;
transition:border-color .218s;
background:#f3f3f3;
background:-webkit-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
background:-moz-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
-o-linear-gradient(linear,0% 40%,0% 70%,from(#F5F5F5),to(#F1F1F1));
border:solid 1px #dcdcdc;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}

p.readon a:hover {
border-color:#ccc;
-moz-box-shadow:0 2px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow:0 1px 2px rgba(0, 0, 0, 0.15);
}
p.readon a:active {color:#000; border-color:#444;}


/**** Transitions ****/
.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
-webkit-transition-duration: 0.7s;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
transition-duration: 0.7s;
}

.transitions-enabled.masonry {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}

.transitions-enabled.masonry.masonry-brick {
-webkit-transition-property: left, right, top;
-moz-transition-property: left, right, top;
-o-transition-property: left, right, top;
transition-property: left, right, top;
}

.transitions-enabled.infinite-scroll.masonry {
-webkit-transition-property: none;
-moz-transition-property: none;
-o-transition-property: none;
transition-property: none;
}

/**** フォント ****/
.honbun{font-size:100%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.8;}

.honbun-wht{font-size:100%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height:1.8; color:#FFF;}

.red{color:#F00;}

.honbun-td{font-size:100%; line-height:1.2; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.honbun-s{font-size:85%; line-height:1.2; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.slide_honbun{font-size:120%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#333; line-height:1.2;}

.slide_honbun2{font-size:120%; font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#F33; line-height:1.2;}

.komidasi_mid-bk{font-size:120%; color:#333; font-weight:300; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.komidasi_mid-wh{font-size:120%; color:#fff; font-weight:300; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.komidasi_bk{font-size:130%; color:#333; font-weight:500; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:normal;}

.komidasi_pk{font-size:130%; color:#e85298; font-weight:500; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.komidasi_blu{font-size:130%; color:#0078ba; font-weight:500; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.komidasi_gr{font-size:130%; color:#360; font-weight:300; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.komidasi_green{font-size:130%; color:#696; font-weight:300; font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


/**** Clearfix ****/
.clearfix:before, .clearfix:after, .article:before, .article:after{content: ""; display: table;}
.clearfix:after, .article:after{clear: both;}
.clearfix, .article{zoom: 1;}


.paren{
 counter-reset:item;
 list-style:none;
}
.paren li:before{
 content:"(" counters(item, "-") ")";
 counter-increment:item;
 margin-right:0.5em;
}
.paren li{
 padding-left:1.5em;
 text-indent:-1.5em;
}
/******************************
	トップ戻る
******************************/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
}
.pagetop a {
    display: block;
    background-color: #ccc;
    text-align: center;
    color: #222;
    font-size: 12px;
    text-decoration: none;
    padding: 20px 10px;
}
 
.pagetop a:hover {
    display: block;
    background-color: #222;
    text-align: center;
    color: #fff;
    font-size: 12px;
    text-decoration: none;
    padding:20px 10px;
}
@media print, screen and (min-width: 1000px){
	.navi{
		margin:15px auto;
		padding:5px 5px;
		width:1000px;
	}
	nav.mainNav{
	clear:both;
	position:relative;
	z-index:200;
	padding-top:25px;
	padding-bottom:15px;
	margin-bottom:30px;
	}

	nav.mainNav ul li{
	float: left;
	position: relative;
	border-right:1px dotted #ccc;
	}
	
	nav.mainNav ul li:first-child{border-left:1px dotted #ccc;}

	nav.mainNav ul li a{
	font-size:13px;
	display: block;
	text-align: center;
	_float:left;
	color:#333;
	height:34px;
	line-height:34px;
	padding:12px 40px 5px;
	}
	
	nav.mainNav ul li a span,nav#mainNav ul li a strong{
	display:block;
	font-size:90%;
	line-height:1.4;
	}
	
	nav.mainNav ul li a span{
	font-size:70%;
	color:#ccc;
	}

	nav div.panel{
  display:block !important;
  float:left;
  }
  
  a#menu{display:none;}
  
  nav.mainNav ul li.current-menu-item a, nav.mainNav ul li a:hover, nav.mainNav ul li a:active, nav.mainNav ul li.current-menu-parent a{
	background:#f3f3f3;
	}
  
  nav.mainNav ul ul{width:140px;}
  
  nav.mainNav ul li ul{display: none;}
  
  nav.mainNav ul li:hover ul{
  display: block;
  position: absolute;
  top:50px;
  left:-2px;
  z-index:500;
  }
	
  nav.mainNav ul li li{
	padding:0 0 0 10px;
	margin:0;
  float: none;
  height:40px;
  line-height:40px;
  width:160px;
	border:0;
  border-bottom:1px dotted #ccc;
	background:#f3f3f3;
  }
	
  nav.mainNav ul li li:first-child{border-left:0;}
	
  nav.mainNav ul li li a{
  width:100%;
  height:40px;
	padding:0;
  line-height:40px;
  font-size:95%;
  text-align:left;
  }
	
	nav.mainNav ul li li a span{padding:0 10px;}
	
	nav.mainNav ul li li a:hover,nav#mainNav ul li li.current-menu-item a{color:#999;}
  
	
	nav.mainNav ul li:hover ul li:last-child{border:0;}
}

/* メインメニュー iPadサイズ以下から
------------------------------------------------------------*/
@media print, screen and (max-width:959px){
	nav.mainNav{
	clear:both;
	width:98%;
	margin:20px auto;
	border:1px solid #d5d5d5;
	}
	
	nav.mainNav a.menu{
	width:100%;
	display:block;
	height:37px;
	line-height:37px;
	font-weight: bold;
	text-align:left;
  background: url(images/menuOpen.png) no-repeat 5px 8px;
	}
	
	nav.mainNav a#menu span{padding-left:35px;}
	
	nav.mainNav a.menuOpen{
	background: url(images/menuOpen.png) no-repeat 5px -34px;
	}
	
	nav.mainNav a#menu:hover{cursor:pointer;}
	
	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	nav.mainNav ul{margin:0;padding:0;}

	nav.mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
	}

	nav.mainNav ul li:first-child{border-top:1px solid #d5d5d5;}
	nav.mainNav ul li li:first-child{border-top:0;}

	nav.mainNav ul li a,nav.mainNav ul li.current-menu-item li a{
	display: block;
	padding:15px 10px;
	text-align:left;
	border-bottom:1px dashed #ccc;
	background:#fff;
	}
	
	nav.mainNav ul li:last-child a{border:0;}
	nav.mainNav ul li li:last-child a{border:0;}
	nav.mainNav ul li li:last-child a{border-bottom:1px dashed #ccc;}

 	nav.mainNav ul li a span{display:none;}
 
	nav.mainNav ul li.current-menu-item a,nav.mainNav ul li a:hover,nav.mainNav ul li.current-menu-item a,nav.mainNav ul li a:active, nav.mainNav ul li li.current-menu-item a, nav.mainNav ul li.current-menu-item li a:hover, nav.mainNav ul li.current-menu-item li a:active{
	background:#f6f6f6;
	}

	nav.mainNav ul li li{
	float:left;
	border:0;
	}

	nav.mainNav ul li li a, nav.mainNav ul li.current-menu-item li a, nav.mainNav ul li li.current-menu-item a{
  padding-left:40px;
	background:#fff url(images/sub1.png) no-repeat 20px 18px;}

	nav.mainNav ul li li.current-menu-item a,nav.mainNav ul li li a:hover, nav.mainNav ul li.current-menu-item li a:hover{
		background:#f6f6f6 url(images/sub1.png) no-repeat 20px -62px;}
	
	nav.mainNav ul li li:last-child a{background:#fff url(images/subLast.png) no-repeat 20px 20px;}
	nav.mainNav ul li li:last-child.current-menu-item a,nav.mainNav ul li li:last-child a:hover,nav.mainNav ul li.current-menu-item li:last-child a:hover{background:#f6f6f6 url(images/subLast.png) no-repeat 20px -65px;}
	
	nav div.panel{float:none;}
	h1#slogan{
    padding:3px 0;
    text-align:center;
    font-size:10px;
    color:#fff;
    text-shadow: 1px 1px 1px #333;
}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
	#wrapper{width:100%;;}
	
	#mainImg{
    clear:both;
    margin:auto;
    line-height:0;
    text-align:center;
    z-index:0;
    position:relative;
    background:url(images/top/top_gaikan-lg.jpg) no-repeat center ;
    width:100%;
    }
	   
   #main{
	clear:both;
	width:100%;
	float:none;
	margin:0 auto;
	padding:10px 0;
	}	
	
	img{width:100%; height:auto;}

	p#logo{
	position: absolute;
	top: 15px;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 280px;
	height: 64px;
	background: url(images/logo.png) no-repeat;
    }

   #toppage p#logo{left:45px;}

   p#logo a{
   display:block;
   width:280px;
   height:37px;
   }

   p#logo a:hover{cursor: pointer;}


   p#tel{
   position:absolute;
   top:70px;
   left:60px;
   text-indent:100%;
   white-space:nowrap;
   overflow:hidden;
   width:220px;
   height:26px;
   background:url(images/tel.png) no-repeat;
   }

   #mainnav{
   position:absolute;
   top:100px;
   left:45px;
   margin-bottom:10px;
   font-size:85%;
   }


   .sidebar{
	margin:15px auto ;
	padding-bottom:10px;
	border-bottom:1px #999999 dotted;
	height:1800px;
	}
  
   .grid{
	alignment-adjust:central; 
	margin:10px auto;}
   
   #header{
   width:100%;
   margin:0 auto;
   }
   
   img.kakusu{ display:none;
   }	

   .honbun{font-size:90%;}
   .honbun-td{font-size:80%;}
   }

/* 矢印付きボタン
------------------------------------------------------------*/
.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  width: 127px;
  text-decoration: none;
  color: #2f4f4f;
  border: solid 2px #2f4f4f;
  border-radius: 3px;
  transition: .4s;
  margin: 8px 8px  8px 0;
  text-align: center;
}

.btn-flat-border:hover {
  background: #5a9999;
  color: white;
}

@media only screen and (max-width: 644px){
.btn-flat-border {
    width: 100%;
    height: 40px;
    max-width: 59px;
    font-size: 75%;
    }
}