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


/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img{
  margin:0;
  padding:0;
  border:none;
  outline:none;
  font-size:1rem;
}
header,nav,section{
  display:block;
}
html{
  font:12px/1.3 "ヒラギノ角ゴ Pro W3";
  font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  -webkit-text-size-adjust:none;
}
li{
  list-style:none;
}
/*----------------------
	レイアウト
-----------------------*/
body{
  background:#ffffff;
  width:100%;
}
/* リンク色変更はここ */
a{
  color:#0080ff;
  text-decoration:none;
}
img{
  vertical-align: top;
  font-size:0;
  line-height: 0;
  border:0;
}
img.full{
  width:100%;
}
.logo img{
  width:100%;
}
#container{
  background-size:100% auto;
/*背景画像を横幅いっぱいに表示*/
}
#container{
  margin:0px auto;
  border:1px solid #666;
  background:#ffffff;
}
/*----------------------------------------
 トップページここから
----------------------------------------*/

/* ヘッダ部分
--------------------*/
#head{
  }
#head h1{
  }
h1 span{
  display:block;
  font-size:12px;
  line-height:1.2;
}
h1 a{
  font-size:24px;
}
.left_link{
  background : url() left top / auto auto no-repeat scroll padding-box border-box transparent;
  width:42px;
  height:42px;
  padding-top:30px;
  text-align:center;
  position:absolute;
  top:0;
  right:1.5%;
}
.title{
  }
.title img{
  width:100%;
}
/* ニュース部分
--------------------*/
#news{
  margin:1% 0;
  border:solid #333631;
  border-width:2px 0 1px;
}
#news ul{
  background : url(title_new.gif) left center / auto auto repeat-y scroll padding-box border-box transparent;
  min-height:69px;
  padding-top:1%;
  padding-left:15%;
  border-top-width : medium;
  border-right-width : medium;
  border-bottom-width : medium;
  border-left-width : medium;
  border-top-style : solid;
  border-right-style : solid;
  border-bottom-style : solid;
  border-left-style : solid;
  border-top-color : #fff000;
  border-right-color : #fff000;
  border-bottom-color : #fff000;
  border-left-color : #fff000;
  border-width:1px 0;
}
#news ul li{
  margin-bottom:1%;
  list-style:disc inside;
}
#news ul li a{
  text-decoration:underline;
}
/* サイト説明部分
--------------------*/
.desc{
  margin-bottom:1%;
  padding:2% 1%;
  border:solid #333631;
  border-width:2px 0 1px;
}
/* 広告部分
--------------------*/
.ad_top{
  text-align:center;
  padding:5px;
}
.ad_top img{
  width:99%;
  height:auto;
  margin-top: 10px;
}
.ad{
  text-align:center;
  padding:5px;
  background:#fffbe6;
}
.ad img{
  width:99%;
  height:auto;
  margin-bottom:5px;
}
.column{
  text-align:center;
  padding:10px;
  background:#fff;
}
.docomo_info{
  font-size:80%;
  text-align:right;
  padding-right:5px;
  background:#ff0064;
  color:#fff;
}
/* カテゴリ部分
--------------------*/
#categories{
  background:#fff1f0;
}
#categories h2 a{
  color:#ff0066;
  font-weight:normal;
}
#categories .category{
  overflow:hidden;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #ddd;
  background : url(link_arrow.png) 100% 50% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:10px 25px 10px 5px;
  display:block;
}
#categories .menu_text{
  padding-top:5px;
}
#categories .title_icon{
  margin:0px 10px 0px 0px;
  text-align:center;
  float:left;
}
#senjyutsu{
  background:#fff1f0;
  overflow:hidden;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #ddd;
}
#senjyutsu h2 a{
  background : url(link_arrow_blue.png) 100% 50% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:5px 25px 17px 0px;
  display:block;
  font-weight:normal;
}
#senjyutsu span{
  font-size:14px;
  color:blue;
  font-weight:bold;
}
#senjyutsu .category{
  background:#f6ecff;
  overflow:hidden;
  padding-top:3px;
  border-top:solid 1px #fff;
  border-bottom:solid 1px #ddd;
}
#senjyutsu .title_icon{
  margin:5px;
  text-align:center;
  float:left;
}
/* フッター部分
--------------------*/
.foot_link{
  overflow:hidden;
}
.top{
  background : url(link_bg.gif) left top / auto auto repeat scroll padding-box border-box transparent;
  margin:2% 2% 0 77%;
  padding:2% 3%;
  display:block;
  border:solid 1px #BBBEBA;
  border-radius:5px 5px 0px 0px;
  text-align:center;
  font-weight:bold;
  text-shadow: 0px 1px 1px #BBBABA;
  -moz-box-shadow:0px 0px 1px 1px #333631;
  -webkit-box-shadow:0px 0px 1px 1px #333631;
  box-shadow:0px 0px 1px 1px #333631;
}
.back{
  background : url(link_bg.gif) left top / auto auto repeat scroll padding-box border-box transparent;
  margin:2% 2% 0 54%;
  padding:2% 3%;
  display:block;
  border:solid 1px #BBBEBA;
  border-radius:5px 5px 0px 0px;
  text-align:center;
  font-weight:bold;
  text-shadow: 0px 1px 1px #BBBABA;
  -moz-box-shadow:0px 0px 1px 1px #333631;
  -webkit-box-shadow:0px 0px 1px 1px #333631;
  box-shadow:0px 0px 1px 1px #333631;
  float:left;
}
.cr{
  background:#333631;
  padding:3% 0;
  text-align:center;
  color:#B2B5B0;
}
.cr a{
  color:#B2B5B0;
}
/*----------------------------------------
	カテゴリページ一覧ここから
----------------------------------------*/

