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


/* left menu
............................................................... */


/* コンテンツ部分 → 左メニュー
............................................................... */
	/* ハンバーガーメニュー */
	.hbg_menu_btn {
		display:none;
/*		position: fixed;*/
		position: relative;
		right: 2px;
/*		top: 32px;*/
		top: 6px;
		width: 14vmin;
		height: 14vmin;
		color: #ffffff;
		background-color: #ffffff;
		border: 1px solid #999999;
		box-sizing: border-box;
		cursor: pointer;
		opacity: 1;
		z-index: 6;
		border-radius: 16px;
		-moz-border-radius: 16px;
		-webkit-border-radius: 16px;
		
		background-image:url(../images/parts/icon_hbg.png);
		background-size:contain;
		pointer-events: auto;
	}

	/* レフトメニュー（ドロワーメニュー） */
	.hbg_menu_area{
	}
	.hbg_menu_area .inc_txt2{
		display:none;
	}

	/* レフトメニュー挿絵（ドロワーメニュー） */
	.drawer_back {
		display:none;
		position: fixed;
		height: 100%;
		z-index: 11;
		width: 87vw;
		min-width: 87vw;
		background-position: bottom center;
		background-image: url(../images/parts/drawer_back.jpg);
		background-color: rgba(255,255,255,0.25);
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		-webkit-transform: translate3d(0,0,0);
		transition: left 0.3s ease-out;
	}
	/* Safari対応用 */
	_::-webkit-full-page-media, _:future, :root .drawer_back:before {
		position:fixed;
		top:0;
		left:0;
		z-index:-1;
		width: 87vw;
		min-width: 87vw;
		height: 100%;
		background-position: bottom center;
		background-image: url(../images/parts/drawer_back.jpg);
		background-color: rgba(255,255,255,0.25);
		background-repeat: no-repeat;
		background-size: contain;
		-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;
		-ms-background-size: contain;
		content:"";
	}
	/* レフトメニュー背景（ドロワーメニュー） */
	.hbg_menu_back{
		display:none;
		background-color: rgba(0,0,0,0.75);
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		z-index: 10;
	}
	.hbg_menu_back:before{
		content: "×";
		text-align: right;
		position: absolute;
		right: 0px;
		top: 0px;
		width: 100%;
		display: block;
		color: #ffffff;
		font-size: 10vmin;
	}
	/* レフトナビ下部 */
	.leftnavi {
		width: 20%;
		float: left;
	}
	.leftnavi .inc_txt2{
		display: block;
		background-color: rgba(255,255,255,0.75);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}
	.leftnavi .leftnavi_a,
	.leftnavi .leftnavi_b,
	.leftnavi .news_area,
	.leftnavi .sns_area{
		float:left;
		width: 100%;
		max-width: 250px;
	}
	.leftnavi .banner_area{
		clear:none;
	}
	/* カレンダー */
	.calendar_area{
		float:left;
		width: 20%;
		max-width: 250px;
		padding: 0px 6px;
		box-sizing: border-box;
		clear:left;
	}

	/* レフトナビ */
	.leftnavi_blank{
		width:100%;
		height:442px;
		float: left;
	}

	/* 汎用 */
	.browsenode{
		padding: 0px 4px 0px 8px;
		margin-bottom:4px;
	}
	.browsenode dt{
		font-weight:bold;
		color:#ee7711;
		margin:0;
		padding:0;
		padding-left: 10px;
		font-size:100%;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		position: relative;
		top: 0;
		left: 0;
		transition: 0.2s;
	}
	.browsenode dt:hover {
		border-color: #ff9900;
		background-color: rgba(255,255,255,0.75);
	}
	.browsenode dt a{
		font-weight:bold;
		color:#ee7711;
		pointer-events: auto;
	}
	.browsenode dt a:hover{
		font-weight:bold;
		color:#ee7711;
	}
	.browsenode dt a:before{
		content:"<";
		font-weight: bold;
		color: #cccccc;
		margin-right: 4px;
		margin-left: 4px;
	}

	.browsenode dt.closed:before,
	.browsenode dt.opened:before,
	.browsenode dt.link:before {
		display: block;
		width: 32px;
		height: 32px;
		box-sizing: border-box;
		border-radius: 16px;
		color: #999999;
		font-size: 20px;
		line-height: 32px;
		text-align: center;
		position: absolute;
		right: 0px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		transition: all 0.25s ease-out;
	}
	.browsenode dt.opened:before {
		content: ">";
		transform: translateY(-50%) rotate( -90deg );
		font-size: 80%;
	}
	.browsenode dt.closed:before {
		content: ">";
		transform: translateY(-50%) rotate( 90deg );
		font-size: 80%;
	}

	.browsenode dd{
		position: relative;
		padding-left: 10px;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	}

	.browsenode ul li{
		display:block;
		margin:0;
		font-size:80%;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		position: relative;
		top: 0;
		left: 0;
		transition: 0.2s;
	}
	.browsenode ul li:hover{
		border-color:#ff9900;
		background-color: rgba(255,255,255,0.75);
	}
	.browsenode ul li a{
		display: block;
		width: 100%;
		height: 100%;
		text-decoration: none;
		transition: 0.2s;
	}
	.browsenode ul li a:hover {
		color: #ee7711;
	}
	.browsenode ul li .text{
		padding-left: 10px;
	}

	/* 原作名 */
	.browsenode .grouptitle{
		width:100%;
/*		float:left;*/
		font-weight:normal;
		font-size: 80%;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		transition: 0.2s;
	}
	.browsenode .grouptitle:before {
		content: "";
		padding-left: 10px;
	}
	.browsenode .grouptitle:hover{
		border-color:#ff9900;
		background-color:rgba(255,255,255,0.75);
	}
	.browsenode .grouptitle.selected{
		background-color:#ff9900;
		color:#ffffff;
	}
	.browsenode .grouplist{
		padding-left:6px;
	}
	.browsenode .grouplist li{
		padding-left:6px;
		display: block;
		margin: 0;
		font-size: 80%;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		-moz-border-radius: 15px;
		position: relative;
		top: 0;
		left: 0;
	}

