@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* Font
-------------------------------------------------------------------------------*/

body{font:14px "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.9em;letter-spacing:.06em}

/* basic
-------------------------------------------------------------------------------*/

a{text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:link{color:#008200}
a:visited{color:#008200}
a:hover{text-decoration:none;color:#FF2300}
a:active{color:#FF2300}
a:focus{outline:0}
a img{vertical-align:top}

.sprite{position:relative;display:block;overflow:hidden}
.sprite:hover{/zoom:1}
.sprite img{position:absolute}
.normal{font-weight:normal!important}
.bold{font-weight:bold}
.fltL{float:left!important}
.fltR{float:right!important}
.clrml{margin-left:0!important}
.clrmr{margin-right:0!important}
.clrmb{margin-bottom:0!important}
.clrmt{margin-top:0!important}
.clrbt{clear:both!important}
.clrL{clear:left!important}
.clrR{clear:right!important}
.clrbd{border:none!important}
.block{display:block}
.whitespace{white-space:pre;white-space:pre-wrap;white-space:pre-line;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:-moz-pre-wrap;white-space:-hp-pre-wrap;word-wrap:break-word}
.clrfx:before,.clrfx:after{content:"";display:table}
.clrfx:after{clear:both}
.clrfx{zoom:1}

/* common layout
-------------------------------------------------------------------------------*/
/* text align */
.alignL { text-align:left;}
.alignC { text-align:center;}
.alignR { text-align:right;}

/* font color */
.red { color: #B90A28;}
.green { color: #096310;}

/* text indent */
.indent1 { margin-left: 1em; text-indent: -1em;}
.indent3 { margin-left: 3em; text-indent: -3em;}

/* margin */
.mgnB40 { margin-bottom:40px!important;}
.mgnB60 { margin-bottom:60px!important;}

/* padding */
.pdgT0 { padding-top:0 !important;}
.pdgT10 { padding-top:10px;}

/*position*/
.relative { position:relative;}
.bottom { position:absolute; bottom:0;}


/* layout
-------------------------------------------------------------------------------*/
body { width:100%; background:#000 url(../images_140828/bg_body.jpg) no-repeat fixed 50% 0; line-height:2em; color:#000;}
#wrapper { width: 900px; margin: 0 auto; word-break: break-all;}

.section { border-bottom:1px solid #000;}

/* header */
#header { position:relative; width:900px; height:1000px; background:url(../images_160929/bg_header.jpg) no-repeat 0 0;}
h1 { display:none; }

#header .btn_box { position:absolute;bottom:60px; left:0;}
#header .btn_box img.pc {
  display: block;
}
#header .btn_box img.sp {
  display: none;
}

/* contents */
#contents { background:url(../images_140828/bg_contents.png) repeat 0 0; padding:40px 50px;}
#articles { width:800px; margin:auto;}
h2 { width:800px; margin:0 auto 25px; padding-bottom:40px; text-align:center;}
h2 img.sp { display: none }
h2 img.pc { display: inline-block }

h4 { width:540px; padding-bottom:35px; text-align:center;}
h4 img.sp { display: none }
h4 img.pc { display: inline-block }

#articles p { margin:0 auto 50px; text-align:left; line-height:2em;}
#articles p.text { width:450px;}
#articles p.dialog { display:table; width:;}
#articles p.dialog .name { display:table-cell; width:; margin-right:15px;}
#articles p.dialog .talk { display:table-cell; width:;}

#articles p.crue { width: 450px; color: #0C7A00;}
#articles p.center { width: 450px;  text-align:center;}

#articles p.img_box { }
#articles p.img_box .caption { display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}
#articles p.img_box .caption_blk { display:block;  padding-top:8px; font-size:11px; font-weight:bolder; color:#000000; line-height:1.8em;}
#articles p.img_box .caption_gray { padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box600 { width:600px; margin-left:100px; margin-bottom:50px;}
#articles p.img_box600 .caption { display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box640 { width:640px; margin-left:60px; margin-bottom:50px;}
#articles p.img_box640 .caption { display:block; margin-top:-20px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box540 { width:540px; margin-left:130px; margin-bottom:50px;}
#articles p.img_box540 .caption { display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box500 { width:500px; margin-bottom:50px; text-align: center;}
#articles p.img_box500 .caption { text-align: left;  display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box400 { width:400px; margin-bottom:50px; text-align: center;}
#articles p.img_box400 .caption { text-align: left;  display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.img_box_dialogue { width:500px; margin-bottom:50px;}
#articles p.img_box_dialogue .caption { display:block; padding-top:8px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

#articles p.date { text-align:center;color:#4D4D4D;font-size:12px;}

#articles p.midashi { width: 450px; color: #1400A6; font-size: 18px;}


/* column
-------------------------------------------------------------------------------*/
#column { width:540px; margin:0 auto 55px; padding:25px 25px 0px; background-color:#FFF}
#column h3 { margin-bottom:30px;}
#column p { font-size:13px; line-height:1.9em;}
#column .title { width:380px; text-align:center; margin-left:80px; margin-top:20px; margin-bottom:0px;} 
#column .text { width:500px; height:auto; margin-bottom:0px; margin: 0 auto;}
#column .link { width:380px; height:auto;  margin-bottom:0px;} 
#column .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

/* column_full
-------------------------------------------------------------------------------*/
#column_full { width:640px; margin:0 auto 55px; padding:20px 20px 0px; background-color:#FFF}
#column_full h4 { width:640px; text-align: center;}
#column_full p { font-size:13px; line-height:1.9em;}
#column_full .title { width:534px; text-align:center; margin-top:20px; margin-bottom:0px;} 
#column_full .text { width:390px; height:auto; margin-bottom:0px; margin: 0 auto;}
#column_full .link { width:390px; height:auto;  margin-bottom:0px;} 
#column_full .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

/* movie_column
-------------------------------------------------------------------------------*/
#movie_column { width:560px; margin:50px auto 30px; padding:30px 20px 20px; background-color:#FFF}
#movie_column h3 { margin-bottom:20px;}
#movie_column p { font-size:14px; line-height:1.9em; text-align:center;}
#movie_column .text { width:560px; text-align:center; height:auto; margin-bottom:0px;}
#movie_column .link { width:380px; height:auto;  margin-bottom:0px;}
#movie_column .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

/* movie_column640
-------------------------------------------------------------------------------*/
#movie_column640 { width:640px; margin:30px auto 30px; padding:20px 20px 0px; background-color:#FFF}
#movie_column640 h3 { margin-bottom:20px;}
#movie_column640 p { font-size:14px; line-height:1.9em; text-align:center;}
#movie_column640 .text { width:640px; text-align:center; height:auto; margin-bottom:0px;}
#movie_column640 .link { width:380px; height:auto;  margin-bottom:0px;}
#movie_column640 .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

/* chef
-------------------------------------------------------------------------------*/
#chef { width:440px; margin:0 auto 75px; padding:25px 25px 0px; background-color:#E6E1DC; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);}
#chef h3 { margin-bottom:25px;}
#chef p { font-size:14px; line-height:2em;}
#chef .title { width:380px; text-align:center; margin-left:30px; margin-top:25px; margin-bottom:0px;} 
#chef .text { width:380px; height:auto; margin-bottom:0px;} 
#chef .link { width:380px; height:auto;  margin-bottom:0px;} 
#chef .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;} 

/* pagenavi
-------------------------------------------------------------------------------*/
#pagenavi { width:800px;margin:0 auto; padding:18px 0;}
#pagenavi ul { display:table;table-layout:fixed; width:712px; margin:0 auto;}
#pagenavi ul li { display:table-cell;vertical-align:middle;}
#pagenavi ul li img { vertical-align:middle;}
#pagenavi ul li a { display:block;}

/* introduction
-------------------------------------------------------------------------------*/
#introduction { width:750px; margin:0 auto 55px; padding:25px; border:1px solid #000;}
#introduction h3 { margin-bottom:38px;}
#introduction p { font-size:13px; line-height:1.9em;}
#introduction .left { float:left; width:400px;}
#introduction .right { float:right;}
#introduction .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;} 

/* archive_list
-------------------------------------------------------------------------------*/
#archive_list { width:600px; margin:0 auto 45px; padding:0 100px; }
#archive_list h3 { text-align:center; margin-bottom:28px;}
#archive_list ul {}
#archive_list ul li { display:table; width:600px; background:url(../images_140828/archive_brdr.png) no-repeat 0 0; padding:20px 0 15px;}
#archive_list ul li span { display:table-cell; vertical-align:middle; }
#archive_list ul li .bn_title { width:450px; padding-left:12px; line-height:1.5em; }
#archive_list ul li .small { font-size:11px; line-height:1.5em; }
#archive_list ul li .bn_date { width:; padding-left:12px; font-size:11px; }

/* book_list
-------------------------------------------------------------------------------*/
#book_list { width:800px; margin:0 auto 40px; padding-bottom:22px;}
#book_list .table_box { display: table; table-layout:fixed; font-size:12px; line-height:1.8em;}
#book_list .table_box .left { display:table-cell; border-right:1px solid #000; padding:40px 50px 40px 15px;}
#book_list .table_box .right { display:table-cell; padding:40px 5px 40px 60px;}
#book_list .table_box .book_photo { margin-bottom:20px;}
#book_list .table_box .book_title { margin-bottom:28px;}
#book_list .table_box .book_desc { font-size:11px; color:#4D4D4D; padding-top:3em; line-height:1.65em;}

/* banner_box
-------------------------------------------------------------------------------*/
#banner_box  { width:800px; margin:0 auto 40px; padding-bottom:40px; text-align:center;}

/* footer
-------------------------------------------------------------------------------*/
#footer { width:800px;margin: 0 auto;}
#footer ul { width:738px; margin: 0 auto 68px;}
#footer li { display:inline; float:left; margin-right:78px;}
#footer ul li.last { float:right; margin-right:0 !important;}
#footer li a { display:block;}
#footer address { text-align: center;}

/* archive page
-------------------------------------------------------------------------------*/
body#archive { background:#000 url(../images_140828/arcv_bg_body.jpg) no-repeat fixed 50% 0;}
body#archive #header { position:static; width:900px; height:450px; background:url(../images_160929/arcv_bg_header.jpg) no-repeat 0 0;}
body#archive #pagenavi { border-bottom:1px solid #000; margin-bottom:34px;}

.header_sp { display: none; }

@media screen and (max-width: 480px) {
  /* layout
-------------------------------------------------------------------------------*/
  body {
    width:100%; line-height:2em; color:#000;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
    background-position: top center;
    background: none;
  }
  body:before {
    background:url(../images/bg_header_sp.png) repeat-y;
    background-position: center center;
    background-size: cover;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding-bottom: 108px;
    content: "";
    z-index: -1;
  }

  #wrapper { width: 100%; margin: 0 auto;}
  
  .section { border-bottom:1px solid #000;}
  
  /* header */
  #header { position:relative; width:100%; height:auto; background:none;}
  .header_sp { display: block; width: 100%; height: auto; }
  h1 { display:none; }
  
  #header .btn_box { position:relative; bottom:auto; left:auto; top: 0px; width: 100%; margin: 0 auto;}
  #header .btn_box img { width: 100%; margin-bottom: 10px; }
  #header .btn_box img.pc {
    display: none;
  }
  #header .btn_box img.sp {
    display: block;
  }

    /* contents */
  #contents { background:url(../images_140828/bg_contents.png) repeat 0 0; padding:40px 0; margin-top: 0; background-size: 100% auto;}
  #articles { width:100%; margin:auto;}
  h2 { width:90%; margin:0 auto 25px; padding-bottom:25px; text-align:center;}
  h2 img { width: 100%; margin: 0 auto; }
  h2 img.sp { display: block }
  h2 img.pc { display: none }

  h4 { width:230px; text-align:center;}
  h4 img.sp { display: block }
  h4 img.pc { display: none }
  p br {
    display: none;
  }
  p br.br {
    display: block;
  }
  #articles p { margin:0 auto 50px; text-align:left; line-height:2em;}
  #articles p img { width: 90%; margin: 0 auto; display: block; }
  #articles p .caption { width: 85%; margin: 5px auto 0; line-height: 1.5; display: block; color:#4D4D4D; }
  #articles p.text { width:90%; font-size:16px; }
  #articles p.dialog { display:table; width:;}
  #articles p.dialog .name { display:table-cell; width:; margin-right:15px;}
  #articles p.dialog .talk { display:table-cell; width:;}
  
  #articles p.crue { width: 90%; color: #0C7A00;}
  #articles p.center { width: 90%;  text-align:center;}
  
  #articles p.img_box { }
  #articles p.img_box img { width: 100%; }
  #articles p.img_box .caption { display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  #articles p.img_box .caption_blk { display:block;  padding-top:8px; font-size:14px; font-weight:bolder; color:#000000; line-height:1.8em;}
  #articles p.img_box .caption_gray { padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.img_box600 { width:85%; margin: 0 auto; margin-bottom:40px;}
  #articles p.img_box600 img { width: 90%; }
  #articles p.img_box600 .caption { display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.img_box540 img { width: 100%; }
  #articles p.img_box540 { width:90%; margin: 0 auto; margin-bottom:50px;}
  #articles p.img_box540 .caption { display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.img_box500 img { width: 100%; }
  #articles p.img_box500 { width:90%; margin-bottom:50px; text-align: center;}
  #articles p.img_box500 .caption { display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.img_box400 img { width: 75%; }
  #articles p.img_box400 { width:75%; margin-bottom:40px; text-align: center;}
  #articles p.img_box400 .caption { display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.img_box_dialogue img { width: 100%; }
  #articles p.img_box_dialogue { width:90%; margin-bottom:50px;}
  #articles p.img_box_dialogue .caption { width: 93%; display:block; padding-top:8px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  #articles p.date { text-align:center;color:#4D4D4D;font-size:12px;}
  
  #articles p.midashi { width: 50%; color: #1400A6; font-size: 18px;}
  
  
  /* column
  -------------------------------------------------------------------------------*/
  #column { width:calc(90% - 50px); margin:0 auto 55px; padding:25px 25px 0px; background-color:#FFF}
  #column h3 { margin-bottom:30px;}
  #column p { font-size:13px; line-height:1.9em;}
  #column .title { width:100%; text-align:center; margin-left:0; margin-top:20px; margin-bottom:0px;}
  #column .text { width:100%; height:auto; margin-bottom:0px;}
  #column .link { width:100%; height:auto;  margin-bottom:0px;}
  #column .caption { display:block; padding-top:18px; font-size:14px; color:#4D4D4D; line-height:1.8em;}

  /* column_full
  -------------------------------------------------------------------------------*/
  #column_full { width:calc(90% - 50px); margin:0 auto 55px; padding:25px 25px 0px; background-color:#FFF}
  #column_full h4 { width:260px;}
  #column_full p { font-size:13px; line-height:1.9em;}
  #column_full .title { width:50%; text-align:center; margin-left:0; margin-top:20px;}
  #column_full .text { width:100%; height:auto; margin-bottom:0px;}
  #column_full .link { width:100%; height:auto;  margin-bottom:0px;}
  #column_full .caption { display:block; padding-top:18px; font-size:14px; color:#4D4D4D; line-height:1.8em;}

  /* movie_column
-------------------------------------------------------------------------------*/
  #movie_column { width:calc(100% - 40px); margin:50px auto 30px; padding:30px 20px 20px; background-color:#FFF}
  #movie_column h3 { margin-bottom:20px;}
  #movie_column p { font-size:14px; line-height:1.9em; text-align:center;}
  #movie_column p iframe { width: 100%; }
  #movie_column .text { width:100%; text-align:center; height:auto; margin-bottom:0px;}
  #movie_column .link { width:100%; height:auto;  margin-bottom:0px;}
  #movie_column .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}

  /* movie_column640
-------------------------------------------------------------------------------*/
  #movie_column640 { width:calc(100% - 40px); margin:50px auto 30px; padding:30px 20px 20px; background-color:#FFF}
  #movie_column640 h3 { margin-bottom:20px;}
  #movie_column640 p { font-size:14px; line-height:1.9em; text-align:center;}
  #movie_column640 p iframe { width: 100%; }
  #movie_column640 .text { width:100%; text-align:center; height:auto; margin-bottom:0px;}
  #movie_column640 .link { width:100%; height:auto;  margin-bottom:0px;}
  #movie_column640 .caption { display:block; padding-top:18px; font-size:11px; color:#4D4D4D; line-height:1.8em;}
  /* chef
  -------------------------------------------------------------------------------*/
  #chef { width:calc(90% - 50px); margin:0 auto 75px; padding:25px 25px 0px; background-color:#E6E1DC; box-shadow: 5px 5px 5px 0 rgba(0,0,0,0.3);}
  #chef h3 { margin-bottom:25px;}
  #chef p { font-size:13px; line-height:1.9em;}
  #chef .title { width:100%; text-align:center; margin-left:0; margin-top:0; margin-bottom:0px;}
  #chef .text { width:100%; height:auto; margin-bottom:0px;}
  #chef .link { width:100%; height:auto;  margin-bottom:0px;}
  #chef .caption { display:block; padding-top:18px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  /* pagenavi
  -------------------------------------------------------------------------------*/
  #pagenavi { width:90%;margin:0 auto; padding:18px 0;}
  #pagenavi ul { display:table;table-layout:fixed; width:100%; margin:0 auto;}
  #pagenavi ul li { display:table-cell;vertical-align:middle;}
  #pagenavi ul li img { vertical-align:middle;}
  #pagenavi ul li a { display:block;}
  
  /* introduction
  -------------------------------------------------------------------------------*/
  #introduction { width:calc(100% - 72px); margin:0 auto 55px; padding:25px; border:1px solid #000; position: relative;}
  #introduction img { width: 100%; }
  #introduction h3 { margin-bottom:38px;}
  #introduction p { font-size:13px; line-height:1.9em;}
  #introduction .left { float:none; width:100%;}
  #introduction .right { float:none; margin-bottom: 50px;}
  #introduction .caption { display:block; padding-top:18px; font-size:14px; color:#4D4D4D; line-height:1.8em;}
  
  /* archive_list
  -------------------------------------------------------------------------------*/
  #archive_list { width:100%; margin:0 auto 45px; padding:0; }
  #archive_list h3 { text-align:center; margin-bottom:28px;}
  #archive_list ul {}
  #archive_list ul li { display:block; width:100%; background:url(../images_140828/archive_brdr.png) no-repeat 0 0; padding:20px 0 15px;}
  #archive_list ul li span { display:block; vertical-align:middle; }
  #archive_list ul li .bn_title { width:95%; padding-left:0; line-height:1.5em; margin: 0 auto; }
  #archive_list ul li .small { font-size:14px; line-height:1.5em; }
  #archive_list ul li .bn_date { width:; padding-left:12px; font-size:14px; }
  
  /* book_list
  -------------------------------------------------------------------------------*/
  #book_list { width:90%; margin:0 auto 40px; padding-bottom:22px;}
  #book_list .table_box { display: block; table-layout:auto; font-size:12px; line-height:1.8em;}
  #book_list .table_box .left { display:block; border-right:none; padding:0px;}
  #book_list .table_box .right { display:block; padding:0px;}
  #book_list .table_box .book_photo { margin-bottom:20px;}
  #book_list .table_box .book_photo img { width: 100%; }
  #book_list .table_box .book_title { margin-bottom:28px;}
  #book_list .table_box .book_desc { font-size:14px; color:#4D4D4D; padding-top:3em; line-height:1.65em;}
  
  /* banner_box
  -------------------------------------------------------------------------------*/
  #banner_box  { width:90%; margin:0 auto 40px; padding-bottom:40px; text-align:center;}
  #banner_box img { width: 100%; }
    /* footer
    -------------------------------------------------------------------------------*/
  #footer { width:90%;margin: 0 auto; text-align: center}
  #footer ul { width:100%; margin: 0 auto 68px;}
  #footer li { width: 100%; display:block; float:none; margin-right:0; margin-bottom: 20px; text-align: center}
  #footer img { width: auto; }
  #footer ul li.last { float:none; margin-right:0 !important;}
  #footer li a { display:block;}
  #footer address { width: 100%; margin: 0 auto; text-align: center;}
  
  /* archive page
  -------------------------------------------------------------------------------*/
  body#archive { background:#000 url(../images_140828/arcv_bg_body.jpg) no-repeat fixed 50% 0;}
  body#archive #header { position:static; width:100%; height:160px; background:url(../images_140828/arcv_bg_header.jpg) no-repeat center center; background-size: contain;}
  body#archive #pagenavi { border-bottom:1px solid #000; margin-bottom:34px;}

  #movie_640 iframe {
    width: 100%;
  }
}