@charset "utf-8";



/* =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;}

body{
font:80%/1.5 "Lucida Sans Unicode", "Lucida Grande", Arial, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
color:#252525;
-webkit-text-size-adjust: none;
background:#fff;
}

/* 汎用設定 */

.clearfix:after{
content:".";
height:0;
display:block;
clear:both;
visibility:hidden;
overflow:hidden;
font-size:0.1em;
line-height:0;
}
.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/
* html.clearfix { height: 1%;}
.clearfix {	display: block;}
/* End hide from IE-mac */


.clear{
clear: both;
display: none;
}

.mt02 { margin-top: 2px !important; } .mr02 { margin-right: 2px !important; } .mb02 { margin-bottom: 2px !important; } .ml02 { margin-left: 2px !important; }
.mt05 { margin-top: 5px !important; } .mr05 { margin-right: 5px !important; } .mb05 { margin-bottom: 5px !important; } .ml05 { margin-left: 5px !important; }
.mt10 { margin-top: 10px !important; } .mr10 { margin-right: 10px !important; } .mb10 { margin-bottom: 10px !important; } .ml10 { margin-left: 10px !important; }
.mt15 { margin-top: 15px !important; } .mr15 { margin-right: 15px !important; } .mb15 { margin-bottom: 15px !important; } .ml15 { margin-left: 15px !important; }
.mt20 { margin-top: 20px !important; } .mr20 { margin-right: 20px !important; } .mb20 { margin-bottom: 20px !important; } .ml20 { margin-left: 20px !important; }
.mt25 { margin-top: 25px !important; } .mr25 { margin-right: 25px !important; } .mb25 { margin-bottom: 25px !important; } .ml25 { margin-left: 25px !important; }
.mt30 { margin-top: 30px !important; } .mr30 { margin-right: 30px !important; } .mb30 { margin-bottom: 30px !important; } .ml30 { margin-left: 30px !important; }
.mt35 { margin-top: 35px !important; } .mr35 { margin-right: 35px !important; } .mb35 { margin-bottom: 35px !important; } .ml35 { margin-left: 35px !important; }
.mt40 { margin-top: 40px !important; } .mr40 { margin-right: 40px !important; } .mb40 { margin-bottom: 40px !important; } .ml40 { margin-left: 40px !important; }
.mt45 { margin-top: 45px !important; } .mr45 { margin-right: 45px !important; } .mb45 { margin-bottom: 45px !important; } .ml45 { margin-left: 45px !important; }
.mt50 { margin-top: 50px !important; } .mr50 { margin-right: 50px !important; } .mb50 { margin-bottom: 50px !important; } .ml50 { margin-left: 50px !important; }
.mt55 { margin-top: 55px !important; } .mr55 { margin-right: 55px !important; } .mb55 { margin-bottom: 55px !important; } .ml55 { margin-left: 55px !important; }
.mt60 { margin-top: 60px !important; } .mr60 { margin-right: 60px !important; } .mb60 { margin-bottom: 60px !important; } .ml60 { margin-left: 60px !important; }
.mt65 { margin-top: 65px !important; } .mr65 { margin-right: 65px !important; } .mb65 { margin-bottom: 65px !important; } .ml65 { margin-left: 65px !important; }
.mt70 { margin-top: 70px !important; } .mr70 { margin-right: 70px !important; } .mb70 { margin-bottom: 70px !important; } .ml70 { margin-left: 70px !important; }
.mt80 { margin-top: 80px !important; } .mr80 { margin-right: 80px !important; } .mb80 { margin-bottom: 80px !important; } .ml80 { margin-left: 80px !important; }


/* padding ----------------------- */

