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

 pc style setting

---------------------------------------------------------------------- */
body,html {
  min-width:1150px;
}

.visible-xs { display:none!important; }
.hidden-xs { display:block; }

body { margin:0; padding:0;}

#related_post .title{color:#333; }
#index body { background:none; }

/* layout */
.content { width:100%; min-width:1000px; }
.content_inner { width:1000px; margin:0 auto; padding:40px 0; }

#top_headline {width:1150px;margin:30px auto 4px;/* height:58px; */line-height:58px;overflow:hidden;}

#main_image { width:100%; min-width:1000px; background:url(img/common/background2.jpg) repeat-x left top; height:356px; padding:13px 0 0 0; }
#main_image img { display:block; margin:0 auto; width:1000px; height:340px; }

#contents { width:1150px; margin:0 auto; }
#main_col { width:1150px;padding: 20px 0 50px;position:relative;}
#blog_main_col {width:800px;padding: 20px 20px 100px 0;position:relative;float: left;box-sizing: border-box;}
#side_col { width:300px;  margin-right:45px; float:left; }
#no_side_page { width:800px; margin:0 auto; padding:50px 0; }
#no_side_page_wide { width:1000px; margin:0 auto; padding:50px 0; }


/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */
/* slider */
.nivoSlider { max-height: 599px; }
#slider_base { width:100%; height:auto; margin:0 0 -4px 0; z-index:1; }
#slider {z-index:1;min-width:1000px;}
#slider img { width:inherit; max-width:100%; height:auto;min-height:499px; min-width: 1583px; }


/* ----------------------------------------------------------------------
 archive
---------------------------------------------------------------------- */
/* アーカイブのヘッドライン*/
.archive_headline {
    margin: 0;
    line-height: 100%;
    font-weight: normal;
    display: inline-block;
    /*background: url(./img/border_01.png) no-repeat left bottom;*/
}
.archive_headline span { margin:0 0 0 15px; padding:0 0 0 15px; border-left:1px dotted #aaa; font-weight:normal; }

/* news archive */
#news_list {position:relative;margin-top: 0px;}
#news_list .headline {font-size:18px;line-height:100%;background:url(img/common/dot2.gif) repeat-x left bottom;margin:0 0 12px 0;padding:0 0 7px 0;}
#news_list ol { margin:0; padding:0; list-style-type:none; }
#news_list ol li { background:url(img/common/dot2.gif) repeat-x left bottom; margin:0 0 12px 0; padding:0 0 20px 0; }
#news_list .news_date { font-size:14px; width:70px; height:70px; text-align:center; margin:0 15px 5px 0; line-height:100%; float:left; }
#news_list .date {background: #F5F9EC;font-weight:bold;display:block;height:40px;line-height:40px;}
#news_list .month {background: #bedc84 !important;font-weight:bold;display:block;height:40px;line-height:40px;}
#news_list .title { margin:0 0 5px 0; padding:0; line-height:160%; font-size:16px; }
#news_list .title a {text-decoration:none;display:block; font-size:18px;}
#news_list .title a:hover { }
#news_list .desc { font-size:14px; line-height:160%; margin:0 0 5px 0; padding:0; }


/* ----------------------------------------------------------------------
 single post page
---------------------------------------------------------------------- */

/* post thumbnail */
.post_image { text-align:center; margin:-26px 0 30px 0; }
.post_image img { margin:0; width:100%; height:auto; }


/* ----------------------------------------------------------------------
 header
---------------------------------------------------------------------- */
#header {width:1150px;/*height:60px;*/margin:0 auto; padding-top: 20px; padding-bottom: 5px;position:relative;}
#index #header { width:1150px; /*height:60px;*/ margin:0 auto; position:absolute; top:73px; left:0; right:0; background:#081a28; z-index:9999; }


/* logo */
#logo_text { float:left; margin:0; padding:0; line-height:60px; height:60px; width:300px; font-size:24px; font-weight:normal; color:#fff; overflow:hidden; }
#logo_text a { color:#fff; text-decoration:none; display:block; margin:0 20px 0 0; }
#index #logo_text a { margin:0 20px; }
#logo_text a:hover { color:#00a2d9; }
#logo_image {position:absolute;margin:0;padding:0;line-height:100%;}


/* global menu */
.menu_button { display:none; }
#global_menu {
  position:relative;
  width:1150px;
  height:55px;
  /* margin-top: -50px; */
  /*overflow:hidden;*/
  padding-top:12px;
  clear:both;
  z-index:9999;
}

