@charset "UTF-8";
*{ letter-spacing: 0; }
html{ overflow-y: scroll; }
/* 要素のフォントサイズやマージン・パディングをリセットしています */
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;font-size:100%;vertical-align:baseline;background:transparent;}
/* 新規追加要素のデフォルトはすべてインライン要素になっているので、section要素などをブロック要素へ変更しています */
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;}
/* マーカー（行頭記号）を表示しないようにしています */
ol, ul {list-style:none;}
/* 引用符の表示が出ないようにしています */
blockquote, q {quotes:none;}
/* blockquote要素、q要素の前後にコンテンツを追加しないように指定しています */
blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;}
/* a要素のフォントサイズなどをリセットしフォントの縦方向の揃え位置を親要素のベースラインに揃えるようにしています */
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
/* ins要素のデフォルトをセットし、色を変える場合はここで変更できるようにしています */
ins {background-color:#ff9;color:#000;text-decoration:none;}
/* mark要素のデフォルトをセットし、色やフォントスタイルを変える場合はここで変更できるようにしています
また、mark要素とは、文書内の検索結果で該当するフレーズをハイライトして、目立たせる際に使用するようです。 */
mark {background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
/* テキストに打ち消し線が付くようにしています */
del {text-decoration:line-through;}
/* IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています */
abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}
/* 隣接するセルのボーダーを重ねて表示し、間隔を0に指定しています */
table {border-collapse:collapse;border-spacing:0;}
/* 水平罫線のデフォルトである立体的な罫線を見えなくしています */
hr {border:none;border-top:dotted 1px #ededed;height:1px;color:#FFFFFF;margin:10px 0;}
/* 縦方向の揃え位置を中央揃えに指定しています */
input, select {vertical-align:middle;}
/* 画像を並べた時に隙間が出来ないように指定しています */
img {
vertical-align:top;
font-size:0;
line-height:0;
border:0;
-ms-interpolation-mode:bicubic;
max-width:100%;
height:auto;
width:auto\9; /* ie8 */
}

textarea{font-size:100%;}
table{
width: 100%;
border-collapse:collapse;
border-spacing:0;
table-layout: fixed;
word-break: break-all;
word-wrap: break-word;
}
/*--------------------------------------------------------
IEハック
-------------------------------------------------------*/
* html button,* html input,* html select,* html textarea{ vertical-align: middle; } /* IE6 */
*+html button,*+html input,*+html select,*+html textarea{ vertical-align: middle; } /* IE7 */
* html button,* html input{ overflow: visible; } /* IE6 */
*+html button,*+html input{ overflow: visible; } /* IE7 */
* html hr{ margin: 0 0 1.2em; } /* IE6 */
*+html hr{ margin: 0 0 1.2em; } /* IE7 */
* html table{ border-collapse: collapse; } /* IE6 */
*+html table{ border-collapse: collapse; } /* IE7 */
/*--------------------------------------------------------
//IE用のハックは下記の様に要素の最後に\0を付ける
------------------------------------------------------*/
#body {background: none\0;/*ie用ハック*/}
/*--------------------------------------------------------
advance
--------------------------------------------------------*/
/* clear */
.clear,clearfix{zoom:1;}
.clear:before, .clear:after, .clearfix:before, .clearfix:after{display:table;content:"";}
.clear:after,.clearfix:after{clear:both;}
/* font-size */
html{font-size:62.5%;}/* 1em=10px */
body{font-size:62.5%;font-style: normal;line-height: 1.5;}
h1,h2,h3,h4,h5,h6,p,a{margin:0;padding:0;border:0;line-height:1.5;font-weight:normal;}
.fc1 {color: #f09000;}
.fc2 {color: #603813;}
.fc3 {color: #5DBEAF;}
.fc4 {color: #E188D7;}
/*--------------------------------------------------------
サイト全体の共通設定
-------------------------------------------------------*/
/*画像リンク透過*/
a:hover img {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}
/*--------------------------------------------------------
font
--------------------------------------------------------*/
/* type */
body{font-family:"ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; }
/* font-color */
body{color:#FFFFFF; }
/* link-color */
a:link  { color:#f09000;text-decoration: none; }
a:visited  { color:#f09000; text-decoration: none; }
a:hover  { color:#f09000; text-decoration: underline; }
a:active  { color:#f09000; text-decoration: none; }
a.stay { color:#f09000; text-decoration:none; }
/* font-size */
body {font-size: 1.0rem; }
h1 { font-size:1.6rem; }
h2 { font-size:2.2rem; }
h3 { font-size:1.4rem; }
h4 { font-size:1.4rem; }
h5, h6, p { font-size:1.6rem;line-height:150%; }
input, select { vertical-align:middle; }
th, td, li, select, input, label, dt, dd, time, li { font-size:1.2rem;text-decoration:none;line-height:160%;}
/* 改行 */
body, h1, h2, h3, h4, h5, p, th, td, li, select, input, label, dt, dd ,time ,li { word-break: break-all; }
/* ----------------------------------------------------------------------------------------------------------------
contents
---------------------------------------------------------------------------------------------------------------- */
* html body { background-image: none; }
body { 
background-color: #000000;  
background-image: url("../img/bg.png");  
background-repeat: no-repeat; 
background-position: top center;
}
html,body,
header { 
width: 100%;
height: auto;
}
#header-in,
#footer-in,
.section-in {
width: 1100px;
margin: auto;
}
/*--------------------------------------------------------
hd
--------------------------------------------------------*/
header  {
margin-top: 160px;
text-align: center;
margin-bottom: 90px;
}
header h1 {
margin-bottom: 110px;
}
/*--------------------------------------------------------
ft
--------------------------------------------------------*/
footer {
border-top: solid 1px #262626;
padding: 20px 0 20px;
}
footer ul {
float: left;
}
footer ul li {
display: inline-block;
margin-right: 15px;
}
footer p {
float: right;
margin-top: 7px;
font-size: 0;
}
/*--------------------------------------------------------
main
--------------------------------------------------------*/
main {
text-align: center;
}
/* info */
main section.info {
margin-bottom: 30px;
}
main section.info p.read {
font-size: 2.0rem;
padding: 0 30px 100px;
}
main section.info p.date {
font-size: 2.8rem;
padding-bottom: 100px;
}
main section.info p.venue {
padding-bottom: 90px;
}


main section .btn_l a {
width: 290px;
height: 67px;
display: block;
margin: 0 auto 20px;
background-image: url("../img/btn01.png");  
background-repeat: no-repeat; 
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
main section .btn_l a:hover {
display: block;
background-image: url("../img/btn01_r.png");  
background-repeat: no-repeat; 
background-position: top center;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
@media only screen and(-webkit-min-device-pixel-ratio: 1.5) {
main section .btn_l a {
width: 290px;
height: 67px;
display: block;
margin: 0 auto 20px;
background-image: url("../img/btn01@2x.png");  
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
main section .btn_l a:hover {
display: block;
background-image: url("../img/btn01_r@2x.png");  
background-repeat: no-repeat; 
background-position: top center;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
}


main section.info p.banner {
padding-bottom: 100px;
}
main section.info p {
padding-bottom: 50px;
}
/* event */
main section.event {
margin-bottom: 100px;
}
main section.event p.read {
font-size: 2.0rem;
padding: 0 30px 20px;
text-align: left;
}
main section.event li {
display: block;
float: left;
width: 220px;
background-color: rgba(255,255,255,0.9);
color: #000000;
}
main section.event li:nth-child(2n) {
background-color: rgba(255,255,255,1);
}
main section.event li:nth-child(6) {
display: none;
}
main section.event li .caption {
padding:15px 10px;
}
main section.event li .caption h3 {
font-size: 1.8rem;
margin-bottom: 10px;
}
main section.event li .caption p {
font-size: 1.4rem;
text-align: left;
}
/* banner */
main section.banner .banner_sp {
display: none;
}
main section.banner .banner_pc {
display: block;
}

main section.banner .banner_pc {
width: 1100px;
height: 1095px;
display: block;
background-image: url("../img/banner_thefarm.png");  
background-repeat: no-repeat; 
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
main section.banner .banner_pc a:hover {
display: block;
background-image: url("../img/banner_thefarm_r.png");  
background-repeat: no-repeat; 
background-position: top center;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}

@media only screen and(-webkit-min-device-pixel-ratio: 1.5) {
main section.banner .banner_pc  {
width: 1100px;
height: 1095px;
display: block;
background-image: url("../img/banner_thefarm@2x.png");  
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
main section.banner .banner_pc a:hover {
display: block;
background-image: url("../img/banner_thefarm_r@2x.png");  
background-repeat: no-repeat; 
background-position: top center;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
}





/* banner_snsnap */
main section.banner .banner_snsnap_sp {
display: none;
}
main section.banner .banner_snsnap_pc {
display: block;
}
main section.banner .banner_snsnap_pc {
width: 1100px;
height: 401px;
display: block;
background-image: url("../img/banner_snsnap.png");  
background-repeat: no-repeat; 
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
@media only screen and(-webkit-min-device-pixel-ratio: 1.5) {
main section.banner .banner_snsnap_pc {
width: 1100px;
height: 401px;
display: block;
background-image: url("../img/banner_snsnap@2x.png");  
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
}






main section.banner p {
margin-bottom: 60px;
}
main section.banner p.banner_pc {
margin-bottom: 100px;
}
main section.banner {
margin-bottom: 60px;
}
main section.banner .bannerbox a {
margin: 0 15px;
}
/*--------------------------------------------------------
snsnap
--------------------------------------------------------*/
.snsnap h1 {
width: 1100px;
height: 62px;
display: block;
background-image: url("../img/title_snsnap.png");  
background-repeat: no-repeat; 
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
@media only screen and(-webkit-min-device-pixel-ratio: 1.5) {
main section.banner .banner_snsnap_pc {
width: 1100px;
height: 62px;
display: block;
background-image: url("../img/title_snsnap@2x.png");  
background-repeat: no-repeat;
background-size: 100%;
background-position: top center;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
}
.snsnap ul {
margin-bottom: 20px;
}
.snsnap li {
display: block;
float: left;
width: 275px;
}
.snsnap p {
font-size: 1.4rem;
}


/*--------------------------------------------------------
add
--------------------------------------------------------*/
main section.banner p.banner_pc {
margin-bottom: 60px;
}