@charset "utf-8";


/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed,figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video
 { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio, canvas, video { display:inline-block; max-width:100%; }
html { overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; }
ul, ol { list-style:none; }
blockquote , q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a:focus { outline:none; }
ins { text-decoration:none; }
mark { font-style:italic; font-weight:bold; }
del { text-decoration:line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; width:100%; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
button, input, select, textarea { outline:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size:100%; }
input, textarea { background-image:-webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); -webkit-appearance:none; border-radius:0; }
input[type="checkbox"]{ -webkit-appearance:checkbox; }
input[type="radio"]{ -webkit-appearance:radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border:0; padding:0; }
img { -ms-interpolation-mode:bicubic; }

/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; font-size:0.1em; line-height:0; visibility:hidden; overflow:hidden; }
.clearfix { display:inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height:10% }
.clearfix { display:block; }
/* end MacIE5 */


/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body { font-family:Arial,sans-serif; font-size:14px; color:#000; line-height:1; width:100%;height: 100%; min-width:1330px; background:#fff; overflow-x:hidden;}
a { color:#000; text-decoration:none; }
a, a .caption, input {
  -webkit-transition-property:background-color, color, border-color; -webkit-transition-duration:0.2s; -webkit-transition-timing-function:ease;
  -moz-transition-property:background-color, color, border-color; -moz-transition-duration:0.2s; -moz-transition-timing-function:ease;
  -ms-transition-property:background-color, color, border-color; -ms-transition-duration:0.2s; -ms-transition-timing-function:ease;
  -o-transition-property:background-color, color, border-color; -o-transition-duration:0.2s; -o-transition-timing-function:ease;
  transition-property:background-color, color, border-color; transition-duration:0.2s; transition-timing-function:ease;
}
a:hover { color:#b69e84; text-decoration:none; }
.clear { clear:both; }
.hide { display:none; }

/* レイアウト */
.inner { width:100%; max-width:1200px; margin:0 auto; position:relative;}
#main_contents { width:100%;height:100%;float:left;background:#fff!important;padding:0;margin:0;overflow:hidden;}
#main_col { 
  max-width:1200px; margin:0px auto; padding:0;background:#fff!important;height:100%;display:table;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#left_col { width:900px;float:right;background:#ffffff!important;height:100%; }
/* #side_col { width:300px; float:left;height:100%;background:#f1f1f1!important;display:table; } */

#side_col { width:300px; float:left;background:#f1f1f1!important;display:table;height:100%;}

#left_col > :last-child { margin-bottom:0; }
#side_col > :last-child{ margin-bottom:0;padding:0;margin:0; }

@media only screen and (min-width:841px) {
#llf {width:100%;height:100%;float:left;max-width:1200px;}
#left_col {padding:0;margin:0;background:#ffffff!important;width:900px;float:right;height:auto;}
}

@media only screen and (max-width:840px) {
#left_col{padding-left:5px;padding-right:5px;background:#ffffff!important;}
#side_col {width:300px; float:left;display:inline;height:100%;}

}


/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header { width:100%; }
#header_top { background:#000; }
#header_top .inner { min-height:68px; }

/* ロゴ */
#header_logo, #header_logo_fix { max-height:68px; float:left; position:relative; z-index:21; }
#header_logo a, #header_logo_fix a { color:#fff; text-decoration:none; }
#header_logo .logo, #header_logo_fix .logo { display:inline-block; margin:0; line-height:68px; font-weight:300; }
#header_logo #logo_text .logo, #header_logo_fix #logo_text_fixed .logo { font-size:36px; }
#header_logo img, #header_logo_fix img { display:inline-block; max-height:60px; vertical-align:middle; }
#header_logo .desc, #header_logo_fix .desc { padding:0 0 0 20px; font-size:14px; vertical-align:middle; }

/* グローバルメニュー */
a.menu_button { display:none; }
#global_menu { position:relative; z-index:20; margin:0 -28px 0 0; }
#global_menu a { color:#fff; text-decoration:none; }
#global_menu > ul { font-size:0; position:relative; text-align:right; margin:0 auto; }
#global_menu > ul > li { font-size:1%; position:relative; display:inline-block; }
#global_menu > ul > li > a {
  font-size:14px; text-decoration:none; height:68px; line-height:68px; display:block; padding:0 28px;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
}
#global_menu ul ul { display:none; }

@media only screen and (min-width:992px) {
  #global_menu { display:block !important; }
  #global_menu .child_menu_button { display:none; }
  #global_menu > ul > li:hover > a { opacity:0.5;
    -webkit-transition-property:opacity; -webkit-transition-duration:.3s;
    -moz-transition-property:opacity; -moz-transition-duration:.3s;
    -ms-transition-property:opacity; -ms-transition-duration:.3s;
    -o-transition-property:opacity; -o-transition-duration:.3s;
    transition-property:opacity; transition-duration:.3s;
  }
  #global_menu ul ul { display:block; visibility:hidden; margin:0; padding:0; width:auto; width:200px; position:absolute; top:68px; left:30px; z-index:2; opacity:0;
    -webkit-transition-property:opacity,left; -webkit-transition-duration:.3s; -webkit-transition-timing-function:ease;
    -moz-transition-property:opacity,left; -moz-transition-duration:.3s; -moz-transition-timing-function:ease;
    -ms-transition-property:opacity,left; -ms-transition-duration:.3s; -ms-transition-timing-function:ease;
    -o-transition-property:opacity,left; -o-transition-duration:.3s; -o-transition-timing-function:ease;
    transition-property:opacity,left; transition-duration:.3s; transition-timing-function:ease;
  }
  #global_menu ul ul ul { left:230px; top:0; bottom:auto; }
  #global_menu ul ul li { display:block; margin:0; padding:0; text-align:left;  position:relative; }
  #global_menu ul ul a { display:block; margin:0; padding:9px 28px; font-size:14px; line-height:1.6; background:#b69e84; position:relative; text-align:left; }
  #global_menu ul ul a:hover { background:#92785f; text-decoration:none; }
  #global_menu ul ul li.menu-item-has-children > a:before { margin:0; display:block; right:10px; position:absolute; content:"\e910"; font-family:"design_plus"; font-size:86%; }
  #global_menu > ul > li:hover > ul { visibility:visible; left:0; opacity:1; z-index:3; }
  #global_menu > ul > li li:hover > ul { visibility:visible; opacity:1; top:0; left:200px; z-index:3; }
}