#global_menu ul ul { display:none; position:absolute; top:44px; left:0px; margin:0; padding:0; }
#global_menu ul ul ul { left:100%; top:0; margin:0 0 0 -1px; }
/* #global_menu li {float:left;font-size:1%;position:relative;width: 164px !important;} */
#global_menu li {float:left;font-size:1%;position:relative;width: 190px !important;}
#global_menu li#menu-item-19 { margin-left:100px; }
#global_menu li:first-child { border-left: 1px solid #ccc; }
#global_menu li a {
 font-size: 14px;
 position: relative;
 text-align:center;
 text-decoration:none;
 color: #2d3131;
 background: #ffffff;
 display:block;
 height: 45px;
 line-height: 37px;
 font-weight: bold;
 border-right: 1px solid #ccc;
 font-family: "游ゴシック", YuGothic, "YuGothic M","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"Century Gothic",Arial, sans-serif;
 -webkit-transition-property:background;
 -webkit-transition-duration:0.4s;
 -webkit-transition-timing-function:ease;
 -moz-transition-property:background;
 -moz-transition-duration:0.4s;
 -moz-transition-timing-function:ease;
 -o-transition-property:background;
 -o-transition-duration:0.4s;
 -o-transition-timing-function:ease;
}
#global_menu li a:hover,#global_menu li.current_page_item a {background: #2d3131 !important;color: #ffffff;}
/* #global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:center;  width: 163px!important;} */
#global_menu ul ul li { float:none; height:auto; line-height:26px; padding:0; margin:0; text-align:center;  width: 189px!important;}
#global_menu ul ul a {font-size: 13px;position: relative;padding: 10px 0px 8px;height: auto;line-height: 180%;background: #ffffff !important;border: 2px solid #2d3131;border-bottom: none;}

#global_menu .sub-menu li:first-child {
    border: none;
}

#global_menu ul ul li:last-child a {
    border-bottom: 2px solid #2d3131;
}

#global_menu .sub-menu li a:after {
    display:none;
}

#global_menu li a:after {
    content: "\f107";
    font-family: FontAwesome;
    position: absolute;
    font-size: 18px;
    left: 50%;
    margin-left: -6px;
    bottom: -8px;
}
#global_menu li a:hover:after,#global_menu li.current_page_item a:after {
    color: #9AC841;
}




/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */
#return_top {
  z-index:999;
  position:fixed;
  right:140px;
  bottom:0px;
  margin:0;
  display:block;
}
#return_top:hover {
  background-color:transparent !important;
}


#footer {clear:both;width:100%;min-width:1000px;/* background:#f2f2f2 url(img/common/dot2.gif) repeat-x left bottom; background: url(./img/border_01.png) repeat-x;*/}
#footer_inner {width:1180px;margin:0 auto;position:relative;font-size:11px;padding-top: 50px;text-align: center;}
#footer a { }
#footer a:hover { }
#footer li { line-height:170%; margin:0 0 10px 0; padding:0; }


/* widget area */
#footer_widget {position:relative;overflow: hidden; margin-bottom: 0px;}
.footer_widget { margin:0; display:inline-block; vertical-align:top; }
.footer_widget.right_widget { margin-right:0; }
.footer_headline { font-size:16px; margin:0 0 15px 0; padding:0 0 8px 0; background:url(img/common/dot2.gif) repeat-x left bottom; }
.footer_widget ul { margin:0; }
.footer_widget li ul { margin:10px 0 0 0; }
.footer_widget li { }
.footer_widget img { height:auto; max-width:100%;  }


/* logo */
#footer_logo_area {width:100%;min-width:1000px;clear:both;margin:0;/* background:#f2f2f2; */}
#footer_logo_area_inner {   width: 1150px;margin: 0 auto;position: relative;text-align: center;}
#footer_logo_text {margin:0;line-height:100%;padding:0;line-height:100%;float:left;font-size:21px;font-weight:normal;display: none;}
#footer_logo_text a { text-decoration:none; display:block; height:70px; line-height:70px; }
#footer_logo_image { margin:0; padding:0; line-height:100%; position:absolute; }
#footer_menu {margin: 30px 0px 0 0;/* float:right; */font-size:11px;}

#footer_menu li {
    display: inline-block;
    font-weight: bold;
    font-size: 13px;
    margin-right: -3px;
}

#footer_menu li:first-child a,
#footer_menu li:last-child a {
  pointer-events:auto !important;
}

#footer_menu li:last-child a {
    border-right: 1px solid #aaa;
}

#footer_menu li a:hover {
    color: #ffffff;
    background: #2d3131;
}

#footer_menu li a {
    text-decoration: none;
    border: 1px solid #aaa;
    border-right: none;
    width: 163px;
    padding: 10px 0;
    display: inline-block;
}




/* copyright */
#copyright {width:100%;min-width:1000px;clear:both;color:#fff;background: #2d3131;margin:0;}
#copyright_inner { width:1000px; height:50px; margin:0 auto; }
#social_link {margin:12px 0 0 0;float:right;display: none;}
#social_link li { float:left; margin:0 0 0 5px; line-height:100%; }
#social_link li a {
  text-indent:100%; white-space:nowrap; overflow:hidden; display:block; width:26px; height:26px; background-color:#00a2d9; background-position:center; background-repeat:no-repeat;
  -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;
  -webkit-transition-property:background; -webkit-transition-duration:0.4s; -webkit-transition-timing-function:ease; -moz-transition-property:background; -moz-transition-duration:0.4s; -moz-transition-timing-function:ease; -o-transition-property:background; -o-transition-duration:0.4s; -o-transition-timing-function:ease;
}
#social_link li a:hover { background-color:#75dcff; }
#social_link li.rss a { background-image:url(img/footer/rss.png); }
#social_link li.twitter a { background-image:url(img/footer/twitter.png); }
#social_link li.facebook a { background-image:url(img/footer/facebook.png); }

#copyright p {margin:10px 0 0 0;padding-top: 10px;/* float:left; */text-align: center;font-size:12px;}
#copyright a { text-decoration:none; color:#fff; }
#copyright a:hover { text-decoration:underline; }

.col-md-3.col5{
    width: 20% !important;
}