@charset "shift_jis";
/*------------------------
Name:takeuchi
Last-update:2014/12/01
------------------------*/

/*-------------------------------------
		下層ページ独自CSS
-------------------------------------*/
/*佐野ひなこスペシャル 150409*/

#hinako{
  background-image:url('../images/event/event_detail_img_150412_02.jpg');
  background-repeat:no-repeat;
  weight:500px;
  padding:250px 20px 10px 0
}

#hinako .btn{
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  text-shadow: 0px 0px 3px #666666;
  font-family: Arial;
  background: #006eb3;
  padding: 10px 20px 10px 20px;
  margin: 0 0 13px 0;
  border: solid #00e1ff 3px;
  text-decoration: none;
  color:#fff; 
  width:450px;
}

#hinako a .btn{
  text-decoration: none;
  color:#fff !important;
  font-weight:bold;
}

#hinako a .btn:hover {
  background: #fcb63c;
  text-decoration: none;
  color:#fff !important;
}

/*更新履歴*/
#news_box {
	padding: 15px 0 0;
}
#news_box h4 {
	margin: 0 0 5px;
}
#news_list li {
	list-style-type: none;
	background: url(../images/top_icon_01.png) no-repeat 15px 6px;
	padding: 8px 0 8px 38px;
	border-bottom: 1px dotted #1e385b;
}
#news_list li a {
	color: #fefefe;
}
#news_list li a:hover {
	color: #fcc814;
	text-decoration: underline;
}


/*DLリスト*/
dl.info_list{
	margin:5px auto 15px;
	padding:10px;
	line-height:0;
	border/*-top*/:#7a98c0 1px dotted;
	/*border-bottom:#7a98c0 1px dotted;*/
	}

dl.info_list dt{
	border-left:#f8e163 10px solid;
	margin:10px 0;
	padding:0 10px;
	line-height:1.2em;
	font-weight: bold;
	color: #f8e163;
	}
dl.info_list .info_title{
	color: #6ABAF4;
	border-left:none!important;
	padding:0;
	font-size:105%;
	}
	
dl.info_list dd{
	line-height:1.5em;
	margin:5px 18px/* auto */ 5px 18px; 
	}

/*イベント・コラムリスト CSS*/
ul.list_contents {
	padding: 0 0 5px 0;

}
/*IE7以外のIE対策*/
html>/**/body ul.list_contents { margin-bottom:10px; }
.list_contents li {
	list-style-type: none;
	float: left;
}
.contents_bg_01 {
	width: 445px;
	height: 80px;
}
.contents_bg_02 {
	width: 445px;
	height: 55px;
	background: #fff;
	margin-left:5px;
	padding-top: 10px;
}
.contents_date {
	width: 440px;
	height: 16px;
	background: #fff;
	margin: 0 0 0 5px;
	padding: 3px 0 0 5px;
	font-size: 13px;
	color: #04101c;
}
.contents_new {
	background: url(../images/icon_new_01.png) no-repeat right;
	padding-right: 345px;
}
.contents_date_red {
	border-left: 6px solid #e7271b;
	padding-left: 5px;
}
.contents_date_blue {
	border-left: 6px solid #4d8fe9;
	padding-left: 5px;
}
.contents_date_green {
	border-left: 6px solid #1d9529;
	padding-left: 5px;
}
.contents_date_silver {
	border-left: 6px solid #6f7276;
	padding-left: 5px;
}
.contents_date_brown {
	border-left: 6px solid #362719;
	padding-left: 5px;
}
.contents_date_pink {
	border-left: 6px solid #f6797d;
	padding-left: 5px;
}

.contents_date_orange {
	border-left: 6px solid #FF7E00;
	padding-left: 5px;
}

.contents_bg_03 {
	width: auto;
	height:55px;
	background: url(../images/list_bg_01.jpg) no-repeat ;
	margin-left: 1px;
	padding: 5px 0 0 15px;
	font-weight: bold;
	font-size: 15px;
}

/*繭の部屋バナー用150401*/

.rule_mayuroom_btn:link{
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}