.pt0{ padding-top:0 !important;}	.pr0{ padding-right:0 !important;}	.pb0{ padding-bottom:0 !important;}	.pl0{ padding-left:0 !important;}
.pt5{ padding-top:5px !important;}	.pr5{ padding-right:5px !important;}	.pb5{ padding-bottom:5px !important;}	.pl5{ padding-left:5px !important;}
.pt10{ padding-top:10px !important;}	.pr10{ padding-right:10px !important;}	.pb10{ padding-bottom:10px !important;}	.pl10{ padding-left:10px !important;}
.pt15{ padding-top:15px !important;}	.pr15{ padding-right:15px !important;}	.pb15{ padding-bottom:15px !important;}	.pl15{ padding-left:15px !important;}
.pt20{ padding-top:20px !important;}	.pr20{ padding-right:20px !important;}	.pb20{ padding-bottom:20px !important;}	.pl20{ padding-left:20px !important;}
.pt25{ padding-top:25px !important;}	.pr25{ padding-right:25px !important;}	.pb25{ padding-bottom:25px !important;}	.pl25{ padding-left:25px !important;}
.pt30{ padding-top:30px !important;}	.pr30{ padding-right:30px !important;}	.pb30{ padding-bottom:30px !important;}	.pl30{ padding-left:30px !important;}
.pt35{ padding-top:35px !important;}	.pr35{ padding-right:35px !important;}	.pb35{ padding-bottom:35px !important;}	.pl35{ padding-left:35px !important;}
.pt40{ padding-top:40px !important;}	.pr40{ padding-right:40px !important;}	.pb40{ padding-bottom:40px !important;}	.pl40{ padding-left:40px !important;}
.pt45{ padding-top:45px !important;}	.pr45{ padding-right:45px !important;}	.pb45{ padding-bottom:45px !important;}	.pl45{ padding-left:45px !important;}
.pt50{ padding-top:50px !important;}	.pr50{ padding-right:50px !important;}	.pb50{ padding-bottom:50px !important;}	.pl50{ padding-left:50px !important;}




/* リンク設定

------------------------------------------------------------*/


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

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

/**** Clearfix ****/


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

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

/* フォーム

------------------------------------------------------------*/


input[type="text"],
textarea {
vertical-align: middle;
max-width: 90%;
line-height: 30px;
height: 30px;
padding: 1px 5px;
border: 1px solid #d4d4d7;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
font-size: 100%;
color: #555;
background: #fcfcfc;
}

textarea {
height: auto;
line-height: 1.5;
}

input[type="submit"],
input[type="reset"],
input[type="button"] {
padding: 3px 10px;
background: #ddd;
border: 0;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
line-height: 1.5;
font-size: 100%;
color: #fff;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
background: #ccc;
}

*:first-child+html input[type="submit"] {
padding: 3px;
}

/* レイアウト

------------------------------------------------------------*/


#wrapper,
.inner {
margin: 0 auto;
width: 960px;
}

#header {
overflow: hidden;
background: #fff;
}

#content {
float: left;
width: 710px;
padding: 30px 0;
}

#sidebar {
float: right;
width: 225px;
padding: 30px 0;
}

#footer {
clear: both;
padding-top: 20px;
background: #ededed;
}



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


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


  #wrapper,
  .inner {
  margin: 0 auto;
  width: auto;
  }
  
  #header {
  overflow:visible;
  }
  
  #content {
  float: none;
  width: auto;
  padding: 10px 6px;
	margin-top:20px;
  }
  
  #sidebar {
  float: none;
  width: auto;
  padding: 30px 6px;
  }
  
  #footer {
  clear: both;
  padding-top: 20px;
  background: #ededed;
  }


}



/* ヘッダー

*****************************************************/


#header .bg {
background: #dddddd;
}

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

  #header{
  padding-left:3%;
  padding-right:3%;
	height:46px;
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:9999;
	background-color:#fff;
	box-sizing:border-box;
  }

}


/* サイト説明文 + 住所

----------------------------------*/


#header h1 {
float: left;
padding: 3px 0;
color: #fff;
font-size: 80%;
font-weight: normal;
}

#header p {
float: right;
}

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

  #header h1 {
  display:none;
  }

}

/* コンタクト

----------------------------------*/


.contact {
float: right;
padding: 10px 0 0;
text-align: right;
color: #000;
font-size: 110%;
}

.contact p {
font-size: 90%;
}

.contact .tel {
margin-bottom: -3px;
font-size: 180%;
font-family: Arial, Helvetica, sans-serif;
}

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

  .contact {
  display:none;
  }


}

/* ロゴ (サイトタイトル)

----------------------------------*/


