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

/* reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
font-weight:400;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
color:#555;
font-size:18px; 
line-height:1.5;}
a{text-decoration:none;}
a:active, a:focus{outline:0;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
:focus { outline: 0; }
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
table { border-collapse: collapse; border-spacing: 0; }


/* common */
.baseW{width:940px; margin:0 auto; overflow:hidden;}
.baseW:before,.baseW:after{display:table;content:"";line-height:0;}
.baseW:after{clear:both;}
@media screen and (max-width:940px){.baseW{width:100%;}}

body {text-shadow: 0px 1px 0px #FFFFFF;-webkit-text-size-adjust: 100%;}
img {max-width: 100%;height: auto;vertical-align:bottom;}
span,em{font-size:inherit; color:inherit; text-shadow:inherit; font-style:inherit; font-weight:inherit; line-height:inherit;}
strong{font-weight:900;font-size:inherit; color:inherit; text-shadow:inherit; font-style:inherit;}
.center{text-align:center;}
@media screen and (max-width:940px) {.br_pc_only{display:none;}}
@media screen and (min-width:940px) {.br_no_pc{display:none;}}
@media screen and (min-width:780px) {.br_tab{display:none;}}
@media screen and (min-width:640px) {.br_sp{display:none;}}




/* header */
#head{border-top: 5px solid; padding:15px 0 0;}
#logo{margin-bottom:10px;}
#logo a{font-size:20px; font-weight:900;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; line-height:1;}
#logo h1{font-size:11px;}

@media screen and (max-width:940px){
#logo{text-align:center; padding:5px 5px 20px;}
}

/* nav */
#menu {float:right; text-align:center;}
#menu li{display: block;float: left;}
#menu li a {font-size:13px;display:block;padding:35px 10px;line-height:1.2;border-top:5px solid;}
#toggle {display: none;}
 
@media screen and (max-width:768px){
#menu{float:none;}
#menu li {width:33.3333333%;}
}

@media only screen and (max-width:640px) {
#menu {display: none;}
#menu li {width: 100%; float:none; text-align:left;}
#menu li a{font-size:12px; color:#fff; text-shadow:none; padding:15px 10px;}
#menu li a:hover{background:#789632; color:#fff;}
#toggle {display: block;position: relative;width: 100%;
background: #b0c257;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4OTYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGMyNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #789632 0%, #b0c257 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#789632), color-stop(100%,#b0c257));
background: -webkit-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: -o-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: -ms-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: linear-gradient(to bottom,  #789632 0%,#b0c257 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789632', endColorstr='#b0c257',GradientType=0 );
}
#toggle a{display: block;position: relative;padding:0 0 0 10px;line-height:40px;color:#fff;text-align:left;text-decoration: none;font-size:12px;text-shadow:none;font-weight:900;}
#toggle a:before{content: "→ ";}
#toggle a.select:before {content: "↓ ";}
}


/* mainImg */
#mainImg{border-bottom: 3px solid;border-top: 3px solid;}
#mainImg_inner{position:relative;width:100%; height:auto; overflow:hidden;}
#mainImg_txt_area{position:absolute; top:50%; margin-top:-20px; width:100%; height:auto;}
#mainImg_inner h2{font-size:20px; margin-bottom:5px;line-height:1.4;}
#mainImg_inner h3{font-size:14px;line-height:1.4;}


@media screen and (max-width:940px){
#mainImg_txt_area{top:auto;bottom:0; margin-top:0; padding:0 10px 10px 10px;}
}


/* content */
#content{padding:50px 0 100px;}
h3.content_h{border-bottom: 2px solid;font-size: 16px;margin-bottom: 10px;padding: 3px 0;}
p.content_p_img img{float:left; margin-right:1em;border: 1px solid #789632;padding: 3px;}
.content_p_area p{margin-bottom:1em; font-size:14px;}

p.border_top{margin-top:20px; margin-bottom:0;}
p.border_bottom{margin-bottom:20px;}
h4.border_h{padding:1em 2em;font-size:14px;}


@media screen and (max-width:940px){
#content{padding:50px 15px 70px;}
}

@media screen and (max-width:640px){
p.content_p_img img{float:none;margin-right:0;}
p.content_p_img{text-align:center;}
}


/* banner_sp */
#banner_sp{text-align:center; position:fixed;top:auto; bottom:10px; left:0; right:0; width:96%; margin:auto;}
@media screen and (min-width:941px){
#banner_sp{display:none;}
}


/* footer */
#footer{padding:20px 0 40px;}
p#copy{font-size:11px; color:#fff; text-shadow:none;}

@media screen and (max-width:940px){
#footer{padding:20px 0 160px;}
p#copy{ padding:0 10px; text-align:center;}
}




/* color change */

/* メニュー・キャッチコピー文字色 */
a{color:#FF3333;}

/* メニュー・キャッチコピーカーソルを合わせた際の文字色 */
a:hover{color:#789632;}

/* ヘッダー1番上の線色 */
#head{border-color:#FF3333;}

/* H1タグの文字色 */
#logo h1{color:#444;}

/* メニューの線色 */
#menu li a{ border-color:#FF3333;}

/* メニューカーソルを合わせた際の背景色 */
/* backgroundが背景色・border-colorが線色・colorが文字色 */
#menu li a:hover{background:#f5f5f5;border-color:#789632;color:#789632;}

/* メイン画像の線色 */
#mainImg{border-color:#FF3333;}

/* h2タグの文字色 */
#mainImg h2{color:#333;}

/* h3タグの文字色 */
#mainImg h3{color:#666;}

/* 2つ目h3タグの線色 */
h3.content_h{border-color:#FF3333;}

/* 画像の背景色 */
p.content_p_img img{background: #FF3333;}

/* フッターの背景色 */
#footer{background:#b0c257;}


/* スマホ用メニュー */
@media only screen and (max-width:640px) {

/* dashedはメニューの間の線色・backgroundはメニューの背景色・colorは文字色変更 */
#menu li a{border-top: 1px dashed #fff; background:#b0c257; color:#fff;}


/* backgroundはカーソルを合わせた際の背景色・colorは文字色 */
#menu li a:hover{background:#789632; color:#fff;}



#toggle {
/* スマホ・タブレットのメニュー色 */
background: #FF3333;
/* メニューのグラデーション */
/* グラデーションにしない場合、ここから下を削除 */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4OTYzMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMGMyNTciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #789632 0%, #b0c257 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#789632), color-stop(100%,#b0c257));
background: -webkit-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: -o-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: -ms-linear-gradient(top,  #789632 0%,#b0c257 100%);
background: linear-gradient(to bottom,  #789632 0%,#b0c257 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#789632', endColorstr='#FF3333',GradientType=0 );
/* グラデーションにしない場合、ここまでを削除 */
}

/* 全体の文字色 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {color:#000000;}

/* 全体の背景色 */
body{background:#ffffff;}


}