/* コンテンツ部分 → 左メニュー：絞り込み検索
............................................................... */

	/* 絞り込み */
	.search_condition_index{
		width: 100%;
		border: #ffaa44 1px solid;
		box-sizing: border-box;
		color: #ffffff;
		font-size: 90%;
		background-color: #ffaa44;
		text-align: left;
		padding-left: 8px;
	}


	/* ラベルテキスト */
	.search_condition label .text,
	.search_status label .text{
/*		position: absolute;
		top: 0;
		left: 0;
		padding-left: 22px;
		width: calc( 100% - 22px );
*/	}

	/* 絞り込み条件 */
	.search_condition label {
		padding:0;
	}
	.search_condition label .text {
		padding-left: 56px;
		padding-right: 0px;
		position: relative;
		box-sizing: border-box;
		max-height: 1.5em;
	}
	.search_condition label .text:hover:after {
		content: "×";
		width: 24px;
		font-size: 100%;
		font-weight: bold;
		text-align: center;
		position: absolute;
		top: 0;
		right: 0;
		color: #ff9900;
		background-color:#ffffff;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	}
	.search_condition label:before,
	.search_condition label:after,
	.search_condition label input{
		display: none;
	}

	.search_condition .condition_title,
	.search_condition .cate_tag,
	.search_condition .originaltitle_id,
	.search_condition .charaname_search_id,
	.search_condition .seriestitle_id,
	.search_condition .maker_id,
	.search_condition .element_id,
	.search_condition .cancel_condition{
		position: relative;
		overflow: hidden;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		transition: 0.2s;
	}
	.search_condition .condition_title:hover,
	.search_condition .cate_tag:hover,
	.search_condition .originaltitle_id:hover,
	.search_condition .charaname_search_id:hover,
	.search_condition .seriestitle_id:hover,
	.search_condition .maker_id:hover,
	.search_condition .element_id:hover,
	.search_condition .cancel_condition:hover{
		border-color: #ff9900;
	}

	.search_condition .cate_tag .text:before,
	.search_condition .originaltitle_id .text:before,
	.search_condition .charaname_search_id .text:before,
	.search_condition .seriestitle_id .text:before,
	.search_condition .maker_id .text:before,
	.search_condition .element_id .text:before{
		font-size:100%;
		border: 1px solid rgba(128,128,128,0);
		padding: 0px 2px;
		margin-right: 5px;
		border-radius: 13px;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		width: 52px;
		height: 24px;
		display: block;
		text-align: center;
		position: absolute;
		left: 0px;
		top: 0px;
		box-sizing: border-box;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.search_condition .cate_tag .text:before{
		content: "カテゴリ";
		font-size:70%;
		color: rgba(128,128,128,1);;
		background-color: #ffffff;
		border-color: rgba(192,192,192,1);
	}
	.search_condition .originaltitle_id .text:before{
		content: "原作";
		font-size:100%;
		color: #ffffff;
		background-color: #55dd55;
	}
	.search_condition .charaname_search_id .text:before{
		content: "キャラ";
		font-size:85%;
		color: #ffffff;
		background-color: #55bbff;
	}
	.search_condition .seriestitle_id .text:before{
		content: "シリーズ";
		font-size:70%;
		color: #ffffff;
		background-color: #ffaa44;
	}
	.search_condition .maker_id .text:before{
		content: "ブランド";
		font-size:70%;
		color: #ffffff;
		background-color: #ff5555;
	}
	.search_condition .element_id .text:before{
		content: "要素";
		font-size:100%;
		color: #ffffff;
		background-color: #9977ff;
	}

	/* 絞り込み条件全解除 */
	.search_condition .cancel_condition {
		border-color: #cccccc;
		padding: 4px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
		transition: 0.2s;
	}
	.search_condition .cancel_condition a {
		padding-left: 0 !important;
		text-decoration: none;
	}
	.search_condition .cancel_condition .text{
		text-align: center;
	}

	/* 販売ステータス（インデント） */
	/* 販売ステータス：見出し */
	.search_status dt.search_status_title{
	}
	.search_status dd{
		position:relative;
	}

	.search_status .hanbai_all,
	.search_status .preorder,
	.search_status .backorder,
	.search_status .newitem,
	.search_status .preowned,
	.search_status .free_shipping,
	.search_status .store_bonus,
	.search_status .saleitem{
		height: 24px;
		position:relative;
		margin-left:20px;
		border: 1px solid rgba(128,128,128,0);
		box-sizing: border-box;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		transition: 0.2s;
	}
	.search_status .hanbai_all{
		margin-left:0px;
	}
	.search_status .hanbai_all:hover,
	.search_status .preorder:hover,
	.search_status .backorder:hover,
	.search_status .newitem:hover,
	.search_status .preowned:hover,
	.search_status .free_shipping:hover,
	.search_status .store_bonus:hover,
	.search_status .saleitem:hover{
		border-color: #ff9900;
		background-color: rgba(255,255,255,0.75);
	}

	/* 絞り込み条件 */
/*	.facet_cate_tag,
	.facet_originaltitle,
	.facet_charaname,
	.facet_seriestitle,
	.facet_maker,
	.facet_element{
		margin-bottom:10px;
	}
*/
	/* 絞り込み条件：選択中 */
	.facet_cate_tag .selected,
	.facet_originaltitle .selected,
	.facet_charaname .selected,
	.facet_seriestitle .selected,
	.facet_maker .selected,
	.facet_element .selected{
		color: #ffffff;
		background-color: #ffbb66;
		pointer-events: none;
	}
	/* 絞り込み条件：絞り込み対象数 */
	.facet_cate_tag .count,
	.facet_originaltitle .count,
	.facet_charaname .count,
	.facet_seriestitle .count,
	.facet_maker .count,
	.facet_element .count{
		position: absolute;
		bottom: 0;
		right: 0;
		padding: 0px 2px;
		min-width: 15px;
		text-align: center;
		background-color: #ddeeff;
		border-radius: 12px;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
	}
	/* 絞り込み条件：絞り込み対象数（選択中） */
	.facet_cate_tag .selected .count,
	.facet_originaltitle .selected .count,
	.facet_charaname .selected .count,
	.facet_seriestitle .selected .count,
	.facet_maker .selected .count,
	.facet_element .selected .count{
		display:none;
	}

	/* 絞り込み条件：続きを見る */
	.facet_cate_tag .show_more,
	.facet_originaltitle .show_more,
	.facet_charaname .show_more,
	.facet_seriestitle .show_more,
	.facet_maker .show_more,
	.facet_element .show_more{
		border-color: #cccccc;
		padding: 4px;
	}
	.facet_cate_tag .show_more:hover,
	.facet_originaltitle .show_more:hover,
	.facet_charaname .show_more:hover,
	.facet_seriestitle .show_more:hover,
	.facet_maker .show_more:hover,
	.facet_element .show_more{
		color: #ff9900;
	}
	.facet_cate_tag .show_more .text,
	.facet_originaltitle .show_more .text,
	.facet_charaname .show_more .text,
	.facet_seriestitle .show_more .text,
	.facet_maker .show_more .text,
	.facet_element .show_more .text{
		width: 100%;
		height: 100%;
		padding-left: 0;
		text-align: center;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		-webkit-justify-content: center;
		justify-content: center;
	}
	.facet_cate_tag .show_more .opened:before,
	.facet_originaltitle .show_more .opened:before,
	.facet_charaname .show_more .opened:before,
	.facet_seriestitle .show_more .opened:before,
	.facet_maker .show_more .opened:before,
	.facet_element .show_more .opened:before{
		content:"表示を少なく";
	}
	.facet_cate_tag .show_more .closed:before,
	.facet_originaltitle .show_more .closed:before,
	.facet_charaname .show_more .closed:before,
	.facet_seriestitle .show_more .closed:before,
	.facet_maker .show_more .closed:before,
	.facet_element .show_more .closed:before{
		content:"続きを見る";
	}

/* コンテンツ部分 → 左メニュー → カレンダー
............................................................... */
	/* ヘッダー */
	.calendar_header{
		margin-top:8px;
		margin-bottom:2px;
		padding: 3px;
		display:block;
		width:100%;
		max-width: 250px;
		height:auto;
		color:#ff9900;
		font-size:80%;
		font-weight:bold;
		border-bottom:solid 1px #aaaaaa;
		background-color:rgba(255,255,255,0.75);
/*		background-color:none;*/
/*		background:none;*/
		text-align:center;
		overflow:hidden;
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
		box-sizing: border-box;
	}

	/* カレンダー本体 */
	.calendar_main{
		width:100%;
		max-width: 250px;
		margin:0 auto;
		font-size:80%;
	}
	.calendar_main caption{
		margin:0 auto 1px;
		padding:1px;
		text-align:center;
		font-weight:bold;
		font-size:120%;
		color:#ff9900;
		background-color:rgba(255,255,255,0.75);
		box-sizing: border-box;
		border-radius: 6px 6px 0px 0px;
		-webkit-border-radius: 6px 6px 0px 0px;
		-moz-border-radius: 6px 6px 0px 0px;
	}
	.calendar_main table,
	.calendar_main td,
	.calendar_main th{
		border:1px #999 solid;
	}
	.calendar_main td:hover {
		color: #ff9900;
		border-color: #ff9900;
		border-style: double;
	}
	/* 週 */
	.calendar_main .calendar_week{
		background-color:#ffbb66;
		text-align:center;
		font-weight:bold;
	}
	.calendar_main .calendar_red,
	.calendar_main .calendar_black,
	.calendar_main .calendar_blue{
		text-align:center;
		height:20px;
	}
	.calendar_main .calendar_red{color:red;}
	.calendar_main .calendar_black{color:white;}
	.calendar_main .calendar_blue{color:blue;}

	/* 日 */
	.calendar_main .sunday,
	.calendar_main .weekday,
	.calendar_main .saturday,
	.calendar_main .anotherday{
		height:20px;
		text-align:right;
		padding-right:2px;
	}
	.calendar_main .sunday{color:red;background:#ffcccc;}
	.calendar_main .weekday{color:black;background:#ffffff;}
	.calendar_main .saturday{color:blue;background:#cceeff;}
	.calendar_main .anotherday{	color:black;background:#E8E8E8;}

	/* 注意文 */
	.calendar_attention{
		margin: 24px auto 0 auto;
		padding: 5px;
		width: 100%;
		max-width: 250px;
		font-size:90%;
		box-sizing: border-box;
		background-color: rgba(255,255,255,0.75);
		border-radius: 6px;
		-webkit-border-radius: 6px;
		-moz-border-radius: 6px;
	}


/* IE6 css fixer v0.95: Fri, 01 Jul 2011 03:01:17 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
* html #left_menu,
* html .featured_list a,
* html .featured_list a:hover,
* html .featured_list img,
* html .genre_list a,
* html .genre_list a:hover,
* html .genre_list img {display:inline;}

/* add zoom:1 to overflow:hidden */
* html #left_menu,
* html .featured_list a,
* html .featured_list a:hover,
* html .featured_list img,
* html .genre_list a,
* html .genre_list a:hover,
* html .genre_list img {zoom:1;}

/* add overflow:visible to (submit) buttons */
 * html input, * html button {overflow:visible;}