@charset "utf-8";
/* CSS Document */

html { height:100%; }
body { height:100%; margin:0; background:url(../common_img/allbg.png) repeat-x; background-color:#FFFFFF; font-size:12px; color:#333333; }

body, textarea { font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

/* 高さ自動調整 */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/*Hides from IE-mac ?*/
*html.clearfix {height:1%;}
.clearfix {display:block;}
/*End hide from IE-mac*/


/* 回り込み解除 */
.cl_l { clear: left; }
.cl_r { clear: right; }
.cl_both { clear:both; }


/* hタグなどの指定 */
h1 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h2 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; margin:0px }
h3 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h4 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }
h5 { font-style:normal; font-size:10pt; font-weight:normal; margin:0px; }


/* ul,li,pタグの指定 */
ul,li {
	list-style:none;
}

p { margin:0; }


/* フォントの指定 */
.bold { font-weight:bold; }
.textgreen { color:#99cc66; }
.textgreen_b { color:#99cc66; font-weight:bold; }
.textorange { color:#F8B934; }
.textorange_b { color:#F8B934; font-weight:bold; }
.textred { color:#FF0000; }
.textred_b { color:#FF0000; font-weight:bold; }
.textpink { color:#FF00BA; }
.textpink_b { color:#FF00BA; font-weight:bold; }
.textpurple { color:#CC0199; }
.textpurple_b { color:#CC0199; font-weight:bold; }

.size6 { font-size:8px; }
.size8 { font-size:10px; }
.size10 { font-size:12px; }
.size12 { font-size:14px; }
.size14 { font-size:16px; }


/* 罫線など */
.dashed_line { border-bottom: 1px dotted #343434; margin:10px 0px 10px 0px; }
.solid_line_orenge { border-bottom: 1px solid #EA5532; margin:10px 0px 15px 0px; }
.solid_line_blue { border-bottom: 1px solid #32BCF8; margin:10px 0px 15px 0px; }
.solid_line_green { border-bottom: 1px solid #45B035; margin:10px 0px 15px 0px; }
.solid_line_gray01 { border-bottom: 1px solid #B2B2B2; margin:14px 0px 14px 0px; }
.solid_line_purple { border-bottom: 1px solid #BE0089; margin:10px 0px 0px 0px; }
.solid_line_purple01 { border-bottom: 1px solid #BE0089; margin:14px 0px 14px 0px; }


/* 画像のリンク */
a img { border-style:none; }


/* hrの設定 */
hr.style-one {    border: 0;    height: 1px;    background: #999;    background-image: -webkit-linear-gradient(left, #ccc, #999, #ccc);    background-image:    -moz-linear-gradient(left, #ccc, #999, #ccc);    background-image:     -ms-linear-gradient(left, #ccc, #999, #ccc);    background-image:      -o-linear-gradient(left, #ccc, #999, #ccc);}


/* ページ全体のテキストリンク */
a:link { color:#333333; text-decoration:underline; }
a:visited { color:#333333; text-decoration:underline; }
a:active { color:#FF8804; text-decoration:underline; }
a:hover { color:#FF8804; text-decoration:underline; }



/* トップページ */
#h1box01 { width:100%; height:4px; color:#FFFFFF; background-image:url(../common_img/h1bg.png); background-repeat:repeat-x; }


/* ヘッドメニュー */
header { width:100%; display:none; }

#headbox {
	position: absolute;
}

#mobile-header {
	display: block;
    }

#headlogo { width:auto; float:left; padding:0px 10px 0 10px; }
#menuiconright { width:auto; float:right; padding:0 10px 3px 0;  }
#menuiconright img { width:auto; max-height:25px !important; }

#headlogo img { display:block; width:auto; max-height:25px !important; padding:0 0 5px 0; }
#headlogo img:last-child { display:block; max-height:25px !important; width:auto; padding:0; }


#mobile-header {
    display: block;
    position: fixed;
    width: 100%;
	height:50px;
    top: 0;
    z-index: 2000;
	padding:5px 0 10px 0;
	background:#797979;
	margin:0;
  }

@media screen and (min-width: 0px) and (max-width: 767px)  {
header { width:100%; display:block; }

#mobile-header {
    display: block;
	height:50px;
    position: fixed;
    width: 100%;
	height:auto !important;
    top: 0;
    z-index: 2000;
	padding:10px 0 6px 0;
	background:#797979;
	margin:0
  }
}

#mobile-header a { display:block; color:#FFFFFF; }
/* //ヘッドメニュー */


/* ヘッドイメージ */
/* スライドイメージ */
#headimgbox01 { width:100%; position:absolute; z-index:10; }
#headimgbox02 { width:994px; margin:0 auto; padding:0 0 17px; background-image:url(../common_img/headimgbg01.png); background-repeat:no-repeat; position:relative; z-index:20; }
#headimgbox03 { width:100%; position:relative; z-index:30; }

#headlogobox01 { width:900px; margin:0 auto; text-align:left; padding:25px 0 400px 0; }
#headlogobox01 img { width:256px; height:auto; }
#headimgbox04 { text-align:center; padding-bottom:40px; }
/* スライドイメージ */
#slider { width:960px; height:501px; margin:0 auto; /* 編集用 overflow:hidden; */ }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 960px;
	height: auto;
	margin:0 0 0 17px;
}
/* //スライドイメージ */
@media screen and (min-width: 0px) and (max-width: 768px)  {
#headimgbox01 { width:100%; position:relative; z-index:10; padding:40px 0 0 0; }
#headimgbox02 { width:100%; margin:0 auto; height:auto; background-image:none; position:relative; z-index:20; }
#headimgbox03 { display:none; width:100%; position:relative; z-index:30; }

#headlogobox01 { width:60%; margin:0 auto; text-align:left; padding:15px 0 0 0; }
#headlogobox01 img { width:100%; height:auto; }
#headimgbox04 { display:none; text-align:center; padding-bottom:40px; }
/* スライドイメージ */
#slider { width:100% !important; height:auto !important; margin:0; }
#slider .slider { margin:0; padding:0; }
#slider ul li { margin:0 !important; padding:0 !important; }

#slider li img {
	width: 100% !important;
	height: auto !important;
	margin:0;
}
}
/* //スライドイメージ */
/* //ヘッドイメージ */


/* ナビゲーション */
#navibox01 { width:100%; height:49px; background-image:url(../common_img/navi/navibg01.png); background-repeat:repeat-x; }

#navi { width:946px; margin:0 auto; }
#navi img { width:auto; height:46px; }
#navi a { display:block; }
.navi01 { width:175px; float:left; height:49px; background:url(../common_img/navi/navibg02.png) no-repeat; overflow:hidden; text-align:center; padding-top:1px; }
.navi02 { width:149px; float:left; height:49px; background:url(../common_img/navi/navibg03.png) no-repeat; overflow:hidden; text-align:center; padding-top:1px; }
.navi03 { width:175px; float:left; height:49px; background:url(../common_img/navi/navibg04.png) no-repeat; overflow:hidden; text-align:center; padding-top:1px; }

.navi02 img { padding-right:5px; }
.navi03 img { padding-right:13px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#navibox01 { display:none; }
}
/* //ナビゲーション */


/* メインボックス */
#wrap { width:100%; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
#wrap { width:100%; }
}


/* メインコンテンツ */
#maincontentsbox01 { width:913px; margin:0 auto; padding:40px 0 30px 0; }

#leftcontentsbox01 { width:606px; float:left; }
#rightcontentsbox01 {
	width:240px;
	float:right;
	line-height:180%;
	border:1px solid #8ca515;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	}
@media screen and (min-width: 0px) and (max-width: 768px)  {
#maincontentsbox01 { width:98%; margin:0 auto; padding:10px 0; }

#leftcontentsbox01 { width:100%; float:none; padding:0 0 10px; }
#rightcontentsbox01 {
	width:98%;
	float:none;
	margin:0 auto;
	line-height:160%;
	border:1px solid #8ca515;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	}
}


/* ライトインフォ */
.rightinfobox01 { border:6px solid #b3ce31; text-align:center; padding:15px 0; }
.rightinfobox02 { padding:0 0 30px 0; }

.rightinfobox02 ul { display:block; margin:0 10px 5px; padding:0 0 5px; border-bottom:1px dashed #cccccc; }
.rightinfobox02 ul li { width:98%; margin:0 auto; }
.rightinfobox02 ul li:nth-child(1) { font-weight:bold; }
.rightinfobox02 ul li ul.daylist { width:100%; display:table !important; border:none; margin:0; padding:0; font-weight:normal; }
.rightinfobox02 ul li ul.daylist li { width:auto; display:table-cell !important; }
.rightinfobox02 ul li ul.daylist ul.daydetail { width:100%; display:table !important; border:none; margin:0; padding:0; font-weight:normal; }
.rightinfobox02 ul li ul.daylist ul.daydetail li:nth-child(1) { width:auto; display:table-cell !important; vertical-align:middle; }
.rightinfobox02 ul li ul.daylist ul.daydetail li:nth-child(2) { width:auto; display:table-cell !important; vertical-align:middle; text-align:right; }

.rightinfobox02 ul li ul.timelist { width:auto; display:table !important; border:none; margin:0 auto; padding:0; font-weight:normal; text-align:center; }
.rightinfobox02 ul li ul.timelist li { width:auto; display:table-cell !important; padding:0 5px; }

.rightinfobox02 ul.contact { display:block; margin:0; padding:0; border:none; }
.rightinfobox02 ul.contact li { display:block; text-align:center; font-weight:bold; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfobox01 { border:6px solid #b3ce31; text-align:center; padding:10px 0; }
.rightinfobox02 { padding:0 0 15px 0; }

.rightinfobox02 ul { display:block; margin:0 10px 5px; padding:0 0 5px; border-bottom:1px dashed #cccccc; }
.rightinfobox02 ul li { width:98%; margin:0 auto; }
.rightinfobox02 ul li:nth-child(1) { font-weight:bold; }
.rightinfobox02 ul li ul.daylist { width:100%; display:table !important; border:none; margin:0; padding:0; font-weight:normal; text-align:left; }
.rightinfobox02 ul li ul.daylist li { width:auto; display:table-cell !important; }
.rightinfobox02 ul li ul.daylist ul.daydetail { width:100%; display:table !important; border:none; margin:0; padding:0; font-weight:normal; }
.rightinfobox02 ul li ul.daylist ul.daydetail li:nth-child(1) { width:auto; display:table-cell !important; vertical-align:middle; }
.rightinfobox02 ul li ul.daylist ul.daydetail li:nth-child(2) { width:auto; display:table-cell !important; vertical-align:middle; text-align:right; }

.rightinfobox02 ul li ul.timelist { width:auto; display:table !important; border:none; margin:0 auto; padding:0; font-weight:normal; text-align:center; }
.rightinfobox02 ul li ul.timelist li { width:auto; display:table-cell !important; padding:0 5px; }

.rightinfobox02 ul.contact { display:block; margin:0; padding:0; border:none; }
.rightinfobox02 ul.contact li { display:block; text-align:center; font-weight:bold; }
.rightinfobox02 ul.contact li img { width:60%; height:auto; }
}


.rightinfotitlebox01 { padding-bottom:15px; text-align:center; font-size:17px; font-weight:bold; color:#9fba1d; letter-spacing:0.1em; line-height:120%; }
.rightinfotitlebox02 { padding-bottom:5px; text-align:center; font-size:16px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfotitlebox01 { padding-bottom:10px; text-align:center; font-size:16px; font-weight:bold; color:#9fba1d; letter-spacing:0.1em; line-height:120%; }
.rightinfotitlebox02 { padding-bottom:5px; text-align:center; font-size:14px; }
}

.rightinfomapbox { width:94%; margin:0 auto; padding:10px 0 0 0; }
.rightinfomapbox iframe { width:100%; height:150px; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightinfomapbox { width:94%; margin:0 auto; padding:10px 0 0 0; }
.rightinfomapbox iframe { width:100%; height:250px; }
}

/* ライトバナー */
.rightbanner01 { width:217px; margin:0 auto; }
.rightbanner01 img { width:100%; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.rightbanner01 { width:60%; margin:0 auto; }
.rightbanner01 img { width:100%; height:auto; }
}

/* コンテンツボックス */
.contentsbox01 { padding-bottom:35px; }
.contentsbox01:last-child { padding-bottom:0; }
.contentsbox02 { padding:20px 0; }

.titlebox01 {
	background:#b3ce31;
	border:1px solid #8ca515;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	padding:15px 20px;
	margin:0 0 10px;
	}
.titlebox01 p { font-size:20px; color:#FFFFFF; text-shadow: 2px 1px 2px rgba(0,0,0,0.4); }
.titlebox01 img { width:100%; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.contentsbox01 { padding-bottom:15px; }
.contentsbox01:last-child { padding-bottom:0; }
.contentsbox02 { padding:10px 0; }

.titlebox01 {
	background:#b3ce31;
	border:1px solid #8ca515;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	-ms-border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.35);
	padding:5px 10px;
	margin:0 0 10px;
	}
.titlebox01 p { font-size:14px; color:#FFFFFF; text-shadow: 2px 1px 2px rgba(0,0,0,0.4); }
.titlebox01 img { width:100%; height:auto; }
}



/* ページトップ */
.pagetopbox01 { width:744px; margin:0 auto; padding:30px 0 0 0; }
.pagetopbox02 { width:77px; float:right; }
.pagetopbox02 img { width:100%; height:auto; }
@media screen and (min-width: 0px) and (max-width: 768px)  {
.pagetopbox01 { width:94%; margin:0 auto; padding:10px 0 0 0; }
.pagetopbox02 { width:15%; float:right; }
.pagetopbox02 img { width:100%; height:auto; }
}