@charset "UTF-8";

/*--------------------------------------------------
**************************************************
  リセット
**************************************************
--------------------------------------------------*/
body {
     background: #ffffff;
     color: #333333;
     font-family: Verdana,"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
     font-size: 14px;
     line-height: 1.4;
     margin: 0px;
     padding: 0px;
}

* {
     border: 0px none;
     margin: 0px;
     padding: 0px;
}

table {
     border-collapse: collapse;
     border-spacing: 0px;
}

html {
     overflow-y: scroll;
}

h1, h2, h3, h4, h5, h6, p, ul, li, dl, dt, dd, form {
     margin: 0px;
     padding: 0px;
}

ul {
     list-style-type: none;
}

img {
     border: 0px none;
}

.clearfix:before, .clearfix:after { content:""; display:table; }
.clearfix:after { clear:both; }
/* For IE 6/7 (trigger hasLayout) */
.clearfix { zoom:1; }

.center {
     text-align: center;
}

/*--------------------------------------------------
**************************************************
  フォントカラー・フォントサイズ
**************************************************
--------------------------------------------------*/
a {
     color: #9844c2;
     text-decoration: none;
}

a:hover {
     color: #7916ab;
     text-decoration: underline;
}

a img {
	display: block;
}

em {
	color: #e58c93;
	font-weight: normal;
	font-style: normal;
}

strong {
     /*font-size: 150%;*/
     font-size: 100%;
}

.bold {
     font-weight: bold;
}

.big01 {
     font-size: 110%;
}

.big02 {
     font-size: 120%;
}

.big03 {
     font-size: 130%;
}

.big04 {
     font-size: 140%;
}

.big05 {
     font-size: 150%;
}

.small {
     font-size: 85%;
}

.red {
     color: #cc0000;
}

.green {
     color: #00824c;
}

.red02 {
     color: #cc0000;
     font-size: 12px;
}

.pink {
     color: #f04380;
}

.blue {
     color: #003399;
}

/*--------------------------------------------------
**************************************************
  ボックスレイアウト(基本)
**************************************************
--------------------------------------------------*/
#container{
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

#wrapper {
	width: 1080px;
    height: auto;
    margin: 0 auto;
    padding: 0px;
    z-index:  999;
    box-sizing: border-box;
}

.inner {
	width: 1080px;
	margin: 0 auto;
}

.center{
	text-align: center;
}

/* --ぱんくず-- */
#breadcrumb {
  width: 1080px;
	margin: 0 auto;
	padding: 20px 0 0;
	font-size: 11px;
}

/*右寄せ（テキスト）*/
.box_right{
	margin: 15px 0 0 0;
	text-align: right;
}

/*右寄せ（画像）*/
.imgs_right{
	margin: 0;
	padding: 0 0 20px 20px;
	float: right;
}

/*左寄せ（画像）*/
.imgs_left{
	margin: 0;
	padding: 0 15px 0 0;
	float: left;
}

/* --マージンなしフロート-- */
.img_l {
	margin: 0;
	padding: 0;
	float: left;
}
.img_r {
	margin: 0;
	padding: 0;
	float: right;
}

.center{
	text-align: center;
}
.contents_box p.mt20 {
	margin: 20px 0 0 0;
}
.contents_box p.mt30 {
	margin: 30px 0 0 0;
}
.contents_box p.mt40 {
	margin: 40px 0 0 0;
}
.contents_box p.mt50 {
	margin: 50px 0 0 0;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb50 {
	margin-bottom: 50px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}

.column_3 {
	width:100%;
	box-sizing: border-box;
	padding:5px 0;
}
.column_3 .child_col {
	float: left;
	width:31%;
	box-sizing: border-box;
	margin:10px 1%;
}

/* -- CSSで画像を整形していたら -- */
a.opa:hover {
	-ms-filter: "alpha( opacity=80 )";
	filter: alpha( opacity=80 );
	opacity: 0.8;
}

/*--------------------------------------------------
**************************************************
  HEADER
***************************************************/
#header{
	margin: 0;
	padding: 0 0 32px 0;
	border-top: 6px solid #b97bd9;
	background: url(../imgs/common/header_bg.png)  repeat-x bottom;
}

#header_inner{
	width: 1080px;
	margin: 0 auto;
}

#logo{
	margin: 20px 150px 0 0;
	padding: 0;
    width: 300px;
	float: left;
}

#gnavi{
	margin: 15px 0 0 140px;
	float: left;
}

#gnavi ul li{
	margin: 0 30px;
	float: left;
}

#nav_box {
  position: relative;
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  z-index: 9999999;
}


#nav_box li a {
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#nav_box li ul {
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#nav_box li ul li{
     clear: both;
  overflow: hidden;
  width: 135px;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#nav_box li ul li a{
  padding: 13px 15px;
  background: #9844c2;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  opacity: 0.8;
     font-weight: bold;
}

#nav_box li.bg_none:hover > a{
  background-color: #FFF;
}