/* パンくずリンク */
#breadcrumb { width: 100%; height:65px; line-height:65px; overflow:hidden; border-bottom:1px solid #ddd; }
#breadcrumb ul { color:#999; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#breadcrumb li a { color:#000; }
#breadcrumb li a:hover { color:#b69e84; }
#breadcrumb li { display:inline; margin:0; padding:0; font-size:14px; color:#000; vertical-align:middle; position:relative; }
#breadcrumb li:after {
  font-family:'design_plus'; content:'\e910'; font-size:10px; display:inline; padding:0 0.3em 0 0.6em; position:relative; bottom:1px;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li:last-child:after { content:''; padding:0; }
#breadcrumb li.home a span { display:none; }
#breadcrumb li.home a:before { content:'\e90c'; font-family:'design_plus'; color:#000;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
#breadcrumb li.home a:hover { text-decoration:none; }
#breadcrumb li.home a:hover:before { color:#b69e84; }
#breadcrumb li.last { color:#b69e84; }


/* ----------------------------------------------------------------------
 記事
---------------------------------------------------------------------- */
#article { margin:0; position:relative;width:100%;height:100%; }
#article > :last-child { margin-bottom:0; }
#article_header { margin:0; padding:30px 39px 25px; background:#f7f7f7; border:1px solid #ddd; }

/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */
#footer_contents { background:#222; color:#fff; text-align:center; }
#footer_contents a { color:#fff; }
#footer_contents a:hover { color:#92785f; text-decoration:none; }

#footer_info { padding:43px 30% 44px; position:relative; }

/* logo */
#footer_logo { margin:0; }
#footer_logo .logo { display:inline-block; margin:0; font-size:36px; line-height:1.2; }


/* コピーライト */
#copyright { width:30%; font-size:12px; line-height:1.6; text-align:right; position:absolute; right:0; top:50%;
  -webkit-transform:translate3d(0,-50%,0); -moz-transform:translate3d(0,-50%,0); -ms-transform:translate3d(0,-50%,0); -o-transform:translate3d(0,-50%,0); transform:translate3d(0,-50%,0);
}




/* エリア・カテゴリーメニュー */
#footer_nav { padding:50px 0 40px 0;}
#footer_nav .footer_nav_cols .footer_nav_1 { width:49%; float:left; }
#footer_nav .footer_nav_cols .footer_nav_2 { width:49%; float:right; }
#footer_nav .headline { display:inline-block; margin:0 0 15px 0; padding:0 18px; min-width:54px; font-size:12px; line-height:26px; text-align:left; color:#fff; background:#000; border-radius:13px; }
#footer_nav a { text-decoration:none; }
#footer_nav a:hover { color:#92785f; text-decoration:none; }
#footer_nav ul { margin:0; padding:0; }
#footer_nav li { margin:0; padding:0; font-size:12px; line-height:2.4;text-align:left; }
#footer_nav li ul { display:inline; }
#footer_nav li li { display:inline-block; }
#footer_nav li li:before { content:'|'; padding:0 0.5em; }
#footer_nav .footer_nav_type1 li { display:inline-block; float:left; padding-right:1.5em; min-width:12.5%;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#footer_nav .footer_nav_cols .footer_nav_type1 li { min-width:25%; }
#footer_nav .footer_nav_type2 > ul > li > a { font-weight:700; }

#footer_nav .footer_nav_type4 li { margin:0; padding:0; line-height:2.4;text-align:left; }
#footer_nav .footer_nav_type4 li { display:inline-block; float:left; padding-right:0.5em; min-width:12.5%;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#footer_nav .footer_nav_cols .footer_nav_type4 li { min-width:16.2%; }
#footer_nav .footer_nav_type4 li { display:inline-block; float:left; padding-right:0.5em; min-width:12.5%; }

#footer_nav .footer_nav_type5 li { margin:0; padding:10px 0; line-height:1.5;text-align:left; }
#footer_nav .footer_nav_type5 li { display:inline-block; float:left; padding-right:1em;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
#footer_nav .footer_nav_cols .footer_nav_type5 li { min-width:20%; }
#footer_nav .footer_nav_type5 li { display:inline-block; float:left; padding-right:1em;}