@charset "utf-8";
/* CSS Document */

/* .vr_con{

} */

.layout {
  clear: both;
  overflow: hidden;
  border-bottom: 2px solid #DB4D90;
}

.layout ul {
  list-style: outside none none;
  margin: 0 auto;
}

.layout li {
  border-right: 3px solid #fff;
  float: left;
}

.layout li a {
  color: #DB4D90;
  text-decoration: none;
  border-radius: 5px 5px 0px 0px;
  background: #eee;
  display: block;
  padding: 10px 21px;
  font-size: 13px;
}

.layout li a {
  font-size: 15px;
}


.layout .active {
  z-index: 10;
}

.layout .active a {
  background: #DB4D90;
  color: #fff;
}

.area {
  display: none;
}

#lay01,
#lay02,
#lay03,
#lay04,
#lay05,
#lay06,
#lay07,
#lay08,
#lay09 {
  display: none;
}

.tab_box {
  padding-top: 40px;
}

.tab_box .img {
  width: 70%;
  margin: 0 auto;
}

.tab_box .txt {
  float: left;
  width: 335px;
}

.post ul {
  padding-left: 0;
}


.area_02 {
  display: none;
}

#lay01_02,
#lay02_02,
#lay03_02,
#lay04_02,
#lay05_02,
#lay06_02,
#lay07_02,
#lay08_02,
#lay09_02 {
  display: none;
}

.layout_02 {
  clear: both;
  overflow: hidden;
  border-bottom: 2px solid #DB4D90;
}

.layout_02 {
  border: none;
}

.layout_02 ul {
  list-style: outside none none;
  margin: 0 auto;
}

.layout_02 li {
  border-right: 3px solid #fff;
  float: left;
}

.layout_02 li {
  margin-right: 10px;
}

.layout_02 li a {
  color: #DB4D90;
  text-decoration: none;
  border-radius: 5px 5px 0px 0px;
  background: #eee;
  display: block;
  padding: 10px 20px;
  font-size: 13px;
}

.layout_02 li a {
  border-radius: 5px 5px 5px 5px;
  background: #fff;
  border: 1px solid #DB4D90;
  font-size: 15px;
}


.layout_02 .active {
  z-index: 10;
}

.layout_02 .active a {
  background: #DB4D90;
  color: #fff;
}



.area_03 {
  display: none;
}

#lay01_02,
#lay02_02,
#lay03_02,
#lay04_02,
#lay05_02,
#lay06_02,
#lay07_02,
#lay08_02,
#lay09_02 {
  display: none;
}

.layout_03 {
  clear: both;
  overflow: hidden;
  border-bottom: 2px solid #DB4D90;
}

.layout_03 {
  border: none;
}

.layout_03 ul {
  list-style: outside none none;
  margin: 0 auto;
}

.layout_03 li {
  border-right: 3px solid #fff;
  float: left;
}

.layout_03 li {
  margin-right: 10px;
}

.layout_03 li a {
  color: #DB4D90;
  text-decoration: none;
  border-radius: 5px 5px 0px 0px;
  background: #eee;
  display: block;
  padding: 10px 38px;
  font-size: 13px;
}

.layout_03 li a {
  background: #fff;
  font-size: 15px;
  border-radius: 5px;
  border: 1px solid #DB4D90;
  padding: 10px 20px;
}


.layout_03 .active {
  z-index: 10;
}

.layout_03 .active a {
  background: #DB4D90;
  color: #fff;
}


.area_04 {
  display: none;
}

#lay01_02,
#lay02_02,
#lay03_02,
#lay04_02,
#lay05_02,
#lay06_02,
#lay07_02,
#lay08_02,
#lay09_02 {
  display: none;
}

.layout_04 {
  clear: both;
  overflow: hidden;
  border-bottom: 2px solid #DB4D90;
}

.layout_04 {
  border: none;
}

.layout_04 ul {
  list-style: outside none none;
  margin: 0 auto;
}