#nav_box #nav_box_category li:hover > a{
  background: #7a1ca9;
  color: #FFF;
}
#nav_box > li:hover > a{
  border-radius: 3px 3px 0 0;
}

#nav_box li:hover #nav_box_category li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7a1ca9;
  border-bottom: 1px solid #b983d4;
}
#nav_box li:hover ul li:first-child{
  border-top: 0;
}
#nav_box li:hover ul li:last-child{
  border-bottom: 0;
}
#nav_box li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

#nav_box #nav_box_category{
	margin: 0 0 0 1px;
}

#nav_box #nav_box_fortune{
	margin: 0 0 0 196px;
}

#nav_box #nav_box_fortune a{
	background: #e46183;
     font-weight: bold;
}

#nav_box li:hover #nav_box_fortune li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #da5275;
  border-bottom: 1px solid #f0a7ba;
}

#nav_box #nav_box_fortune li:hover > a{
  background: #d3305a;
  color: #FFF;
}

#ky_box{
	margin: 35px 0 0 0;
	float: right;
}

.hd_search {
    position: relative;
    top: 0;
}

input[type="text"], input[type="email"], input[type="password"], textarea {
    border: 1px solid #ddd;
    box-sizing: border-box;
    color: #333;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.hd_search_input {
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 12px;
    height: 30px;
    padding: 0 50px 0 8px;
    position: relative;
    width: 240px;
}

input[type="button"], input[type="submit"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: initial;
    border-style: none;
    border-width: 0;
    padding: 0;
}
.hd_search_btn {
    background: url("../imgs/common/search_icon.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    cursor: pointer;
    height: 30px;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
}


/*--------------------------------------------------
**************************************************
  Main Content
**************************************************
--------------------------------------------------*/
#main_contents{
	width: 720px;
	float: left;
}

#main_contents .box_title {
	text-align: center;
	font-size: 20px;
	margin-bottom: 20px;
	padding-bottom: 4px;
	border-bottom: 5px solid #eeeeee;
	border-radius: 3px;
}

.contents_box h1 {
	margin-bottom: 20px;
	padding-bottom: 6px;
	border-bottom: 5px solid #eeeeee;
	border-radius: 3px;
	font-size: 20px;
	padding-left: 20px;
	margin-top: -1px;
}
.contents_box p {
	margin: 20px 0 0;
}
.contents_box dl {
	margin: 20px 0 0;
}
.contents_box dl dt {
  font-weight: bold;
  padding: 0 0 3px;
  border-bottom: 1px dotted #999;
}
.contents_box dl dd {
  margin: 10px 0 0;
}

.contents_box table {
	margin: 30px 0 0;
  width: 100%;
  box-sizing: border-box;
  text-align: left;
}
.contents_box table th {
  padding: 10px 0;
  width: 15%;
}
.contents_box table td {
  padding: 10px;
  line-height: 1.7em;
}
.contents_box table td a:hover {
	text-decoration: underline;
}




/*-- タグ --*/
#tag{
  width: 86%;
  margin: 20px auto 0;
  padding: 10px;
  border-radius: 3px;
  border: 5px solid #EEE;
}

#tag ul li{
  float: left;
  margin: 5px;
  border: 1px solid #C0C0C0;
  padding: 3px;
}

#tag ul li a{
  color: #111;
}

/*--------------------------------------------------
**************************************************
  Side contents
**************************************************
--------------------------------------------------*/
#sub_contents {
	width: 320px;
	float: right;
}

#sub_contents .pr_bnr_box{
	margin: 20px 0 0 0;
	padding: 1px 14px 11px;
	background-color: #EEE;
}

#sub_contents .pr_bnr_box ul li{
	margin: 10px 0 0 0;
}

#sub_contents p.side_title {
	margin: 30px 0 0 0;
	padding: 0 0 5px 0;
	background: url(../imgs/common/side_title_bg.png) no-repeat bottom;
	font-size: 18px;
	font-weight: normal;
}

#sub_contents p.side_title span{
	font-size: 11px;
}

#side_popular_list {
  margin: 21px 0 0 0;
  padding: 0;
}
#side_popular_list article {
	margin: 15px 0 0 0;
}

#side_popular_list article p.thumbnail {
  width: 150px;
  height: 78px;
  margin-right: 10px;
  float: left;
}
#side_popular_list article p.thumbnail img {
  width: 150px;
  height: 78px;
}
#side_popular_list article p.thumbnail a img {
  display: block;
}

.wpp-list {
    counter-reset: wpp-ranking;
     position: relative;
}

.wpp-list article:before {
    margin: 3px 0 0 0;
     color:#6D15AB;
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
    text-align:center;
    opacity:0.65;
    line-height:30px;
    width: 30px;
    height: 30px;
     font-weight: bold;
    background-color:#FFF;
    border-radius: 40px;
    -moz-border-radius: 2px;
     position: absolute;
     left: 5px;
     z-index: 999999999;
}


#side_popular_list2 {
  margin: 15px 0 0 0;
  padding: 0;
     font-size: 12px;
}

