/* 基本設定
-----------------------------------------------------------*/
body{
	line-height:1.7;
	font-family:Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	word-wrap:break-word;
}
#container{}/*全体を囲んだボックス*/
#header_wrap{}	/*#header,#cover,#topics をまとめたボックス */
#content{} /*#main,#sidebar をまとめたボックス */
#lead_area{}/*#cover,#topics をまとめたボックス*/
#main{}/*.article_box , #foot-area , #inquiry をまとめたボックス*/
	
/* reset css */
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;
}
html{overflow-y: scroll;}
h1, h2, h3, h4, h5, h6{
    font-size: 100%; 
    font-weight: normal;
}
ol, ul{list-style:none;}
fieldset, img{border:0;}
table{
    border-collapse: collapse; 
    border-spacing:0;
}
caption, th{text-align: left;}
a:focus {outline:none;}
address, caption, cite, code, dfn, rem, th, var{
    font-style: normal; 
    font-weight: normal;
}
/* reset css */

/*clearfix*/
.clearfix:before,
.clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
 .clearfix:after {clear:both;}
.clearfix {zoom:1;} /* For IE 6/7 (trigger hasLayout) */
	
a{text-decoration:underline;}
a:hover{text-decoration:none;}


/* off-canvas menu
-----------------------------------------------------------*/
/*tab-bar*/
.tab-bar{}
.tab-bar a{}
.tab-bar a span{word-wrap: normal;}

/*.left-off-canvas-menu*/
.left-off-canvas-menu{}
.left-off-canvas-menu ul.off-canvas-list li a{
	text-decoration:none;
		color:rgba(255,255,255,.9);
}
/*.left-off-canvas-menu ul.off-canvas-list li a:hover{
	background:inherit;
}*/
/*off_canvas_about*/
.left-off-canvas-menu ul.off_canvas_about{}
.left-off-canvas-menu ul.off_canvas_about li{}
.left-off-canvas-menu ul.off_canvas_about li a{
	display:block;
	background:#fff;
	padding:0.8rem 1rem;
	margin:0.8rem;
	text-decoration:none;
	-webkit-box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 3px rgba(0,0,0,0.3);
	-webkit-transition: 0.6s opacity 0s;
	transition: 0.6s opacity 0s;
}

/*off−canvas開いた時の影*/
.move-right .exit-off-canvas {
box-shadow: -4px 0 4px rgba(0, 0, 0, 0.3), 4px 0 4px rgba(0, 0, 0, 0.3);
}

/* header
-----------------------------------------------------------*/
#header{padding:1rem 0;}	
#header  #site_title{
	font-size:1.75rem;
	line-height:1.3;
}
#header  #site_title a{text-decoration:none;}
#header  #site_title a img{max-width:100%;}
#header #site_description{margin-top:1rem;}

/* cover
-----------------------------------------------------------*/
#cover{margin-bottom: 1rem;}	
#cover img{width:100%;}

/* topics
-----------------------------------------------------------*/
#topics{margin-bottom: 2rem;}

#topics dl{
	height:150px;
	padding:0.5rem 0;
	overflow:auto;
}

#topics h3{font-size:1.4rem;
border-bottom:1px solid #cccccc;
}
#topics dt{
	font-size: 0.75rem;
	margin-bottom: 0;
}
#topics dd{
	font-size:0.875rem;
	padding-bottom: 0.75rem;
	margin-bottom: 0.75rem;
	border-bottom:1px solid #cccccc;
}
	
/* 記事ボックス
-----------------------------------------------------------*/
.article_box{margin-bottom:1rem;}
.article_box .article_title h3{
	font-size:1.4rem;
	margin-bottom:0.8rem;
	line-height: 1.3;
}	
.article_box .entry{margin-bottom: 1rem;}
.article_box .entry img{max-width:100%;}
.article_box .entry table{
	-moz-box-sizing: border-box;
    box-sizing: border-box;
	width:100%!important;
}
.article_box .article_figure .figure{
	width:90%;
	max-width:300px;
	margin:0 auto 0.75rem auto;
}
.article_box .article_figure .figure img{width:100%;}
.article_box .article_figure .figure .caption{
	font-size:0.7rem;
	color:#666;
	display:block;
}
.article_box iframe{
	max-width:100%;
	height:auto;
}

/*  free-area
-----------------------------------------------------------*/
#foot-area{}
#side-area{margin-bottom:1rem;}

/*  お問い合わせボタン
-----------------------------------------------------------*/
#inquiry a.button{
	display:block;
	width:85%;
	margin: 2rem auto 2rem auto;
	font-size:1.1rem;
}

/*  sidebar
-----------------------------------------------------------*/
/* sidebar 共通 */
/* sidebar - about*/
#about{margin-bottom:2rem}
#about h3{
	font-size:1.625rem;
}
#about li a{
	display:block;
	padding:0.7rem;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	font-size:1.2rem;
}