#header h2 {
clear: both;
float: left;
padding: 30px 0;
color: #515151;
font-size: 160%;
font-weight: bold;
}


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

  #header h2 {
  float: left;
	padding:10px 0 0 0;
	height:auto;
  }
  #header h2 img{
	width:200px;
  }

}



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

  .accordion-trigger{
  position:absolute;
  right:4%;
  top:10px;
  z-index:99998;
  cursor:pointer;
  }
  
  .btn-accordion,
  .btn-accordion span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  }
  .btn-accordion {
  display:block;
  position: relative;
  width: 30px;
  height: 24px;
  }
  .btn-accordion span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #000;
  }
  
  .btn-accordion span:nth-of-type(1) {
  top: 0;
  }
  .btn-accordion span:nth-of-type(2) {
  top: 11px;
  }
  .btn-accordion span:nth-of-type(3) {
  bottom: 0;
  }

}



/* サブナビゲーション

#header ul{

padding-top:40px;

float:right;

}



#header ul li{

display:inline;

margin-left:10px;

font-size:90%;

}



#header ul li a{

padding-left:10px;

color:#000;

background:url(images/arrowSub.png) no-repeat 0 50%;

}



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

----------------------------------*/






nav#mainNav ul {
}

nav#mainNav ul li {
float: left;
width: 136px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.22, #D44ED4), color-stop(0.51, #BD48BD), color-stop(1, #8F2F8F));
background-image: -o-linear-gradient(bottom, #D44ED4 22%, #BD48BD 51%, #8F2F8F 100%);
background-image: -moz-linear-gradient(bottom, #D44ED4 22%, #BD48BD 51%, #8F2F8F 100%);
background-image: -webkit-linear-gradient(bottom, #D44ED4 22%, #BD48BD 51%, #8F2F8F 100%);
background-image: -ms-linear-gradient(bottom, #D44ED4 22%, #BD48BD 51%, #8F2F8F 100%);
background-image: linear-gradient(to bottom, #D44ED4 22%, #BD48BD 51%, #8F2F8F 100%);
border-right: 1px solid #c9c9c9;
text-align: center;
}

nav#mainNav ul li a {
color: #fff;
text-decoration: none;
display: block;
-webkit-transition: 0.5s;
transition: 0.5s;
line-height: 20px;
padding-top: 10px;
}

nav#mainNav ul li:first-child {
border-left: 1px solid #c9c9c9;
}

nav#mainNav ul li a:hover {
background: #79437e;
color: #eee;
}




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


  
  nav#mainNav ul {
  }
  
  nav#mainNav ul li {
  float: none;
  width: auto;
  border-right:none;
  text-align: center;
  }
  
  nav#mainNav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  line-height: 20px;
  padding-top: 10px;
	font-size:15px;
  }
  
  nav#mainNav ul li:first-child {
  border-left: 1px solid #c9c9c9;
  }
  
  nav#mainNav ul li a:hover {
  background: #79437e;
  color: #222;
  }

}



/* メインメニュー　

------------------------------------------------------------*/


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

a#menu {
display: none;
}

nav#mainNav {
clear: both;
position: relative;
z-index: 200;
}

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 {
display: block;
text-align: center;
_float: left;
color: #fff;
height: 56px;
line-height: 56px;
padding: 0px 8px 0px;
}

nav#mainNav ul li a span,
nav#mainNav ul li a strong {
display: block;
font-size: 90%;
}

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: #79437e;
}

nav#mainNav ul ul {
width: 180px;
}

nav#mainNav ul li ul {
display: none;
}

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

nav#mainNav ul li li {
padding: 0;
margin: 0;
float: none;
height: 40px;
line-height: 40px;
width: 100%;
border: 0;
border-bottom: 1px dotted #ccc;
background: #79437e;
}

nav#mainNav ul li li a:hover {
color: #fff;
background: #b543b5;
}

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

nav#mainNav ul li li a {
height: 40px;
padding: 0 0 0 20px;
line-height: 40px;
font-size: 95%;
text-align: left;
}

