/*
Theme Name: FUKUSHIMA Satoshi Laboratory
Theme URI: http://bfr.jp/
Description: 2017.03　リリース
Version: 1.0

*/

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

          common

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

body {
  background-color: #000;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
  font-weight: 500;
}

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

.clear {
  clear: both;
}

a {
  text-decoration: none;
}

#wrap {
  width: 1000px;
  margin: 0 auto;
  background-color: #58565D;
  font-size: 13px;
}

#content {
  padding-top: 20px;
  position: relative;
}

header .mono_btn {
  background-color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: absolute;
  bottom: 95px;
  right: 30px;
}

header .mono_btn a {
  color: #000;
  font-size: 139%;
  font-weight: bold;
  display: block;
  padding: 8px 0 8px;
  text-align: center;
  width: 140px;
}

#content .mono_btn {
  background-color: #FFF;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  position: absolute;
  top: 40px;
  right: 30px;
}

#content .mono_btn a {
  color: #000;
  font-size: 139%;
  font-weight: bold;
  display: block;
  padding: 8px 10px 5px;
}

header .mono_btn:hover {
  background-color: #000;
  border: 1px solid #fff;
}

header .mono_btn a:hover {
  color: #fff;
}

#content .mono_btn:hover {
  background-color: #000;
  border: 1px solid #fff;
}

#content .mono_btn a:hover {
  color: #fff;
}

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

          header-1

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

header {
  color: #fff;
  position: relative;
}

.header_text {
  background-color: #333;
  font-size: 139%;
  padding: 8px 10px 5px;
}

.header_banner {
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.2);
  height: 464px;
}

.header_banner img {
  width: 100%;
}

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

          header-2

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

.header_banner02 {
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.2);
  margin-bottom: 20px;
  height: 98px;
}

.header_banner02 img {
  width: 100%;
}

#grobal_menu {
  width: 100%;
  height: 25px;
  line-height: 25px;
  background-color: #35373c;
  border-top: 1px dashed #E6E5E3;
  border-bottom: 1px dashed #E6E5E3;
  font-size: 18px;
}

#grobal_menu .home {
  float: left;
}

#grobal_menu .home a:before {
  content: url("./images/header_03.png");
  padding-right: 5px;
}

#grobal_menu .home a {
  color: #E6E5E3;
  display: block;
  padding-left: 20px;
}

#grobal_menu #menu {
  float: right;
}

#grobal_menu #menu>li {
  float: left;
  padding: 0 30px;
  position: relative;
}

#grobal_menu #menu>li:hover {
  cursor: pointer;
}

ul#menu .child {
  display: none;
  z-index: 99;
  background-color: #EEEDEC;
  padding: 20px 0;
  font-size: 13px;
}

ul#menu .contents {
  position: absolute;
  top: 40px;
  left: -50px;
}

ul#menu .link {
  position: absolute;
  top: 40px;
  left: -190px;
}

ul#menu .child li {
  margin-bottom: 2px;
  padding: 5px 10px;
}

ul#menu .child .nav_no {
  color: #bbc3c9;
  padding-right: 15px;
  font-weight: bold;
}

ul#menu .child li a {
  display: block;
  color: #fff;
  white-space: nowrap;
}

ul#menu .contents:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 40%;
  border: 16px solid transparent;
  border-bottom: 16px solid #EEEDEC;
}

ul#menu .link:before {
  content: "";
  position: absolute;
  top: -30px;
  right: 10%;
  border: 16px solid transparent;
  border-bottom: 16px solid #EEEDEC;
}

ul#menu .contents li:nth-child(1) {
  background-color: #930d2d;
}

ul#menu .contents li:nth-child(2) {
  background-color: #ad3609;
}

ul#menu .contents li:nth-child(3) {
  background-color: #bf7900;
}

ul#menu .contents li:nth-child(4) {
  background-color: #c4b300;
}

ul#menu .contents li:nth-child(5) {
  background-color: #8ea217;
}

