@charset "UTF-8";
/* CSS Document */

html{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
}
	
body {
	color:#4F4F4F
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 28px;
	line-height: 2.8rem;
	margin: 0px;
	padding: 0px;
       } /* =14px */
ul{
	margin:0px;
	}
	
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
    margin:0px;
    padding:0px;
}
	
/* ------------------------------------------------------
 ブロック定義ファイル用 block.css

  目　次
	1.位置
	2.テーブル※本体のほうに定義がなければコメントアウトを外す
	3.画像
	4.フォント
	5.リスト
	6.目次用リスト※本体のほうに定義がなければコメントアウトを外す

------------------------------------------------------ */
/* -------- 1.位置 -------- */
/*左寄せ*/
#contents .wcvleft {
	text-align: left;
	margin: 3px 3px 3px 20px;
}
/*右寄せ*/
#contents .wcvright {
	text-align: right;
	margin: 3px 3px 3px 20px;
}
/*中央寄せ*/
#contents .wcvcenter {
	text-align: center;
	margin: 3px 3px 3px 20px;
}
/*中央寄せ テキスト付*/
#contents div.wcvcenter {
	text-align: center;
	margin: 2px 2px 2px 20px;
}

/*左寄せ・セル用*/
#contents .wcvleft-c {
	text-align: left;
	margin-bottom: 5px;
}
/*右寄せ・セル用*/
#contents .wcvright-c {
	text-align: right;
	margin-bottom: 5px;
}
/*中央寄せ・セル用*/
#contents .wcvcenter-c {
	text-align: center;
	margin-bottom: 5px;
}
/* -------- 2.テーブル -------- */
#contents table {
	clear: both;
	/*width: 635px;*/
	margin: 10px 25px 25px 25px;
	border-collapse: collapse;
	border: 1px solid #666;
	border-spacing: 0;
	empty-cells: hide;
}
#contents caption {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
}
#contents th {
	color: #000;
	text-align: center;
	padding: 5px;
	font-weight: bold;
	border: 1px solid #999;
	background: #EFF5F8;
}
#contents td {
	text-align: left;
	padding: 5px;
	border: 1px solid #999;
}
/* -------- 3.画像 -------- */
/*画像同士などが上下でくっ付く場合に利用する*/
#contents .wcvmargin-bottom {
	margin-bottom: 10px;
}
/*画像同士などが左右でくっ付く場合に利用する・中央*/
#contents .wcvmargin-rl-m {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}
/*画像同士などが左右でくっ付く場合に利用する・上付き*/
#contents .wcvmargin-rl-t {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: top;
}
/*中央寄せ画像テキスト用ボックス*/
#contents div.wcv-centerbox {
	text-align: center;
	margin: 0.5em;
	padding: 0;
}
/*中央寄せ画像テキスト用ボックス内・左側*/
#contents div.wcv-centerbox div.wcv-centerimg-l {
	width: 48%;
	float: left;
	/*margin-right: 5px;*/
	margin: 0 5px 0 0;
	padding: 0;
}
/*中央寄せ画像テキスト用ボックス内・右側*/
#contents div.wcv-centerbox div.wcv-centerimg-r {
	width: 48%;
	float: right;
	margin: 0;
	padding: 0;
}
/*中央寄せ画像の下に表示させるテキスト*/
#contents .wcvimg-center {
	text-align: center;
	font-size: 90%;
	margin-bottom: 15px;
}
/*画像と回り込みテキスト用ボックス*/
#contents div.wcv-floatbox-left,
#contents div.wcv-floatbox-right {
	margin: 0 5px 15px 15px;
}

#contents div.wcv-floatbox-left:after,
#contents div.wcv-floatbox-right:after {
	display: block;
	content: "";
}

/*左寄せ画像と回り込みテキストで使用*/
#contents .wcvimg-floatleft {
	float: left;
	margin-right: 7px;
}
/*右寄せ画像と回り込みテキストで使用*/
#contents .wcvimg-floatright {
	float: right;
	margin-left: 7px;
}
/*回り込み解除・フロートクリア*/
#contents .clearfix:after {
	height: 0;
	visibility: hidden;
	wrapper: ".";
	display: block;
	clear: both;
}
#contents .clearfix { display: inline-block; }
#contents .clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
#wrapper .clearfix { overflow: hidden; }
/* */
/* -------- 4.フォント -------- */
#contents .wcvfont-red {
	color: #c00;
}
#contents .wcvfont-blue {
	color: #00c;
}