/* sidebar - blog*/
#blog{margin-bottom:2rem}
#blog h3{font-size:1.625rem;
margin-bottom:0.8rem;
}
#blog{}
#blog dt{
	font-size:0.75rem;
	margin-bottom:0;
}
#blog dd{
	padding-bottom: 0.75rem;
	margin-bottom: 0.75rem;
	border-bottom:1px solid #cccccc;
}
#blog_link a.button{
	display:block;
	width:60%;
	margin:0.5rem auto 0.5rem auto;
	line-height:0.8;
}

/* sidebar - qrcode*/
#qrcode{display:none;}


/*  footer
-----------------------------------------------------------*/
#footer{background :#333;}
	
#footer address{
	color:#fff;
	font-style:normal;
	font-size:0.8rem;
	text-align:center;
	padding:1.25rem 0;
}
#footer address img{width:0.8rem;}


/*  下層ページ
-----------------------------------------------------------*/
/* ページタイトル*/	
#page_title {margin-bottom:1rem;}
#page_title h2{
	font-size:1.5625rem;
	line-height:1.3;
}
	
/* パンくず*/	
#pnkz{margin-bottom:1rem;}
#pnkz ul li{
	display:inline-block;
	font-size:0.8rem;
}
#pnkz ul li a{padding-right:0.5rem;}

/*Profire / map / Contact 共通 */
#profile .leadtext, #map .leadtext, #form .leadtext{margin-bottom:1rem;}
#profile table, #map table, #form table {width:100%;}
#profile table , #profile td, #profile th ,
#map table , #map td, #map th ,
#form table , #form td, #form th{
	border: 1px solid #cccccc;
	border-collapse: collapse;
}
#profile td, #profile th,
#map td, #map th,
#form td, #form th {
	padding: 0.5rem;
}
#profile th , #map th , #form th {
	background: #f1f1f1;
	font-weight:bold;
}

/* map */
#map .googlemap {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
	margin-bottom: 1rem;
}
#map .googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/* form */
#form .validation_span{color:#F00;}

#form table input[type="text"] , #form table input[type="email"] , #form table textarea{
	width:100%;
	font-size:1.2rem;
	padding:0.4rem;
	border:1px solid #cccccc;
	border-radius:2px;
}
#form table input[type="text"]:focus , #form table input[type="email"]:focus , #form table textarea:focus{
	outline: none;
	background:#f9f9f9;}
#form table textarea{height:10rem;}
#form table .contact_submit{
	padding:1.25rem 1.25rem 0.5rem 1.25rem; 
	text-align:center;}
#form table .contact_submit .button.secondary{
	padding:0.5rem 1rem;
	font-size:0.87rem;}
	
/* ▼20150818 Googleカレンダーの対応 ▼
-------------------------------------------*/
.calendar-container {
  max-width: 100%; 
  position: relative;
  padding-bottom: 90%; 
  height: 0;
  overflow: hidden;
}
.calendar-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .calendar-container {padding-bottom: 75%;}
}

/* iPhoneで縦に伸びていく現象を回避 (理由は不明)*/
/**/
.tzcal-container iframe {
    border: 1px solid #eeeeee!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
}

.cal_wrapper {
max-width: 960px;
min-width: 300px;
margin: 2.0833% auto;
}
.tzcal {
position: relative;
padding-bottom: 100%;
height: 0;
}
.tzcal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}
.tzcal iframe {
    border: 1px solid #eeeeee!important;
    padding: 4px!important;
    background-color: rgba(230,230,230,0.4)!important;
    border-radius: 3px;
}
@media only screen and (min-width: 768px) {
	.tzcal {padding-bottom: 75%;}
}

/* ▲20150818 Googleカレンダーの対応 ▲
-------------------------------------------*/

/* ▼20160705 ワイドスライド追加 ▼
-------------------------------------------*/
@media only screen and (min-width: 1000px) {
#mainSlide,#mainSlide li,.bx-viewport {
	height:416px !important;
}
}
#mainSlide li {
	position:relative;
	background:rgba(0,0,0,0.2);
}
#mainSlide li img {
	position:absolute;
	left:0;
}
.bx-clone {
	display:none;
}

/* pager */
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #ccc;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #2ba6cb;
	opacity:1;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -34px!important;
}

/* 20170310 SAMPLEページ用
-----------------------------------------*/
body{
    padding-top:30px;
}
body:after {
    content:"※このホームページは見本です※";
    display:block;
    width:100%;
    height:30px;
    text-align:center;
    background: rgba(0, 0, 0, 0.8) ;
    line-height:1;
    padding:9px 20px;
    color:#eee;
    font-weight:bold;
    font-size:12px;
    position:fixed;
    left:0px;
    top:0;
    z-index:10000000;
}