.layout_04 li {
  border-right: 3px solid #fff;
  float: left;
}

.layout_04 li {
  margin-right: 10px;
}

.layout_04 li a {
  color: #DB4D90;
  text-decoration: none;
  border-radius: 5px 5px 0px 0px;
  background: #eee;
  display: block;
  padding: 10px 38px;
  font-size: 13px;
}

.layout_04 li a {
  border-radius: 5px;
  background: #FFF;
  display: block;
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #DB4D90;
}



.layout_04 .active {
  z-index: 10;
}

.layout_04 .active a {
  background: #DB4D90;
  color: #fff;
}



.area_05 {
  display: none;
}

#lay01_02,
#lay02_02,
#lay03_02,
#lay04_02,
#lay05_02,
#lay06_02,
#lay07_02,
#lay08_02,
#lay09_02 {
  display: none;
}

.layout_05 {
  clear: both;
  overflow: hidden;
  border-bottom: 2px solid #DB4D90;
}

.layout_05 {
  border: none;
}

.layout_05 ul {
  list-style: outside none none;
  margin: 0 auto;
}

.layout_05 li {
  border-right: 3px solid #fff;
  float: left;
}

.layout_05 li {
  margin-right: 10px;
}

.layout_05 li a {
  color: #DB4D90;
  text-decoration: none;
  border-radius: 5px 5px 0px 0px;
  background: #eee;
  display: block;
  padding: 10px 38px;
  font-size: 13px;
}

.layout_05 li a {
  border-radius: 5px;
  background: #FFF;
  display: block;
  padding: 10px 20px;
  font-size: 15px;
  border: 1px solid #DB4D90;
}



.layout_05 .active {
  z-index: 10;
}

.layout_05 .active a {
  background: #DB4D90;
  color: #fff;
}

#tab_01 {
  padding-bottom: 70px;
}

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

   margin

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

.box01 {
  margin: 10px 0 !important;
}

.box02 {
  margin: 20px 0 !important;
}

.box03 {
  margin-top: 10px !important;
}

.box04 {
  margin-bottom: 10px !important;
}

.box05 {
  margin-top: 20px !important;
}

.box06 {
  margin-bottom: 20px !important;
}

.box07 {
  margin-top: 30px !important;
}

.box08 {
  margin-bottom: 30px !important;
}

/*------------------------------------------------
 レスポンシブ　　　max-width:480px
------------------------------------------------*/

@media screen and (max-width:480px) {

  .layout_03 ul li,
  .layout_04 ul li {
    margin-bottom: 15px;
  }
}


/*グループ1
			------------------------------------------------------------*/
/*ブログタイトル*/

header .sitename a {
  color: #1a1a1a;
}

.layout_04 ul li {
  margin-bottom: 10px;
}

/* メニュー */
nav li a {
  color: #1a1a1a;
}

/*ヘッダーリンク*/
#header-r .footermenust li {
  border-right-color: #1a1a1a;
}

#header-r .footermenust a {
  color: #1a1a1a;
}

/*ページトップ*/
#page-top a {
  background: #000;
}

/*キャプション */

header h1 {
  color: #1a1a1a;
}

header .descr {
  color: #1a1a1a;
}

/* アコーディオン */
#s-navi dt.trigger .op {
  color: #000;
}

.acordion_tree li a {
  color: #1a1a1a;
}

/* サイド見出し */
aside h4 {
  color: #1a1a1a;
}

/* フッター文字 */
#footer,
#footer .copy,
#footer .rcopy,
#footer .copy a,
#footer .rcopy a {
  color: #1a1a1a;
}

/* スマホメニュー文字 */
.acordion_tree ul.menu li a,
.acordion_tree ul.menu li {
  color: #000;
}

.acordion_tree ul.menu li {
  border-bottom: dotted 1px #000;
}

/*グループ2
			------------------------------------------------------------*/
/* 中見出し */
h2 {
  color: #1a1a1a;
}