#contents .wcvfont-b {
	font-weight: bold;
}
#contents .wcvfont-red-b {
	color: #c00;
	font-weight: bold;
}
#contents .wcvfont-blue-b {
	color: #00c;
	font-weight: bold;
}
/* -------- 5.リスト -------- */
#contents div.wcv-floatbox-left ul ol {
	margin: 10px 20px 25px 20px;
}
#contents div.wcv-floatbox-left ul li {
	margin: 0 10px;
	padding: 0 10px 3px 15px;
	list-style: outside url(../../img/list_bg.gif);
	background: none;
}
#contents div.wcv-floatbox-left ol li {
	list-style-position: inside;
	margin: 0 10px;
	padding: 0 10px 3px 15px;
}
/*リスト*/
#contents ul.plist {
	margin: 0; /* 10px 15px 20px 15px */
}
#contents ul.plist li {
	margin: 0; /* 0 10px */
	padding: 0; /* 0 0 2px 15px */
	list-style: url(../../img/slist_bg.gif); /* inside */
	background: none;
}
#contents ol.slist {
	margin: 10px 15px 20px 15px;
}
#contents ol.slist li {
	list-style-position: inside;
	margin: 0 10px;
	padding: 0 0px 2px 15px;
}

/*定義型リスト*/
#contents dl {
	margin: 10px 15px 20px 20px;
	line-height: 1.5;
}
#contents dl dt {
	font-weight: bold;
}
#contents dl dd {
	margin-bottom: 1em;
	margin-left: 20px;
}
/* -------- 6.目次用リスト -------- */
#contents ul.indexlist {
	font-size: 100%;
	font-weight: 700;
	margin: 10px 10px;
}
#contents ul.indexlist li ,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.indexlist li,
.wcv_sys_edit_blockeditarea_leftcolumn_blockarea ul.plist li {

	list-style-type: none;
	margin: 0 0 10px;
	padding: 0 10px 10px 23px;
	background: url(../../img/list_bg.gif) no-repeat;
	border-bottom: 1px dashed #D8D8D8;
}
#contents #newsicon {
	text-align: right;
	margin-top: 0px;
	padding-top: 0px;
}



/* -------- 7.FAQ -------- */

#contents ol.test {
	margin: 10px;
	padding: 10px;
}







/* -------------------------------------------------------------------------
 8.カレンダー
------------------------------------------------------------------------- */
#content_cal {
	width: 580px;
	float: right;
	margin: 0 8px 0 0;
	 line-height: 1.4;
}


*:first-child+html #content_cal {
	width: 580px;
	float: right;
	margin: 0 6px 0 0;
	 line-height: 1.4;
}


* html #content_cal {
	width: 580px;
	float: right;
	margin: 0 -10px 0 0;
	 line-height: 1.4;
}




/* -------------------------------------------------------------------------
 8-1.パンくずリスト
------------------------------------------------------------------------- */
#content_cal p.crumbs {
	margin: 0 5px 15px;
	text-align: right;
	line-height: 1.2;
}



/* -------------------------------------------------------------------------
 8-2.見出し
------------------------------------------------------------------------- */
#content_cal h1 {
	clear: both;
	color: #000;
	font-size: 170%;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 0 5px 2px;
	border-bottom: 10px solid #3E6B91;	/* h1要素下部のボーダー色 */
	line-height: 1.1;
}
#content_cal h2 {
	clear: both;
	color: #FFF;
	font-size: 120%;
	font-weight: bold;
	margin: 20px 5px 10px;
	padding: 7px 10px 5px 22px;
	background-color: #368AB9;	/* h2要素の背景色 */
	background-image: url(../images/base/wrapper_h2_bg.gif);	/* h2要素の背景画像 */
	background-repeat: no-repeat;
	border-bottom: 1px solid #666;	/* h2要素下部のボーダー色 */
	line-height: 1.2;
}




/* -------------------------------------------------------------------------
 8-3.テーブル
------------------------------------------------------------------------- */
#content_cal table {
	clear: both;
	margin: 0 10px 10px;
	border-collapse: collapse;

	border-spacing: 0;
	empty-cells: show;
	line-height: 1.1;
}
#content_cal caption {
	color: #000;
	font-size: 120%;
	text-align: center;
	padding: 5px 5px 3px;
	font-weight: bold;
}
#content_cal th {
	color: #000;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding: 7px;
	background-color: #F2F2F2;
	border: 1px solid #999;
}
#content_cal td {
	text-align: center;
}