.rule_mayuroom_btn{
	-webkit-border-radius: 10;
	-moz-border-radius: 10;
	border-radius: 10px;
	border:2px solid #051745;
	text-shadow: 1px 1px 5px #000000;
	color:#fff;
	text-align:center;
	
	margin:5px auto 5px auto;
	background-color:#fff;
	display:block;
	width:530px;
	height:90px;
}
.rule_mayuroom_btn ul{
	background: url(../rule/images/rule_btn_background.jpg) no-repeat left top;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	border:2px solid #50b4bd;
	list-style-type:none;
	height:90px;
}
.rule_mayuroom_btn ul:hover{
	opacity: 0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.rule_mayuroom_btn .date{
	color: #f8e163;
	text-align:right;
}


/*詳細ページ日付部分*/
.detail_date{
	height:30px;
	padding-left:28px;
	background: url(../images/icon_wcross.png) no-repeat left top;
	}

		
/*イベントリスト*/
.event_list_title {
	width:auto;
	margin: 0 0 10px;
}
/*イベント詳細*/
h4.event_h4_off,h4.event_h4_aut,h4.event_h4_cam,h4.event_h4_oth,h4.event_h4_gir {
	width:auto;
	height:66px;
	padding:6px 0 0 95px;
	}
h4.event_h4_off{/*公式イベント*/
	background: url(../images/event_h4_off.jpg) no-repeat;
	}
h4.event_h4_aut{/*公認イベント*/
	background: url(../images/event_h4_aut.jpg) no-repeat;
	} 	
h4.event_h4_cam{/*キャンペーン*/
	background: url(../images/event_h4_cam.jpg) no-repeat;
	}
h4.event_h4_oth{/*その他*/
	background: url(../images/event_h4_oth.jpg) no-repeat;
	}
h4.event_h4_gir{/*WIXOSS GIRLS*/
	background: url(../images/event_h4_gir.jpg) no-repeat;
	}

.comike_booth { /* コミケブース */
	font-size: 200%;
	font-weight: bold;
	line-height: 100%;
	text-shadow: 1px 1px 2px #6abaf4;
}
		
/*コラム詳細*/
h4.columu_h4_play,h4.columu_h4_girl,h4.columu_h4_play_boy{
	width:auto;
	height:110px;
	padding:6px 100px 0;
	}
h4.columu_h4_play{/*WIXOSSプレイング*/
	background: url(../images/columu_h4_play.jpg) no-repeat;
	}

h4.columu_h4_play_boy{/*WIXOSSプレイング*/
	background: url(../images/columu_h4_play_boy.jpg) no-repeat;
	}
	
h4.columu_h4_girl{/*WIXOSSプレイング*/
	background: url(../images/columu_h4_girl.jpg) no-repeat;
	}


/* 吹き出し */
.balloon_area {
	width: 530px;
	margin: 24px 0 32px;
}
.balloon_area img { width:80px }

/* 吹き出し 左向き */
.balloon_box_l {
	width: 408px;
	margin-left: 24px;
	padding: 6px 8px;
	float: left;
	position: relative;
	background: #041947;
	border: 1px solid #24afff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.balloon_box_l:after, .balloon_box_l:before {
	right: 100%;
	top: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon_box_l:before {
	border-color: rgba(36, 175, 255, 0);
	border-right-color: #24afff;
	border-width: 0 22px 20px 0;
	margin-top: -17px;
}
.balloon_box_l:after {
	border-color: rgba(4, 25, 71, 0);
	border-right-color: #041947;
	border-width: 0 20px 18px 0;
	margin-top: -16px;
}

/* 吹き出し考え 左向き */
.balloon_heart_box_l {
	width: 408px;
	margin-left: 24px;
	padding: 6px 8px;
	float: left;
	position: relative;
	background: #041947;
	border: 1px solid #24afff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.balloon_heart_box_l:after, .balloon_heart_box_l:before {
	right: 100%;
	top: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon_heart_box_l:before {
	content: "";
	position: absolute;
	bottom: -17px; left: -20px;
	margin-left: 0;
	display: block;
	width: 15px;
	height: 15px;
	background: #041947;
	border-radius: 50%;
	z-index: 0;
	border: 1px solid #24afff;
}
.balloon_heart_box_l:after {
	content: "";
	position: absolute;
	bottom: -25px; left: -30px;
	margin-left: 0;
	display: block;
	width: 8px;
	height: 8px;
	background: #041947;
	border-radius: 50%;
	z-index: 0;
	border: 1px solid #24afff;
}

/* 吹き出し 右向き */
.balloon_box_r {
	width: 408px;
	margin-right: 24px;
	padding: 6px 8px;
	float: right;
	position: relative;
	background: #041947;
	border: 1px solid #24afff;

	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.balloon_box_r:after, .balloon_box_r:before {
	left: 100%;
	top: 24px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.balloon_box_r:before {
	border-color: rgba(36, 175, 255, 0);
	border-left-color: #24afff;
	border-width: 0 0 20px 22px;
	margin-top: -17px;
}
.balloon_box_r:after {
	border-color: rgba(4, 25, 71, 0);
	border-left-color: #041947;
	border-width: 0 0 18px 20px;
	margin-top: -16px;
}

.balloon_box_l p:last-child, .balloon_box_r p:last-child  { margin-bottom:0; }


/* コラム用：投稿引用 */
.mail_quote{
	background: url(../images/column_mail_quote.png);
	background-color:#687380;
	border:1px solid #ddd;
	width: 510px;
	margin: 0 24px 0 0;
	padding:10px;
	line-height:34px;
}


/*カード詳細検索*/
#card_search dt{
	width: 150px;
	border: 1px solid #7a98c0;
	background: url(../images/card_list_bg.jpg) repeat-x;
	background-color: #042d58;
	float:left;
	padding: 7px 0 7px 0;
	margin: 0 0 25px;
	clear:both;
	text-align: center;
	font-weight:bold;
	font-size: 13px;
	color: #31cce8;
}
#card_search dd {
	margin: 0 25px 25px 150px;
	font-size: 13px;
}

#card_search input[type=text] {
	height: 20px;
	width: 200px;
	border: 1px solid #7a98c0;
	padding: 7px 10px 7px 2px;
	font-size: 12px;
	color: #646464;
}
#card_search select {
	height: 36px;
	width: 212px;
	border: 1px solid #7a98c0;
	padding: 7px 10px 7px 2px;
}

#card_search  .multi select {
	height: 180px;
	width: 212px;
	border: 1px solid #7a98c0;
	padding: 7px 10px 7px 2px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#card_search select {
		line-height: 29px;
	}/*safari対策 selectタグの高さ指定*/
}
.card_search_checkbox {
	height: 26px;
}
#card_search input[type=checkbox] {
	margin-right: 5px;
}
.card_search_lv,.card_search_color,.card_search_ability {
	padding: 10px 0 0;
}
.ability_height {
	height: 45px;
}/*能力の項目が増えた時、ここで高さを調整*/
.card_search_checkbox li {
	float: left;
	list-style-type: none;
	margin: 0 5px 5px 10px;
	font-size: 14px;
	white-space:nowrap;
}
*:first-child+html #card_search select {
	padding: 0 0 5px 0;
}/*ie7対策*/