nav#mainNav ul li li a:hover,
nav#mainNav ul li li.current-menu-item a {
color: #eee;
}

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


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

  .mobile-menu{
  position:fixed;
  left:0;
  top:46px;
  width:100%;
	z-index:9999;
  }


  nav div.panel {
  display: block !important;
  float: left;
  }
  
  a#menu {
  display: none;
  }
  
  nav#mainNav {
  clear: both;
  position: relative;
  z-index: 200;
  background-color:#932793;
  padding:4px 6px;
  }
  
  nav#mainNav ul li {
  float: none;
  position: relative;
  border-right: 1px dotted #ccc;
	padding:1px 0;
  }
  
  nav#mainNav ul li:first-child {
  border-left: 1px dotted #ccc;
  }
  
  nav#mainNav ul li a {
  display: block;
  _float: none;
  color: #333;
  height: auto;
  line-height: 1.5;
  padding: 8px 0 8px 10px;
  box-sizing:border-box;
  text-align:left;
  background-color:#fff;
  }
  
  nav#mainNav ul li a span,
  nav#mainNav ul li a strong {
  display: block;
  font-size: 90%;
  }
  
  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-color:#fff;
  }

  nav#mainNav ul li.current-menu-item ul.sub-menu a li,
  nav#mainNav ul li.current-menu-item ul.sub-menu a {
	background:none !important;
  }

  nav#mainNav ul li.current-menu-parent ul.sub-menu a li,
  nav#mainNav ul li.current-menu-parent ul.sub-menu a {
	background:none !important;
  }
  
  nav#mainNav ul ul {
  width: auto;
	padding-left:0;
	padding-top:1px;
	background:none;
  }
  
  
  nav#mainNav ul li ul {
  display:block !important;
	padding-bottom:10px;
  }
  
  nav#mainNav ul li:hover ul {
  display: block !important;
  position:static;
  top: auto;
  left: auto;
  z-index: 500;
  }
  
  nav#mainNav ul li li {
  padding: 0;
  margin: 0;
  float: none;
  height: auto;
  line-height: auto;
  width: 100%;
  border: 0;
  border-bottom:none;
	padding-top:1px;
	padding-bottom:1px;
	background:none;
  }
  
  nav#mainNav ul li li a:hover {
  color:#ddd;
  background: none;
  }
  
  nav#mainNav ul li li:first-child {
  border-left: 0;
  }
  
  nav#mainNav ul li li a {
  height: auto;
  padding: 6px 0 0px 5px;
  line-height: 1.5;
  font-size: 95%;
  text-align: left;
	background:none;
	color:#fff;
  }
  nav#mainNav ul li li a::before{
	content:"└";
	padding-right:5px;
	}
  
  nav#mainNav ul li li a:hover,
  nav#mainNav ul li li.current-menu-item a {
  color:#ddd;
  }
  
  nav#mainNav ul li:hover ul li:last-child {
  border: 0;
  }


}



/* トップページ　メイン画像

----------------------------------*/


#mainImg {
clear: both;
margin-top: 25px;
line-height: 0;
text-align: center;
z-index: 0;
position: relative;
}

#pageImg {
width: 960px;
height: 163px;
margin-top: 25px;
z-index: 0;
position: relative;
background: url(images/bg_pgtt.jpg) no-repeat 0 0;
}

#pageImg p {
position: absolute;
top: 50px;
left: 10px;
}

.post {
margin: 20px 0;
padding: 10px 10px 20px;
background: #fff;
border-bottom: dotted 1px #eee;
}


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


  .post {
  margin: 0 0;
  padding: 10px 10px 10px;
  background: #fff;
  border-bottom: dotted 1px #eee;
  }
}


a.ixctgbtn {
display: block;
}