/* カテゴリタイトル部分
--------------------*/
#categories_title{
  margin:1% 0;
  border-top:solid 2px #333631;
  border-bottom:solid 1px #fff;
}
#categories_title .category{
  border-top-color:#ffa3e4;
}
#categories_title h2{
  margin-left:2%;
  padding:3% 7% 1% 0;
  font-size:18px;
}
/* 記事部分
--------------------*/
#sections{
  }
#sections p{
  padding:10px;
}
#sections .line{
  border:2px solid #ff70ad;
  margin:7px;
  padding:10px;
}
.lineuptitle{
  background:#ff70ad;
  color:#fff;
  padding:2px;
  text-align:center;
  margin-bottom:5px;
}
#osusume{
  margin-bottom:20px;
}
.osusume{
  overflow:hidden;
  border-top:solid 1px #fff;
  border-bottom:dotted 1px #ff6c00;
  height: 80px;
  background:#fff7d9;
}
.osusume img{
  max-width:80px;
  max-height:80px;
  margin:6px;
  float:left;
}
.osusume h3 a{
  background : url(link2_bg.png) 100% 50% / auto auto repeat-y scroll padding-box border-box transparent;
  min-height:82px;
  margin-left:2%;
  display:block;
}
.osusume span{
  margin-top:1%;
  display:block;
  font-size:13px;
  font-weight:normal;
  color:#333631;
  line-height: 80px;
  font-size:16px;
  font-weight:bold;
  padding-left:3px;
  color:#0E0F0E;
  text-decoration:underline;
}
.mainichi{
  overflow:hidden;
  border-top:solid 1px #fff;
  border-bottom:dotted 1px #ff70ad;
  margin-bottom:5px;
}
.mainichi img{
  max-width:200px;
  max-height:82px;
  margin:6px;
  float:left;
}
.mainichi h3 a{
  background : url(link2_bg.png) 100% 50% / auto auto repeat-y scroll padding-box border-box transparent;
  min-height:82px;
  margin-left:2%;
  padding:3.5% 6% 2% 0;
  display:block;
}
.mainichi h3 a strong{
  padding-left:3px;
  color:#0E0F0E;
  text-decoration:underline;
  font-size:16px;
}
.mainichi h3 a span{
  margin-top:1%;
  display:block;
  font-size:13px;
  font-weight:normal;
  color:#333631;
}
.boxes{
  overflow:hidden;
  border-top:solid 1px #fff;
  border-bottom:dotted 1px #ff70ad;
  margin-bottom:5px;
}
.boxes img{
  max-width:82px;
  max-height:82px;
  margin:3% 2% 2%;
  float:left;
}
.boxes h3 a{
  background : url(link2_bg.png) 100% 50% / auto auto repeat-y scroll padding-box border-box transparent;
  min-height:82px;
  margin-left:2%;
  padding:3.5% 6% 2% 0;
  display:block;
}
.boxes h3 a strong{
  padding-left:3px;
  color:#0E0F0E;
  text-decoration:underline;
}
.boxes h3 a span{
  margin-top:1%;
  display:block;
  font-size:12px;
  font-weight:normal;
  color:#333631;
}
.btn_margin{
  margin:10px;
}
.bianbtn img{
  width:100%;
}
.bianbtn{
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #fff;
  font-size: 14px;
  padding: 10px 5px 10px 5px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#bf00a2), to(#8a009a));
  background-image: -webkit-linear-gradient(top, #bf00a2, #8a009a);
  background-image: -moz-linear-gradient(top, #bf00a2, #8a009a);
  background-image: -ms-linear-gradient(top, #bf00a2, #8a009a);
  background-image: -o-linear-gradient(top, #bf00a2, #8a009a);
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #8a009a;
  text-align:center;
  clear:both;
}
.pickup{
  border-bottom:2px solid #ff6c14;
  margin-bottom:5px;
  padding:5px 0px 10px 0px;
}
.pickup img{
  max-width:90px;
  max-height:90px;
  margin:7px;
  float:left;
}
.pickup h3 a{
  min-height:82px;
  margin-left:2%;
  padding:5px;
  display:block;
}
.pickup h3 a strong{
  padding-left:3px;
  font-size:16px;
  color:#0E0F0E;
  border-left:solid 3px #ff6c14;
}
.pickup h3 a span{
  margin-top:1%;
  display:block;
  font-size:13px;
  font-weight:normal;
  color:#333631;
}
.pickup_t{
  background : url(title_pickup.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:3px 10px 7px 30px;
  font-weight:bold;
  list-style:none;
  font-size:90%;
  color:#fff;
  background-size:100% auto;
  margin-top:5px;
}
.muryou_t{
  background : url(title_muryou.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:3px 10px 5px 30px;
  font-weight:bold;
  list-style:none;
  font-size:90%;
  color:#fff;
  background-size:100% auto;
}
.onayami_t{
  background : url(title_onayami.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:3px 10px 7px 30px;
  font-weight:bold;
  list-style:none;
  font-size:90%;
  color:#fff;
  background-size:100% auto;
}
.osusume_t{
  background : url(title_osusume.png) 0% 0% / auto auto no-repeat scroll padding-box border-box transparent;
  padding:3px 10px 7px 30px;
  font-weight:bold;
  list-style:none;
  font-size:90%;
  color:#fff;
  background-size:100% auto;
  margin-top:5px;
}
/* フッタ-カテゴリリンク群
--------------------*/
#links{
  margin:2% 0 3%;
  padding:5% 3%;
  border:dotted #7F827D;
  border-width:1px 0;
  text-align:center;
}
/*----------------------------------------------------
	ナビ
----------------------------------------------------*/

#nav{
  background:transparent url() ;
  padding:10px 0px 0px 0px;
}
#nav a{
  }
#nav img{
  width:20%;
  float:left;
  margin-bottom:5px;
}
#nav,
#nav ul{
  clear:both;
  overflow:auto;
}
/*----------------------------------------
	記事ページここから
----------------------------------------*/

/* パンくず
--------------------*/
#pan{
  margin:1% 0;
  padding:2% 4%;
  border:solid #333631;
  border-width:2px 0 1px;
}
#pan a{
  color:#7F827D;
}
/* 記事部分
--------------------*/
#kiji h2{
  background : url(title_bg.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
  margin:4% 3% 3%;
  padding:2%;
  border-left:solid 4px #ff005f;
  color:#ff005f;
}
#img_bg{
  background : url(img_bg.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
  margin:0 3% 2%;
  padding:5%;
  overflow:hidden;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#img_bg img{
  max-width:100%;
  max-height:155px;
}
#kiji p{
  margin:2% 1% 4%;
  padding:2%;
}
#set_box{
  padding:10px;
}
#set_box h1{
  font-size:120%;
  padding-bottom:10px;
}
#set_box h3{
  font-size:120%;
  padding-top:10px;
}
#set_box p{
  padding:5px 0px;
}
/*----------------------------------------------------
	breadcrumbs
----------------------------------------------------*/
#breadcrumbs-container{
  background-color: #222222;
  color: #fff;
  border-top: 2px solid #222;
  border-bottom: 2px solid #222;
}
.breadcrumbs::after{
  content: '';
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
* html .breadcrumbs{
  zoom: 1;
}
*:first-child + html .breadcrumbs{
  zoom: 1;
}
.breadcrumbs p{
  float: left;
  margin: 0;
  padding: 0;
  max-width: 83%;
  overflow: hidden;
  white-space: nowrap;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.breadcrumbs span,
.breadcrumbs a{
  padding: 24px 5px;
  color: #fff;
  text-decoration: none;
  text-shadow: 0px 2px 0px #222;
  background : url(breadcrumbs_bg.gif) left center / auto auto repeat-x scroll padding-box border-box transparent;
  border:0;
}
.breadcrumbs span.sep{
  padding: 24px 8px;
  background : url(breadcrumbs_sep.gif) right center / auto auto no-repeat scroll padding-box border-box transparent;
}
.breadcrumbs span.current{
  background : url(breadcrumbs_tail.gif) left center / auto auto no-repeat scroll padding-box border-box #222222;
  padding-left: 30px;
}
.breadcrumbs .onair{
  float: right;
  padding: 0 2% 0 0;
  line-height: 1.38;
}
.breadcrumbs .onair img{
  height: 1.5em;
}
#bottom_menu{
  background:#C6C6C6;
  color:#000;
  padding:10px;
  text-align:left;
  clear:both;
  font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size:10px;
  margin-top:30px;
}
#bottom_menu a{
  color:#000;
  font-weight:normal;
}
#bottom_menu li{
  display: inline;
}
#bottom_menu ul{
  margin: 0px;
  /* 上下の余白削除 */