/*カードリスト*/
#card_caption {
	height: 40px;
	font-size: 12px;
}
#card_no {
	width: 80px;
}
#card_name {
	width: 195px;
}
#card_color {
	width: 40px;
}
#card_kind {
	width: 90px;
}
#card_type {
	width: 95px;
}
#card_lv {
	width: 30px;
}
.table_layout_bg_01 {
	background: #11222b;
}/*背景色01*/
.table_layout_bg_02 {
	background: #182a3d;
}/*背景色02*/
.table_layout_bg_03 {
	background: #000;
}/*背景色02*/
.card_link_white,.card_link_red,.card_link_blue,.card_link_green,.card_link_black,.card_link_null {
	text-align: left;
	font-weight: bold;
}
.card_link_white a,.card_color_white {
	color: #FBF9D2;
}/*リンク色　白*/
.card_link_red a,.card_color_red {
	color: #F04228;
}/*リンク色　赤*/
.card_link_blue a,.card_color_blue {
	color: #6c9af9;
}/*リンク色　青*/
.card_link_green a,.card_color_green {
	color: #76D25B;
}/*リンク色　緑*/
.card_link_black a,.card_color_black {
	color: #a460de;
}/*リンク色　黒*/
.card_link_null a,.card_color_null {
	color: #F9F9F9;
}/*リンク色　無*/

/* FAQ追加・修正カードリスト*/
.cardfaq_list {
	margin-bottom: 30px;
}
.cardfaq_list p {
	margin-bottom: 10px !important;
	font-weight: bold;
}

/*店舗リスト用テーブル*/
.shop_list_name{
	 color: #f8e163; 
	 text-align:left;
	 font-weight:bold;
	 height:15px;
	 line-height:14px;
	 background:#03022a;
}
.shop_list_date{
	 text-align:left;
	 height:15px;
	 line-height:16px;
}