.ixctgbox {
width: 228px;
padding: 6px 0;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
border-radius: 16px;
border: solid 1px #ccc;
text-align: center;
-moz-border-radius: 16px;
-moz-box-shadow: 0px 0px 3px #999;
-webkit-box-shadow: 0px 0px 3px #999;
box-shadow: 0px 0px 3px #999;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#e3e3e3');
background-image: -moz-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -ms-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -o-linear-gradient(top, #ffffff, #e3e3e3);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#e3e3e3));
background-image: -webkit-linear-gradient(top, #ffffff, #e3e3e3);
background-image: linear-gradient(top, #ffffff, #e3e3e3);
}

.ixctgbox:hover {
background: #fff;
}

.ixctgbox p {
padding: 4px 0 0;
font-size: 130%;
color: #111;
}

.ixctgbox img {
}


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


  
  
  #mainImg {
  clear: both;
  margin-top: 25px;
  line-height: 0;
  text-align: center;
  z-index: 0;
  position: relative;
  overflow:hidden;
  }
  
  #pageImg {
  width: auto;
  height: 100px;
  margin-top: 40px;
  z-index: 0;
	overflow:hidden;
  background: url(images/bg_pgtt.jpg) no-repeat  center center / cover;
  }
  
  #pageImg p {
  position: absolute;
  top: 35px;
  left: 10px;
  }
  #pageImg p img{
  width:400px;
  max-width:400px;
  }


  .topBtnsTable{
  width:100%;
	margin-top:-70px;
  }
  .topBtnsTable td{
  padding:0 5px;
  }
  a.ixctgbtn {
  display: block;
  }
  
  .ixctgbox {
  width: auto;
  padding: 2px 0;
  border-radius: 16px;
  border: solid 1px #ccc;
  text-align: center;
  box-sizing:border-box;
  }
  
  
  .ixctgbox p {
  padding: 2px 0 4px;
  font-size: 100%;
  }
  
  .ixctgbox img {
  width:60%;
  }


  .youtube{
  width:100%;
  max-width:300px;
  margin-left:auto;
  margin-right:auto;
  display:block;
  height:auto;
  }

}

/* タイポグラフィ

*****************************************************/


h2.title {
background: #BD48BD;
padding: 7px 20px;
border-radius: 24px;
line-height: 1.5;
color:#fff;
font-size:130%;
}
h2.title a{
color:#fff;
text-decoration:none;
}

h2.title span {
}

h2.first {
margin-top: 0;
}

.dateLabel {
margin: 0 0 10px;
text-align: right;
font: italic 1em "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.post p {
padding-bottom: 15px;
line-height: 180%;
}

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

.post ul li {
margin-bottom: 5px;
padding-left: 15px;
background: url(images/bullet.png) no-repeat 0 8px;
}

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

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

.post h1 {
margin: 20px 0;
padding: 5px 0;
font-size: 150%;
color: #000;
border-bottom: 3px solid #000;
}

.post h2 {
margin: 10px 0;
padding-bottom: 2px;
font-size: 130%;
font-weight: normal;
color: #333;
border-bottom: 2px solid #515151;
}

.post h3 {
margin: 10px 0;
font-size: 120%;
font-weight: normal;
color: #111;
border-bottom: 1px solid #515151;
}

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

.post blockquote p {
padding: 5px 0;
}




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


}

.post table {
border: 1px #ccc solid;
border-collapse: collapse;
border-spacing: 0;
margin: 10px 0 20px;
}

.post table th {
padding: 7px 10px 7px 5px;
border: #ccc solid;
border-width: 0 0 1px 1px;
font-weight: bold;
color: #fff;
background: #ccc;
}

.post table td {
padding: 7px 5px;
border: 1px #ccc solid;
border-width: 0 0 1px 1px;
background: #fff;
}



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

  .post table {
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
  }
  
  .post table th {
	padding:5px 5px;
	font-size:11px;
  }
  
  .post table td {
	padding:5px 5px;
	font-size:11px;
  }

}



table.guidebox {
width: 100%;
border: none;
}

table.guidebox th,
table.guidebox td {
margin: 0;
padding: 20px 5px;
border: none;
vertical-align: top;
background: #fff;
}

table.guidebox .spline th,
table.guidebox .spline td {
border-top: dotted 1px #ccc;
}

table.guidebox th {
padding: 20px 20px 20px 0;
}

table.guidebox th img {
width: 120px;
height: auto;
}

table.guidebox td h3 a {
padding: 6px 0;
font-size: 110%;
color: #bd48bd;
text-decoration: none;
}

table.guidebox td h3 a:hover {
color: #666;
text-decoration: underline;
}


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


  
  table.guidebox {
  width: 100%;
  border: none;
  }
  
  table.guidebox th,
  table.guidebox td {
  margin: 0;
  padding: 20px 5px;
  border: none;
  vertical-align: top;
  background: #fff;
  }
  
  table.guidebox .spline th,
  table.guidebox .spline td {
  border-top: dotted 1px #ccc;
  }
  
  table.guidebox th {
  padding: 10px 10px 10px 0;
	width:33%;
  }
  
  table.guidebox th img {
  height: auto;
  }
  
  table.guidebox td h3 a {
  padding: 6px 0;
  font-size: 110%;
  color: #bd48bd;
  text-decoration: none;
  }
  
  table.guidebox td h3 a:hover {
  color: #666;
  text-decoration: underline;
  }

  table.guidebox td {
	padding:0;
  }
  


}