ul#menu .contents li:nth-child(6) {
  background-color: #4d8426;
}

ul#menu .contents li:nth-child(7) {
  background-color: #408fa3;
}

ul#menu .contents li:nth-child(8) {
  background-color: #396db6;
}

ul#menu .contents li:nth-child(9) {
  background-color: #4b43b6;
}

ul#menu .contents li:nth-child(10) {
  background-color: #5d247c;
}

ul#menu .contents li:nth-child(11) {
  background-color: #99036c;
}

ul#menu .contents li:nth-child(12) {
  background-color: #8b4629;
}

ul#menu .contents li:nth-child(13) {
  background-color: #a26907;
}


/* ホバー */
ul#menu .contents li:nth-child(1):hover {
  background-color: #FF0D58;
}

ul#menu .contents li:nth-child(2):hover {
  background-color: #FF5A09;
}

ul#menu .contents li:nth-child(3):hover {
  background-color: #FF8700;
}

ul#menu .contents li:nth-child(4):hover {
  background-color: #FFE200;
}

ul#menu .contents li:nth-child(4):hover {
  background-color: #FFE200;
}

ul#menu .contents li:nth-child(5):hover {
  background-color: #B0EC17;
}

ul#menu .contents li:nth-child(6):hover {
  background-color: #4DEA6F;
}

ul#menu .contents li:nth-child(7):hover {
  background-color: #40C3E7;
}

ul#menu .contents li:nth-child(8):hover {
  background-color: #3992FF;
}

ul#menu .contents li:nth-child(9):hover {
  background-color: #5D60FF;
}

ul#menu .contents li:nth-child(10):hover {
  background-color: #6F3DCB;
}

/*
ul#menu .contents li:nth-child(11):hover {
  background-color: #A40994;
}
*/

ul#menu .contents li:nth-child(11):hover {
  background-color: #c86ebf;
}

/* 追加 */
ul#menu .contents li:nth-child(12):hover {
  background-color: #d78360;
}

ul#menu .contents li:nth-child(13):hover {
  background-color: #f4ae27;
}












ul#menu .link li {
  background-color: #808C9A;
}

/* page blog 共通 */

#page_title {
  font-size: 36px;
  color: #fff;
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.2);
  position: relative;
}

#page_title span {
  display: inline-block;
}

.page_title01 {
  background-color: #930d2d;
}

.page_title02 {
  background-color: #ad3609;
}

.page_title03 {
  background-color: #bf7900;
}

.page_title04 {
  background-color: #c4b300;
}

.page_title05 {
  background-color: #8ea217;
}

.page_title06 {
  background-color: #4d8426;
}

.page_title07 {
  background-color: #408fa3;
}

.page_title08 {
  background-color: #396db6;
}

.page_title09 {
  background-color: #4b43b6;
}

.page_title10 {
  background-color: #5d247c;
}

.page_title11 {
  background-color: #630045;
}

/* 番号 */
.page #page_title .nav_no, .blog #page_title .nav_no {
  font-size: 70px;
  padding: 0 8px 0 8px;
  color: #35373C;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  border-right: 1px dashed #35373C;
}

.page #page_title .page_title, .blog #page_title .page_title {
  position: relative;
  bottom: 10px;
  left: 10px;
}

.single #page_title {
  height: 70px;
}

.single #page_title .nav_no {
  height: 70px;
  line-height: 70px;
  font-size: 40px;
  color: #35373C;
  font-weight: bold;
  font-family: 'Roboto', sans-serif;
  padding: 0 8px;
  border-right: 1px dashed #35373C;
}

.single #page_title .sub_title {
  height: 70px;
  line-height: 70px;
  font-size: 22px;
  font-weight: normal;
  padding: 0 8px;
  position: relative;
  bottom: 5px;
  left: 0;
  border-right: 1px dashed #35373C;
}

.single #page_title .page_title {
  font-size: 36px;
  position: relative;
  bottom: 0;
  left: 10px;
}