.shop_list_name_02 {
	font-weight:bold;
	line-height:14px;
	background:#03022a;
}
	
	
/*イベントスケジュール用ページリンクUL*/
.event_schedule_list{
	width:90%;
	margin:5px auto 20px;
	padding:0.5em;
	border:#7a98c0 1px dotted;
}
.event_schedule_list li{
	float:left;

	line-height:1.5em;
	list-style:none;
	text-align:left;
	margin-right:10px;
	padding-left:20px;
	background: url(../images/icon_cross.png) no-repeat;
	}

/*リスト幅調整用*/
.list_width_l li{
	width:8em;
	font-size:95%;
}

/*FAQ一覧*/
/*用語リスト*/
.rule_word_dl{
	width:100%;
	margin:10px 0 20px 15px;
	font-size:90%;
	}
.rule_word_dl img{
	vertical-align:bottom;
	}
.rule_word_dl dd{
	background:/*#182a3d*/ url(../images/icon_cross.png) no-repeat 0 2px;
	margin:6px 15px 6px 0;
	height:2em;
	padding-left:25px!important;
	padding-bottom:12px;
	width:220px;
	float:left;
	border-collapse: collapse;
	border-bottom: 1px dotted #7a98c0;
	}
	
/*質問テーブル*/
table.rule_FAQ_list{
	border:none!important;
	margin:0 0 20px!important;
	padding:0;
}
.rule_FAQ_list td{
	line-height:1.5em;
	text-align:left;
	padding-left:25px!important;
	padding-bottom:3px;
	background:url(../images/icon_faq_q.png) no-repeat 0 0;
	border-bottom:1px dotted #7a98c0;
	min-height:25px;
	}

/*FAQ詳細*/
.rule_box{
	width:800px;
	background:/*#208cb0*/  url(../images/card_detail_back_03.png ) no-repeat 0 bottom;
	padding-bottom:20px;
	padding-top: 14px;
	color:#FFFFFF;
	}
.rule_FAQ_title{
	background:/*#208cb0*/  url(../images/card_detail_back_01.png ) no-repeat;
	height:43px;
	color:#FFF;
	font-weight:bold;
	margin:0;
	padding:20px 40px 0 25px;
	}
.rule_FAQ_title h3{
	padding-top:5px;
	font-weight:bold;
	font-size: 20px;
	}
.rule_FAQ_bg{
	background:/*#208cb0*/ url(../images/card_detail_back_02.png) repeat-y;
	margin:0;
	}
.rule_FAQ_bg img{
	vertical-align:bottom;
		}

.rule_FAQ_box,.rule_word_box{
	width:750px;
	margin: 0 15px;
	background:/*#208cb0*/ url(../images/bg_img.jpg) repeat;
	padding:20px 0 10px 10px;
	min-height:100px;
	}
.rule_FAQ_box h4,.rule_word_box h4{
	width:680px;
	line-height:1.5em;
	font-size: 16px;
	font-weight:bold;
	color: #f8e163;
	padding:5px 20px 10px 20px;
	border-bottom:1px dotted #7a98c0;
	}
.rule_FAQ_box h4{
	background: url(../images/icon_faq_q.png) no-repeat 3px 5px;
	padding-left:30px;
	}
.rule_word_box h4{
	background: url(../images/icon_cross.png) no-repeat 3px 5px;
	padding-left: 24px;
	}

.rule_FAQ_answer{
	background:url(../images/icon_faq_a.png) no-repeat 3px 8px;
	padding:5px 22px 0;
	}
.rule_FAQ_answer div{
	margin-left:10px;
	line-height:1.5em;
	padding:5px 0 10px;
	padding-bottom:3px;
	}
.rule_word_explanation{
	background-image:none;
	padding:5px 22px 0;
	}
.rule_word_explanation li {
	list-style-type: decimal;
	margin-left: 1.8em;
}

tr.bgcolor_blue { background-color: #000033; }
tr.bgcolor_red  { background-color: #200000; }


/*リンク集テーブル*/
.table_link {
   border-collapse: collapse;
   border: 0px solid green;
   }
.table_link td {
   border-width: 0px 0px 1px 0px; 
   border-color: #7a98c0; 
   border-style: dotted;
   padding: 0.3em;
   padding: 10px 10px 10px 10px;
   height:40px;
}
.table_link_left{
	width:200px;
}

/*コミックマーケット水平線*/
.goods{
   border-bottom:dotted 1px #7a98c0;
   padding: 20px 0 0 0;
}

.goods02{
	   padding: 20px 0 0 0;
}