.post dt {
font-weight: bold;
}

.post dd {
padding-bottom: 10px;
}

.post img {
max-width: 100%;
height: auto;
}

img.aligncenter {
display: block;
margin: 5px auto;
}

img.alignright,
img.alignleft {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}

img.alignleft {
margin: 0 7px 2px 0;
}

.alignright {
float: right;
}

.alignleft {
float: left;
}
/* サイドバー　ウィジェット

*****************************************************/


section.widget,
.widgetInfo {
margin: 0 0 20px;
padding: 10px 7px;
border: 1px solid #dadada;
background: #fff;
}

ul.sidebnr {
list-style: none;
}

ul.sidebnr li {
margin: 0;
padding: 0 0 6px 0;
line-height: 0em;
}

ul.sidebnr li a {
margin: 0;
padding: 0;
}

#banners img {
max-width: 225px;
height: auto;
}

section.widget h3 {
clear: both;
margin: 0 0 10px;
padding: 5px 0;
font-size: 100%;
font-weight: normal;
color: #333;
border-bottom: 1px solid #ccc;
}

section.widget a {
display: block;
padding: 3px 0 3px 13px;
text-decoration: underline;
background: url(images/arrow.png) no-repeat 0 50%;
}

section.widget a:hover {
text-decoration: none;
background-position: 3px 50%;
}

#searchform input[type="text"] {
line-height: 1.7;
height: 24px;
width: 100px;
vertical-align: bottom;
}


@media screen and (max-width:768px) {
  
  section.widget,
  .widgetInfo {
  margin: 0 0 20px;
  padding: 10px 7px;
  border: 1px solid #dadada;
  background: #fff;
  }
  
  ul.sidebnr {
  }
  
  ul.sidebnr::after {
	content:"";
	clear:both;
	display:table;
  }
  
  ul.sidebnr li {
	width:50%;
	padding:1px 2px;
	float:left;
	box-sizing:border-box;
  line-height: 0em;
	text-align:center;
  }
  
  ul.sidebnr li a {
  margin: 0;
  padding: 0;
  }
  
  #banners img {
  max-width: 225px;
  height: auto;
  }
  
  section.widget h3 {
  clear: both;
  margin: 0 0 10px;
  padding: 5px 0;
  font-size: 100%;
  font-weight: normal;
  color: #333;
  border-bottom: 1px solid #ccc;
  }
  
  section.widget a {
  display: block;
  padding: 3px 0 3px 13px;
  text-decoration: underline;
  background: url(images/arrow.png) no-repeat 0 50%;
  }
  
  section.widget a:hover {
  text-decoration: none;
  background-position: 3px 50%;
  }
  
  #searchform input[type="text"] {
  line-height: 1.7;
  height: 24px;
  width: 100px;
  vertical-align: bottom;
  }





  .sidebar_1st_bnr p{
  width:50%;
  float:left;
	padding:0 2px;
	box-sizing:border-box;
	text-align:center;
  }
  
  .sidebar_1st_bnr p.banner_tel{
  width:100%;
  clear:both;
	padding:0 2px;
	box-sizing:border-box;
	display:none;
  }
  
  .sidebar_1st_bnr p.banner_tel img{
  width:100% !important;
  max-width:100%;
  }
  
  .banner_tel{
  width:100%;
  clear:both;
	padding:0 2px;
	box-sizing:border-box;
  }
  
  .banner_tel img{
  width:100% !important;
  max-width:100%;
  }

}



/* お知らせ

-------------*/


.newsTitle {
clear: both;
margin: 0 0 20px;
padding: 5px 0;
font-size: 100%;
color: #333;
border-bottom: 1px solid #ccc;
}

.newsTitle h3 {
float: left;
font-weight: normal;
}

.newsTitle p {
float: right;
padding: 0 0 0 10px;
font-size: .8em;
background: url(images/arrow.png) no-repeat 0 50%;
}

.news p {
clear: both;
padding-bottom: 2px;
border-bottom: 1px solid #ccc;
}