.single #page_title .position {
  font-size: 16px;
  position: relative;
  bottom: 5px;
  left: 20px;
}

#title {
  font-size: 16px;
  padding: 5px;
  font-weight: bold;
}

.title1 {
  border-top: 1px solid #930d2d;
  border-bottom: 1px solid #930d2d;
}

.title2 {
  border-top: 1px solid #ad3609;
  border-bottom: 1px solid #ad3609;
}

.title3 {
  border-top: 1px solid #bf7900;
  border-bottom: 1px solid #bf7900;
}

.title4 {
  border-top: 1px solid #c4b300;
  border-bottom: 1px solid #c4b300;
}

.title5 {
  border-top: 1px solid #8ea217;
  border-bottom: 1px solid #8ea217;
}

.title6 {
  border-top: 1px solid #4d8426;
  border-bottom: 1px solid #4d8426;
}

.title7 {
  border-top: 1px solid #408fa3;
  border-bottom: 1px solid #408fa3;
}

.title8 {
  border-top: 1px solid #396db6;
  border-bottom: 1px solid #396db6;
}

.title9 {
  border-top: 1px solid #4b43b6;
  border-bottom: 1px solid #4b43b6;
}

.title10 {
  border-top: 1px solid #5d247c;
  border-bottom: 1px solid #5d247c;
}

.title11 {
  border-top: 1px solid #630045;
  border-bottom: 1px solid #630045;
}

.post {
  margin: 20px;
}

.inner {
  background-color: #E6E5E3;
  padding: 2%;
}

.post p {
  line-height: 1.7;
}

.colum2_left {
  clear: both;
  float: left;
  width: 65%;
  margin-bottom: 2%;
}

.colum2_right {
  float: left;
  width: 29%;
  padding: 0 0 2% 2%;
  color: #fff;
}

.colum2_right p {
  margin-bottom: 5px;
}

.colum2_right img {
  max-width: 100%;
  height: auto;
  margin-bottom: 5px;
}

.f12 {
  font-size: 12px;
}

.f16 {
  font-size: 16px;
}

.mt30 {
  margin-top: 30px;
}

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

          index

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

/* nav */

.index_nav {
  padding: 30px 20px 0;
}

.index_nav li {
  width: 49%;
  float: left;
  margin-bottom: 25px;
  font-size: 21px;
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.2);
}

.index_nav li a {
  color: #fff;
  height: 65px;
  line-height: 65px;
  padding-left: 105px;
  display: block;
  position: relative;
}

.index_nav .nav_no {
  font-size: 70px;
  padding: 0 8px 0 2px;
  height: 65px;
  color: #bbc3c9;
  position: absolute;
  top: 0;
  left: 5px;
  border-right: 1px dashed #bbc3c9;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
}

.index_nav li:nth-child(2n+1) {
  margin-right: 2%;
}

.index_nav li:nth-child(1) {
  background-color: #930d2d;
}

.index_nav li:nth-child(2) {
  background-color: #ad3609;
}

.index_nav li:nth-child(3) {
  background-color: #bf7900;
}

.index_nav li:nth-child(4) {
  background-color: #c4b300;
}

.index_nav li:nth-child(5) {
  background-color: #8ea217;
}

.index_nav li:nth-child(6) {
  background-color: #4d8426;
}

.index_nav li:nth-child(7) {
  background-color: #408fa3;
}

.index_nav li:nth-child(8) {
  background-color: #396db6;
}

.index_nav li:nth-child(9) {
  background-color: #4b43b6;
}

.index_nav li:nth-child(10) {
  background-color: #5d247c;
}

/*
.index_nav li:nth-child(11) {
  background-color: #630045;
}
*/

.index_nav li:nth-child(11) {
  background-color: #99036c;
}

/* 追加 */
.index_nav li:nth-child(12) {
  background-color: #8b4629;
}

.index_nav li:nth-child(13) {
  background-color: #a26907;
}

/* ホバー */
.index_nav li:nth-child(1):hover {
  background-color: #FF0D58;
}