padding: 0px;
/* 左の余白（箇条書きの「・」）削除 */
}
#sogo_link{
  background:#f2f2f2;
  padding:10px;
  text-align:left;
  font-size:10px;
}
#sogo_link li{
  display: inline;
}
footer{
  clear:both;
  font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', sans-serif;
  font-size:11px;
  text-align:left;
}
footer .company-name{
  }
.footerlink{
  clear:both;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #333), color-stop(100%, #000));
  background-image: -webkit-linear-gradient(#333, #000);
  background-image: -moz-linear-gradient(#333, #000);
  background-image: -o-linear-gradient(#333, #000);
  background-image: linear-gradient(#333, #000);
}
footer .copyright{
  text-align:center;
  color:#fff;
  padding-top:10px;
  padding-bottom:10px;
}
/*----------------------------------------------------
	TOPページ/ピックアップ占い部分
	2014/07/31追加
----------------------------------------------------*/

.pickup_uranai{
  clear:both;
  margin-bottom:10px;
  /*padding-bottom:10px;
*/
}
/*
.pickup_uranai_title{
  background-image: url(images/oshirase_title_bg.jpg);
  background-repeat:repeat-x;
  padding:5px 10px 4px 10px;
  font-weight:bold;
  list-style:none;
  font-size:120%;
  color:#fff;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
  font-weight: 700;
}
*/
.pickup_uranai p{
  padding: 0 0 5px 10px;
}
.pickup_uranai img{
  padding-bottom:10px;
}
.pickup_uranai li{
  padding:10px 0 10px 25px;
  background-image : url(pickup_uranai_li.png);
  background-repeat:no-repeat;
  list-style:none;
  background-position:10px 12px;
  border-bottom:1px dotted #999;
}
.pickup_uranai li a{
  color:#0033cc;
}
#pickup_page p{
  font-size:120%;
  line-height:1.7em;
}
#pickup_page .title{
  background : url(title_bg.gif) 0% 0% / auto auto repeat scroll padding-box border-box transparent;
  border-left:solid 4px #ff005f;
  color:#ff005f;
  font-weight: bold;
  margin-top: 10px;
}
#pickup_page .pickup_box01{
  border:2px solid #ff70ad;
  margin:0 7px 20px;
  padding: 0 10px;
}
.pickup_box02{
  margin-bottom:10px;
}
.pickup_box02_inner{
  overflow:hidden;
  border-top:dotted 1px #ff70ad;
  border-bottom:dotted 1px #ff70ad;
  margin-bottom:5px;
  background:#fff1f0;
}
.pickup_box02_inner a{
  background : url(pickup_uranai_li.png) 98% 50% / auto auto no-repeat scroll padding-box border-box transparent;
  /*min-height:50px;
  */
	margin-left:2%;
  padding:3.5% 6% 3.5% 0;
  display:block;
}
.pickup_box02_inner a strong{
  padding-left:3px;
  color:/*#0E0F0E*/#ff0066;
  text-decoration:underline;
  font-size:14px;
}
.pickup_box02_inner a span{
  margin-top:1%;
  display:block;
  font-size:13px;
  font-weight:normal;
  color:#333631;
}