.news p:last-child {
border: 0;
}

.news p a {
display: block;
padding: 5px 0;
color: #333;
font-style: italic;
font: italic 110% "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.news a span {
color: #515151;
font: normal 90% Arial, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

.news span {
padding-left: 10px;
}

.news a:hover span {
color: #777;
}

/* フッター

*****************************************************/






#footer .inner .btmlogo {
float: left;
width: 270px;
border-right: solid 1px #ccc;
}

#footer .inner .btmlogo img {
width: 240px;
height: auto;
}

#footer .inner .menu {
float: right;
width: 660px;
}

#footer .inner .menu ul {
width: 660px;
font-size: 12px;
padding: 0;
}

#footer .inner .menu ul li.maindir {
float: left;
display: inline;
width: 220px;
margin: 0;
padding: 5px 0 20px;
vertical-align: text-top;
}

#footer .inner .menu ul li a {
padding: 5px 0 5px 14px;
background: url(./images/product_dot.png) no-repeat 0px 10px;
}

#footer .inner .menu ul li.maindir ul li {
margin: 0;
padding: 0 0 10px;
}

#footer .inner .menu ul li ul {
width: 200px;
}

#footer .inner .menu ul li ul.children {
width: 200px;
margin: 6px 0 0 6px;
padding: 6px 0 0 4px;
border-left: solid 1px #ccc;
}

#footer .inner .menu ul li ul.children li {
padding: 0 0 4px;
}

#footer .inner .menu ul li ul.children li a {
padding: 5px 0 5px 14px;
background: none;
}

#footer p.address {
text-align: center;
font-size: 100%;
color: #666;
}

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

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

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



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


  
  #footer .inner .btmlogo {
  float: none;
  width: auto;
	padding:0 6px;
  border-right:none;
  }
  
  #footer .inner .btmlogo img {
  width: 240px;
  height: auto;
  }
  
  #footer .inner .menu {
	display:none;
  }
  
  #footer p.address {
  text-align: left;
  font-size: 85%;
	padding:5px 6px;
  }
  
  
  #copyright {
  padding: 10px;
  font-size: 8px;
  zoom: 1;
  }



}



/* page navigation

------------------------------------------------------------*/


.pagenav {
clear: both;
width: 100%;
height: 30px;
margin: 5px 0 20px;
}

.prev {
float: left
}

.next {
float: right;
}

#pageLinks {
clear: both;
color: #2a588b;
text-align: center;
}

/* トップページ top3件

------------------------------------------------------------*/


.thumbWraptop {
width: 735px;
margin: 0px -25px 0px 0;
}

.thumbWraptop li {
float: left;
width: 220px;
margin: 0 25px 0 0;
padding: 0px 0 40px;
background: none;
}

/* トップページ 最新記事3件

------------------------------------------------------------*/


.thumbWrap {
width: 735px;
margin: 20px -25px 20px 0;
}

.thumbWrap li {
float: left;
width: 220px;
margin: 0 25px 0 0;
padding: 2px 0 40px;
background: none;
}

/* 最新記事リンク */


ul.thumb h3 {
margin-top: 10px;
padding: 1px;
font-weight: normal;
font-size: 100%;
text-align: center;
background: #25252;
border: 1px solid #dadada;
}

ul.thumb h3 span {
display: block;
padding: 2px 3px;
background: #f8f8f8;
}

ul.thumb h3 a {
color: #252525;
}

ul.thumb h3:hover span {
background: #fff;
}




#footer .inner p {
font-size: 80%;
color: #777;
}










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


#wrapper{
}
  
  .googlemap{
  width:100%;
  height:250px;
  }
	
  .shop_img{
  width:33%;
  }

	.top_img{
  width:33%;
  float:right;
  }

}


/********************************************************************************************
ステータス
********************************************************************************************/

.is-hide{
display:none;
}

.is-pc-hide{
display:none;
}

.is-sp-inline{
display:none;
}

.is-pc-noevent{
pointer-events:none;
}


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

  .is-pc-hide{
  display:block;
  }
  
  .is-sp-hide{
  display:none;
  }

  .is-sp-inline{
  display:inline;
  }

  .is-pc-noevent{
  pointer-events:auto;
  }

}