.index_nav li:nth-child(2):hover {
  background-color: #FF5A09;
}

.index_nav li:nth-child(3):hover {
  background-color: #FF8700;
}

.index_nav li:nth-child(4):hover {
  background-color: #FFE200;
}

.index_nav li:nth-child(4):hover {
  background-color: #FFE200;
}

.index_nav li:nth-child(5):hover {
  background-color: #B0EC17;
}

.index_nav li:nth-child(6):hover {
  background-color: #4DEA6F;
}

.index_nav li:nth-child(7):hover {
  background-color: #40C3E7;
}

.index_nav li:nth-child(8):hover {
  background-color: #3992FF;
}

.index_nav li:nth-child(9):hover {
  background-color: #5D60FF;
}

.index_nav li:nth-child(10):hover {
  background-color: #6F3DCB;
}

/*
.index_nav li:nth-child(11):hover {
  background-color: #A40994;
}
*/

.index_nav li:nth-child(11):hover {
  background-color: #c86ebf;
}

/* 追加 */
.index_nav li:nth-child(12):hover {
  background-color: #d78360;
}

.index_nav li:nth-child(13):hover {
  background-color: #f4ae27;
}


/* リンク部分 */
.other_nav {
  margin: 20px 20px;
  border-top: 1px dashed #fff;
  position: relative;
  color: #fff;
}

.other_nav .nav_no {
  display: block;
	font-size: 70px;
	padding: 0 10px 0 2px;
  height: 65px;
  position: absolute;
  top: 20px;
  left: 5px;
  border-right: 1px dashed #bbc3c9;
  font-family: 'Roboto', sans-serif;
}

.other_nav .title {
  font-size: 21px;
  display: inline-block;
  padding-top: 20px;
  padding-left: 120px;
  height: 65px;
  line-height: 65px;
}

.other_nav ul {
  margin-top: 20px;
}

.other_nav li {
  /*
  width: 49%;
  */
  display: block;
  width: 32%;
  float: left;
  margin-bottom: 25px;
  margin-right: 2%;
  height: 65px;
  line-height: 65px;
  background-color: #808C9A;
  box-shadow: 0px 10px 10px -2px rgba(0, 0, 0, 0.2);
}
.other_nav li:nth-child(3n) {
  margin-right: 0%;
}

.other_nav li a {
  display: block;
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.other_nav li:hover {
  background-color: #aaa;
}

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

          page

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

.page #title {
  margin: 0 0 20px;
}

.page .info {
  clear: both;
  float: left;
  width: 65%;
  margin-bottom: 20px;
  padding: 2%;
  background-color: #E6E5E3;
}

.page .sentence {
  margin-bottom: 20px;
}

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

          blog

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

.blog .post .date, .archive .post .date {
  margin: 10px 0 20px;
}

.blog .post .post_content, .archive .post .post_content {
  margin-bottom: 20px;
}

/*-----------------------------------
カレンダー
------------------------------------*/

#wp-calendar {
  border: 1px solid #ccc;
  width: 100%;
  background-color: #FFF;
}

#wp-calendar caption {
  color: #000;
  background-color: #e6e6e6;
}

#wp-calendar th, #wp-calendar td, #wp-calendar caption {
  text-align: center;
  padding: 5px;
  color: #000;
}

#wp-calendar th {
  padding-top: 10px;
}

#wp-calendar a {
  font-weight: bold;
}

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

          member

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

.page-template-page-member .post li {
  border-bottom: 1px dashed #95979E;
  padding: 15px 0 10px
}

.page-template-page-member .post li:first-child {
  padding: 0 0 10px
}

.page-template-page-member .post li:last-child {
  border: none;
}

.page-template-page-member .post h2 {
  font-weight: bold;
}

.page-template-page-member .post span {
  display: inline-block;
  padding: 2px 0;
}

.page-template-page-member .post .position {
  font-weight: bold;
  padding-left: 10px;
}

.page-template-page-member .post .tel, .page-template-page-member .post .fax, .page-template-page-member .post .email {
  padding-right: 20px;
}