/* -------------------------------------------------------------------------
 8-4.「▲このページの先頭へ」部分 (Back To Top)
------------------------------------------------------------------------- */
#content_cal p.btt {
	clear: both;
	text-align: right;
	margin: 0;
	padding: 20px 5px 0;
}


/* -------------------------------------------------------------------------
 8-5.横罫線
------------------------------------------------------------------------- */
#contents hr {
	width: 98%;
	margin: 20px 0px;
}


/* リンク */
a,a:active,a:visited{
	text-decoration:none;}
	
a:hover{
	text-decoration:underline;}

.center{
	text-align:center;}

/* 画像リンクロールオーバー */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

/* clearfix */
.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* 大枠 */
#header{
	background-image: url(../img/header_left.png);
	background-repeat: no-repeat;
	position: relative;
}
#header2{
	background-image: url(../img/header_right.png);
	background-repeat: no-repeat;
	background-position: right 0px;
	height: 162px;
	position: absolute;
	width: 100%;
}
#contents_inner_top {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#header_inner{
	width: 960px;
	margin: 0 auto 0;
	position: relative;
	padding-top: 25px;
	text-align: center;
	padding-bottom: 20px;
}

#contents_inner{
	width: 960px;
	margin: 0px auto 0px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
}
	
#footer{
	background-color: #4F6D2D;
}

#footer_inner{
	width: 960px;
	margin:0 auto 0;
	padding: 20px;
	position: relative;
	color: #FFFFFF;
	text-align: center;
}
#header_inner img {
	margin-bottom: 5px;
}
#footer_inner p{
	font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* 写真回り込み */

.float_right {
	float: right;
	padding-left: 15px;
	padding-bottom: 15px;
}

.float_left {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}

/* マージン */
.margin-top50{
	margin-top:50px;
}
	
.margin-top30{
	margin-top:30px;
}
	
.margin-bottom30{
	margin-bottom:30px;
}
	
.r_margin0 {
	margin-right: 0px;
}

.r_margin20 {
	margin-right: 20px;
}
.bg-slider {
	width: 100%;
	height: 350px;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/main_img.jpg);
	background-attachment: scroll;
	background-color: #4F6D2D;
	padding-top: 10px;
}
.pagetitle {
	width: 960px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	color: #FFFFFF;
	font-size: 200%;
	text-shadow: 1px 1px 5px #000000;
}
.bg-slider2 {
	width: 100%;
	height: 100px;
	background-position: center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
	background-image: url(../img/main_img.jpg);
	background-attachment: scroll;
	background-color: #4F6D2D;
	padding-top: 10px;
}
#main_img {
	background-color: #4F6D2D;
	padding-bottom: 5px; /* 15px */
}
#global_navigation {
	background-color: #4F6D2D;
	z-index: 100;
}

#global_navigation ul {
	width: auto;
	min-height: 65px;
	margin: 0px auto 0px;
	list-style: none;
	display: block;
	font-size: 90%;
}
#global_navigation ul li {
	float: left;
}
#global_navigation ul  a {
	color:#FFFFFF;
	display:block;
	width:100%;
	height:50px;
	padding:0px;
}
#global_navigation ul  a:hover{
	text-decoration: none;
	color: #FFEC41;
}
	
#banner {
	text-align: center;
	padding-top: 10px;
}
#banner img {
	padding: 15px;
}
 li .low2 {
	padding-top: 10px;
}
#global_navigation_inner {
	width: auto; /* 1350px */
	padding-top:5px;
	margin:0px auto 0px;
}
img {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.ww_h2 {
	color: black;
	padding-left: 0px;
}

.text_black {
	color: black;
}

.text_red {
	color: red;
}

.text_green {
	color: green;
}

.text_blue {
	color: blue;
}

#nav-skiplink {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

#smart-button {
	display: none;
}

#smart-menu {
	display: none;
}


/* 文字サイズ変更ボタン */
#sub_navi {
	float: right;
	width: 75%;
	text-align: right;
	margin-top: 20px;
	overflow: hidden;
}
.sub_navi_inner {
	margin-top: 2px;
	height: 35px;
	/* background-color: #FFFFFF; */
	border-radius: 4px;
	display: inline-table;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
	margin-right: 2px;
	margin-bottom: 5px;
	margin-left: 2px;
	vertical-align: middle;
	text-align: center;
	position: absolute;
	top: 60px;
	right: -35px;
}
.sub_navi_inner a {
	color: #000000;	
}