h2:after {
  border-top: 10px solid;
}

h2:before {
  border-top: 10px solid;
}

/*小見出し*/
.post h3 {
  color: #000;
  border-bottom: 1px #000 dotted;
  background-color: #fff;
}

.post h4 {
  background-color: #f3f3f3;
}

/* サイド見出し */
aside h4 {
  color: #000;
}

/*グループ4
			------------------------------------------------------------*/
/* RSSボタン */
.rssbox a {
  background-color: #87BF31;
}

/*お知らせ
			------------------------------------------------------------*/
/*お知らせバーの背景色*/
.rss-bar {
  border-color: #fff;
  color: #000;
  /*Other Browser*/
  background: #fff;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(#ff0000 0%, #fff 100%);
  /*For Modern Browser*/
  background: linear-gradient(#ff0000 0%, #fff 100%);
}

/*固定ページサイドメニュー
			------------------------------------------------------------*/
/*背景色*/

#sidebg {
  background: #f3f3f3;
}

#side aside .st-pagelists ul li ul li {
  border-color: #0277bd;
}

#side aside .st-pagelists ul li a {
  color: #000;
  /*Other Browser*/
  background: #ffffff;
  /*For Old WebKit*/
  background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
  /*For Modern Browser*/
  background: linear-gradient(#ffffff 0%, #ffffff 100%);
}

#side aside .st-pagelists .children a {
  border-bottom-color: #000;
  color: #000;
}

#side aside .st-pagelists .children li .children a,
#side aside .st-pagelists .children li .children .children li a {
  color: #000;
}

/*追加カラー
			------------------------------------------------------------*/
/*フッター*/
footer,
footer p,
footer a {
  color: #000 !important;
}

footer .footermenust li {
  border-right-color: #000 !important;
}

/*任意の人気記事
			------------------------------------------------------------*/

.post h4.p-entry {
  background: #FEB20A;
  color: #fff;
}

.poprank-no2 {
  background: #FEB20A;
  color: #fff !important;
}

.poprank-no {
  background: #FEB20A;
  color: #fff;
}

/*  */
.layout_06 ul,
.layout_07 ul {
  text-align: center;
  padding-right: 0 !important;
}

.layout_06 ul li,
.layout_07 ul li {
  width: 96%;
  display: inline-block;
  padding-bottom: 30px;
}

.layout_06 ul li .img,
.layout_07 ul li .img {
  width: 94% !important;
}

.layout_06 ul li .img img,
.layout_07 ul li .img img {
  width: 100% !important;
  height: auto;
}

.layout_06 ul li p,
.layout_07 ul li p {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  color: #DB4D90;
  margin-bottom: 10px;
}

/*media Queries タブレットサイズ
			----------------------------------------------------*/
@media only screen and (min-width: 480px) {
  .layout_06 ul li {
    width: 30%;
  }

  .layout_07 ul li {
    width: 23.5%;
  }
}

/*media Queries タブレットサイズ
			----------------------------------------------------*/
@media only screen and (min-width: 414px) {

  /*追加カラー
				------------------------------------------------------------*/
  /*フッター*/
  footer {
    margin: 0 -20px;
  }
}

/*media Queries PCサイズ
			----------------------------------------------------*/
@media only screen and (min-width: 781px) {
  nav.smanone {
    border-color: #ffffff;
    /*Other Browser*/
    background: #ffffff;
    /*For Old WebKit*/
    background: -webkit-linear-gradient(#ffffff 0%, #ffffff 100%);
    /*For Modern Browser*/
    background: linear-gradient(#ffffff 0%, #ffffff 100%);
  }

  header ul.menu li {
    border-right-color: #ffffff;
  }

  header ul.menu li a {
    color: #000;
  }

  header ul.menu li li a {
    background: #f3f3f3;
    border-top-color: #ffffff;
  }

  header .textwidget {
    background: #ffffff;
  }
}