.page-template-page-member .post .member_more {
  display: block;
}

.single-member-post .colum2_left h2 {
  border-top: 1px solid #8ea217;
  border-bottom: 1px solid #8ea217;
  font-size: 16px;
  font-weight: bold;
  color: #8ea217;
}

.single-member-post .colum2_left h2 .senmon {
  font-size: 20px;
  font-weight: normal;
  color: #000;
  display: inline-block;
  padding: 12px 10px 10px;
}

.single-member-post h3 {
  font-size: 16px;
  font-weight: bold;
  color: #8ea217;
  padding: 15px 0;
  margin-top: 10px;
}

.single-member-post .ziseki {
  border-top: 1px solid #8ea217;
}

.single-member-post hr {
  border-top-style: dashed;
  border-color: #95979E;
}

.single-member-post .colum2_right {
  font-size: 11px;
}

.single-member-post .colum2_right h4 {
  color: #8ea217;
}

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

          アクセス

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

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

          sidebar

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

#side {
  float: left;
  width: 16%;
  padding: 2%;
}

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

          footer

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

footer {
  overflow: hidden;
  padding: 10px 0;
  color: #95979e;
  background-color: #35373C;
  box-shadow: 0 8px 12px -8px #222 inset;
}

footer p {
  float: left;
  padding-left: 15px;
}

footer .footer_info {
  font-size: 11px;
  padding-top: 5px;
  line-height: 1.2;
}

footer .footer_info .info_title {
  font-size: 16px;
}

/****************************************

          WordPress Misc

*****************************************/

ol li {
  list-style: decimal;
  list-style-position: outside
}

strong {
  font-weight: bold;
}

strong span {
  font-weight: bold;
}

cite, em, i {
  font-style: italic;
}

big {
  font-size: 131.25%;
}

ins {
  background: #ffc;
  text-decoration: none;
}

blockquote {
  font-style: italic;
  padding: 0 3em;
}

blockquote cite, blockquote em, blockquote i {
  font-style: normal;
}

pre {
  background: #f7f7f7;
  color: #222;
  line-height: 18px;
  margin-bottom: 18px;
  overflow: auto;
  padding: 1.5em;
}

abbr, acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

sup, sub {
  height: 0;
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}

sup {
  bottom: 1ex;
}

sub {
  top: .5ex;
}

.wp-caption {
  margin: 10px;
  padding-top: 4px;
  text-align: center;
}

.wp-caption-text, .gallery-caption {
  font-size: 80%;
}

.wp-caption img {
  margin: 0;
  padding: 0;
  border: 0 none;
}

.wp-caption-dd {
  margin: 0;
  padding: 0 4px 5px;
  font-size: 11px;
  line-height: 17px;
}

blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

blockquote.alignleft, img.alignleft {
  margin: 7px 20px 7px 0;
}

.wp-caption.alignleft {
  margin: 7px 20px 7px 0;
}

blockquote.alignright, img.alignright {
  margin: 7px 0 7px 20px;
}

.wp-caption.alignright {
  margin: 7px 0 7px 20px;
}

blockquote.aligncenter, img.aligncenter, .wp-caption.aligncenter {
  margin-top: 7px;
  margin-bottom: 7px;
}

/*wp-pagenavi 01*/

.wp-pagenavi {
  clear: both;
  text-align: center;
  margin: 40px 0;
}

.wp-pagenavi a, .wp-pagenavi span {
  color: #795A3C;
  background-color: #FFF1DA;
  border: 1px solid #DBC9AA;
  padding: 8px 15px;
  margin: 0 2px;
  white-space: nowrap;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease-in-out;
  -moz-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  text-decoration: none;
}

.wp-pagenavi a:hover {
  color: #FFF;
  background-color: #A09D71;
  border-color: #999;
}

.wp-pagenavi span.current {
  color: #FFF;
  background-color: #FC872E;
  border-color: #FC872E;
  font-weight: bold;
}