#side_popular_list2 ul li{
     margin: 15px 0 0 0;
     padding: 0 0 0 10px;
     background: url(../imgs/common/icon_footer_arrow.png) no-repeat 0 5px;
}

#side_sns ul{
	margin: 20px 0 0 0;
}

#side_sns ul li{
	height: 40px;
	margin: 10px 0 0 0;
}

.fb-page{
	margin: 30px 0 0 0;
}

/*--------------------------------------------------
**************************************************
  Footer
**************************************************
--------------------------------------------------*/
footer {
	margin: 50px auto 0;
	padding: 0;
	border-top: 20px solid #EEE;
}

#footer_top #footer_left{
	margin: 40px 0 0 0;
	float: left;
}

#footer_top #footer_left ul li{
	margin: 0 50px 0 0;
	padding: 0 50px 0 0;
	border-right: 1px solid #C0C0C0;
	float: left;
}


#footer_top #footer_right{
	float: right;
     margin: 30px 0 0 0;
}

#footer_top #footer_right ul li{
	float: left;
	margin: 0 10px 0 0;
     position: relative;
     top:-11px;
}

#footer_middle{
	background-color: #EEE;
	padding: 10px 0;
	margin: 10px 0 0 0;
}

#footer_middle ul li{
	float: left;
	margin-right: 30px;
	padding: 0 0 0 8px;
	background: url(../imgs/common/icon_footer_arrow.png) no-repeat 0 7px;
}

#footer_middle ul li a{
	font-size: 11px;
	color: #111;
}

#footer_bottom{
	background-color: #B97BD9;
	padding: 20px 0;
}

#footer_logo {
	width: 300px;
	padding: 0;
	margin: 0;
	float: left;
}

#copyright{
	margin: 20px 0 0;
	color: #e2e2e2;
	font-size: 11px;
  	float: right;
}

#pageup{
	bottom: 20px;
	right: 20px;
	position: fixed;
}


/* --関連動画-- */
#film_roll_slider dl dt {
     background-color: #111111;
     border-radius: 2px;
     color: #ffffff;
     font-weight: bold;
     margin: 10px auto 5px;
     padding: 2px 0px;
     text-align: center;
     width: 70%;
}

#film_roll_slider dl dd img {
     border-radius: 3px;
     border: 2px solid #111111;
}

.film_roll_wrapper {
overflow: hidden;
}
.film_roll_shuttle {
position: relative;
}
.film_roll_child {
display: inline-block;
margin-right: 10px;
}
.btn_prev,
.btn_next {
position: absolute;
top: 30%;
width: 48px;
height: 48px;
}
.btn_prev {
left: 15px;
}
.btn_next {
right: 15px;
}
.btn_prev:hover,
.btn_next:hover {
opacity: 0.7;
}
.film_roll_pager {
text-align: center;
}
.film_roll_pager a {
display: inline-block;
width: 150px;
height: 93px;
margin: 0 15px 0 0;
}
.film_roll_pager a:nth-child(1) {
background: url(images/S/img01.jpg) no-repeat;
}
.film_roll_pager a:nth-child(2) {
background: url(images/S/img02.jpg) no-repeat;
}
.film_roll_pager a:nth-child(3) {
background: url(images/S/img03.jpg) no-repeat;
}
.film_roll_pager a:nth-child(4) {
background: url(images/S/img04.jpg) no-repeat;
}
.film_roll_pager a:nth-child(5) {
background: url(images/S/img05.jpg) no-repeat;
}
.film_roll_pager a.active:nth-child(1),
.film_roll_pager a.active:nth-child(2),
.film_roll_pager a.active:nth-child(3),
.film_roll_pager a.active:nth-child(4),
.film_roll_pager a.active:nth-child(5) {
opacity: 0.6;
}
.film_roll_pager span {
display: none;
}
#film_roll_arrow {
display: none;
}

/* ページャー */
.pager{
	margin-bottom: 20px;
	text-align:center}

a.page-numbers,
.pager .current{
	background-color: #edede3;
	border: solid 1px #aaaaaa;
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;}

.pager .current{
	background-color: #000000;
	border: solid 1px #000000;
	color: #ffffff;}

.pager a:hover{
	color: #ffffff;
	border: solid 1px #000000;
	background-color: #000000;
}

.voide_time{
     margin: 15px 0 0 0;
     padding: 10px;
     border: 3px solid #EEE;
}

.voide_time dl dt{
     color: #CC0000;
     font-weight: bold;
     text-align: center;
}

.voide_time dl dd{
     margin: 10px 0 0 0;
     font-size: 12px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

/* 20170331 サイドバナー固定 追加 */
.fixed-bnr {
  margin-top: 30px;
}
.fixed {
  position: fixed;
  top: 30px;
  margin-top: 0;
}

/* 20170403 記事h2下バナー */
.ad_before_moretag {
  margin-top: 50px;
}





#footer_bottom .link {
  float: right;
  margin: 20px;
}
/*#footer_bottom .link a {
  color: #fff;
}*/