.big{
	/*width: 25px;*/
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin: 5px;
	padding: 0 5px;
	text-align: center;
	}
.big a{
	color:#000;
	display:block;
	width:100%;
	padding: 0;
	}
.big a:hover{
	color:#000;
	text-decoration:none;
	}
.middle{
	/*width: 25px;*/
	height: 25px;	
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin-left: 5px;
	padding: 0 5px;
	text-align: center;
	}
.middle a{
	color:#000;
	display:block;
	width:100%;
	padding: 0;
	}
.middle a:hover{
	color:#000;
	text-decoration:none;
	}
.small{
	width: 25px;
	height: 25px;
	background-color: #EDEDED;
	border: 1px solid #D1D1D1;
	display: inline-block;
	margin-left: 5px;
	padding: 0px;
	text-align: center;
	}
.small a{
	color:#000;
	display:block;
	width:100%;
	}
.small a:hover{
	color:#000;
	text-decoration:none;
	}
#address {
	width: 600px;
	margin: 0 auto;
}
#main_img img{
	max-width: 100%;
}


/* 横幅が767px以下の場合に適用 */
@media screen and (max-width: 767px) {
	html {
	margin: 0;
}
/* 	img {
		max-width: 100%;
		height: auto;
} */
	#header_inner,
	#global_navigation,
	#global_navigation_inner,
	#contents,
	#footer,
	#footer_inner {
		width: 100%;
}
	.bg-slider,
	.bg-slider2 {
		width: 100%;
		height: 100px;
}
	#header2 {
		display: none;
}
	#header_inner h1 img {
		width: 90%;
		height: auto;
		padding-top: 20px;
}
	#global_navigation ul {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
}		
	#global_navigation ul li {
		float: left;
		display: inline-block;
}
	#global_navigation_inner {
		display: none;
}
	#main_img {
		max-width: 100%;
		height: auto;
}
	#contents_inner,
	#banner,
	#footer_inner {
		max-width: 90%;
		padding-left: 5%;
		padding-right: 5%;
}

#smart-button {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
    width: 100px;
    height: 35px;
    z-index: 100;
    border: 0;
}

#smart-button button {
	width: 100%;
	height: 100%;
	line-height: 33px;
    border: 1px solid whitesmoke;
    background-color: #4F6D2D;
    color: #ffffff;
    border-radius: 0 0 5px 5px / 5px 5px 5px 5px;
}

#smart-menu {
	display: none;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.8);
	z-index: 90;
	padding-top: 40px;
}

#smart-menu .global_navigation_inner {
	border: 0;
	width: 100%;
	padding: 0;
	background-color: #4F6D2D;
	border-top: 2px solid white;
	border-bottom: 1px solid white;
}

#smart-menu .global_navigation_inner a {;
	color: #ffffff;
	display: block;
	padding: 17px;
}

#smart-menu .global_navigation_inner:first-of-type a {
}

#smart-menu .global_navigation_inner:last-of-type a {
}

#smart-menu .global_navigation_inner a.global1,
#smart-menu .global_navigation_inner a.global2,
#smart-menu .global_navigation_inner a.global3,
#smart-menu .global_navigation_inner a.global4,
#smart-menu .global_navigation_inner a.global5,
#smart-menu .global_navigation_inner a.global6,
#smart-menu .global_navigation_inner a.global7 {
}

#smart-display,
#pc-display {
	display: none;
	background-color: none;
	text-align: center;
}

#smart-display {
	width: 100%;
	padding: 1em;
}

#smart-display button {
	border: 0;
}

#pc-display {
	padding-top: 50px;
}
#pc-display button {
	width: 100%;
	font-size: 200%;
	padding: 1em;
	border: 1px solid white;
}
#sub_navi {
  	display: block;
}
.sub_navi_inner {
	position: static;
  	display: block;
}
#header_inner {
	overflow: hidden;
}
.sub_navi_inner {
	float: none;
	height: auto;
	display: inline-block;
}
.sub_navi_inner.google {
	/*margin-top: 5px;*/
}
#address {
	width: 100%;
}
#contents_inner img {
	width: 100%;
	height: auto;
}
}