@charset "UTF-8";

/* # Reset */
*{
	outline:none;
	}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,figure,figcaption,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,button,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
	background:transparent;
	border:0;
	font-size:100%;
	font-weight:normal;
	margin:0;
	outline:0;
	padding:0;
	vertical-align:baseline;

}
/*input{-webkit-appearance: none;}*/
/*input,select{-webkit-appearance: none;}*/

ol,ul{ list-style:none; }

table{ 
	border-collapse:collapse;
	border-spacing:0;
	font-size:100%;
}

caption,th,td{
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

fieldset{
	border:none;
}

input,textarea,select,label{
	font-size:100%;
	vertical-align:middle;
}

select,textarea{
	padding:5px;
}

label,button{
	cursor:pointer;
}

textarea{
	overflow:auto;
}

header,hgroup,footer,article,section,nav,aside,figure,figcaption{
	display:block;
}

a{
	vertical-align:baseline;
}

img{
	border:none;
	max-width:100%;
	width:auto;
	height:auto;
	vertical-align:bottom;
}

em,strong{
	font-weight:bold;
	font-style:normal;
}

object{
	outline:none;
	vertical-align:middle;
}

blockquote,q{
	quotes:none;
}

blockquote:before,blockquote:after,q:before,q:after{
	content:'';
	content:none;
}

code{
	font-family:monospace;
}

sup{
	vertical-align:text-top;
}

sub{
	vertical-align:text-bottom;
}

small{
	font-style:normal;
}

ins{
	text-decoration:none;
}

mark{
	font-weight:bold;
}

del{
	text-decoration:line-through;
}

abbr,acronym{
	border:none;
	font-variant:normal;
}

abbr[title],dfn[title]{
	border-bottom:1px dotted #333;
	cursor:help;
}

address,caption,cite,code,dfn,var{
	font-weight:normal;
	font-style:normal;
}

hr{
	display:none;
}

pre{
	font-family:monospace;
}

rt{ text-align:center; }

rp{ display:none; }

optgroup{ font-style:normal; }




/* # General Elements							*/

a{
	color:#34f;
	text-decoration:none;
}

h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1.2;
}


table{
	width:100%;
}

label{
	color:#333;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

button{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* # html AND body							*/

html{
	-webkit-text-size-adjust:none;
	overflow-y:scroll;
}


body{
	min-width:320px;
	color:#444;
	text-shadow:0 0 2px #ddd;
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:16px;
	line-height:1.3;
	position:relative;
}

input,option,select,textarea{
	font-family:"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bold{
	font-weight:bold !important;
}

.text-input{
	width:90%;
	border:solid 1px #ccc;
	border-radius:5px;
	padding:3px;
}

.nowrap{
	white-space:nowrap;
}

/* ===========================
	 culumn design area start
=========================== */
/*
.wrapper{
	min-width:300px;
	max-width:940px;
	padding:0 10px;
	margin:0 auto;
	
}
*/

/* heade start
--------------------------- */
.header-wrap{
	width:100%;
/*	background-color:#ff3	*/
}
.header-bottom-wrap a{color:#333;}
.header-bottom-wrap a:hover{color:#c33;}

@media(max-width:680px){
	.header-bottom-wrap a{color:#fff;}
}

.header-bottom-wrap{
	width:100%;
	background-color:#61025b
	/* absolute positioning 
	position: absolute;
	top: 64px;
	*/
	
}
.header-wrap .header{
	min-width:300px;
	max-width:940px;
	width:940px;
	height:64px;
	padding:0 10px;
	margin:0 auto;
	position:relative
}


.header-bottom-wrap .header-bottom{
	width:940px;
	padding:0 10px;
	margin:0 auto;
	position:relative
}
@media(min-width:681px){
	.header-bottom-wrap .header-bottom{
		width:auto;
		min-width:300px;
		max-width:940px;
	}
}

@media(max-width:680px){
.header-wrap .header{
		height:48px;
	}
	.header-bottom-wrap .header-bottom{
		width:100%;
		padding:0;
		min-width:300px;
		max-width:940px;
	}
}

/* ヘッダー左上ボタン */

.header-wrap .header .logo{
	display:block;
	width:128px;
	height:64px;
	position:absolute;
	top:0;
	left:10px;
}

@media(max-width:680px){
	.header-wrap .header .logo{
		width:96px;
		height:48px;
		top:0px;
	}
}


@media(max-width:480px){
	.header-wrap .header .logo{
		width:96px;
		height:48px;
		top:0px;
	}
}

/* ヘッダー右上ボタン */

.header-wrap .header .logo a{
}

.header-wrap .header .btn_login{
	display:block;
	width:48px;
	height:48px;
	position:absolute;
	top:8px;
	right:10px;
}

.header-wrap .header .btn-h_menu,
.header-wrap .header .btn-h_search{
	display:none;
}



@media (max-width:680px){
	.header-wrap .header .btn_login{
	top:0px;
	right:10px;
	}
	.header-wrap .header .btn-h_menu{
		display:block;
		width:48px;
		height:48px;
		position:absolute;
		top:0;
		right:106px;
	}
	.header-wrap .header .btn-h_search{
		display:block;
		width:48px;
		height:48px;
		position:absolute;
		right:58px;
	}
}

/* ヘッダー下部処理＆デザイン */

.header-bottom-wrap .header-bottom .h_menu-content{
	position:absolute;
	top:-64px;
	height:64px;
	max-width:752px;
	width:auto;
	margin:0 58px 0 130px;
	position:relative;
}

@media (min-width:681px){
	.header-bottom-wrap .header-bottom .h_menu-content{
		display:block !important;
	}
}

@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content{
		position:relative;
		width:100%;
		max-width:none;
		margin:0;
		top:0;
		height:auto;
	}
}

/* 閉じるボタン消し */
.header-bottom-wrap .header-bottom .h_menu-content .btn_menu_close,
.header-bottom-wrap .header-bottom .h_search-content .btn_menu_close{
	display:none;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .btn_menu_close,
	.header-bottom-wrap .header-bottom .h_search-content .btn_menu_close{
		display:block;
		margin:3px auto;
		background-color:#eee;
		width:120px;
		text-align:center;
		padding:3px 4px;
		border-radius:5px;
		box-shadow:0 -5px 5px #999 inset;
		cursor:pointer;
	}
}



/* メニューボタンで出る内容デザイン */

.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left{
	float:left;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left{
		float:none;
	}
}
.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left li{
	float:left;
	height:24px;
	line-height:24px;
	margin:20px 0;
	padding:0 5px;
	border-right:solid 1px #333;
}

.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left li.last{
	border-right:none;
}



@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left li{
		float:none;
		height:auto;
		line-height:36px;
		margin:0;
		padding:0;
		border-bottom:solid 1px #888;
	}
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left li a{
		display:block;
		text-align:center;
		padding:5px 0;
	}
}

.header-bottom-wrap .header-bottom .h_menu-content .h_menu-left li a{
}

.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right{
	float:right;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right{
		float:none;
	}
}

.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li{
	float:left;
}
@media (max-width:860px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li{
		margin:8px 4px;
	}
}

@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li{
		float:none;
/*		height:auto;*/
		height:46px;
		line-height:36px;
		margin:0;
		padding:0;
		border-bottom:solid 1px #888;
	}
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		display:block;
		text-align:center;
		padding:5px 0;
	}
}


.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
	display:block;
	margin:8px 0;
	padding-left:48px;
	height:48px;
	line-height:48px;
	background-repeat:no-repeat;
	background-position:left;
}


.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li.btn-h-dlc a{
	background-image:url(/img/header/btn_dl.png);
	background-size:48px 48px;
}
.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li.btn-h-wish a{
	background-image:url(/img/header/btn_wish.png);
	background-size:48px 48px;
}

@media (max-width:860px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		margin:0;
		padding:0;
		width:48px;
		height:48px;
		line-height:48px;
		background-repeat:no-repeat;
		white-space:nowrap;
		text-indent:100%;
		overflow:hidden;
		background-position:center;
	}
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		margin:0;
/*		padding:0;*/
		padding:5px 0;
		width:auto;
		height:auto;
		line-height:36px;
		background-repeat:no-repeat;
		white-space:nowrap;
		text-indent:0;
		overflow:hidden;
		background-position:36% 0px;
		background-size:24px 24px;
	}
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li.btn-h-dlc a,
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li.btn-h-wish a{
		background-size:24px 24px;
	}
}
@media (max-width:559px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		background-position:32% 0px;
	}
}
@media (max-width:479px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		background-position:30% 0px;
	}
}
@media (max-width:399px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		background-position:28% 0px;
	}
}
@media (max-width:320px){
	.header-bottom-wrap .header-bottom .h_menu-content .h_menu-right li a{
		background-position:26% 0px;
	}
}

.header-bottom-wrap .header-bottom .h_search-content{
	width: 80%;
	padding:0 10%;
	height:64px;
	position: absolute;
	top:0;
	left:0;
}


@media (min-width:681px){
	.header-bottom-wrap .header-bottom .h_search-content{
		width: 80%;
		padding:0 10%;
		display:block !important;
	}
}
@media (max-width:720px){
	.header-bottom-wrap .header-bottom .h_search-content{
		width: 90%;
		padding:0 5%;
	}
}

@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_menu-content,
	.header-bottom-wrap .header-bottom .h_search-content{
		height:auto;
		position: static;
		top:0;
		left:0;
		display:none;
		padding-bottom:3px;
	}
}

.header-bottom-wrap .header-bottom .h_search-content .h_menu-left{
	float:left;
	height:34px;
	padding:15px 10px;
	float:left;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_search-content .h_menu-left{
		float:none;
		padding:5px 10px;
		max-width:500px;
		margin:0 auto;
	}
}

.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-input{
	float:left;
	padding-left:32px;
	max-width:300px;
	background-repeat:no-repeat;
	background-position:left;
	background-size:32px 32px;
}
.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-input .text-input{
	width:95%;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-input{
		float:left;
		padding-left:0;
		width:80%;
		max-width:100%;
		background:none !important;
	}
}
.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-submit{
	float:left;
}
.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-submit input{
box-shadow: 0px 10px 10px #FAFAFA inset;
background-color: #EEE;
border-radius: 3px;
border: 1px solid #CCC;
width: 60px;
padding: 0px;
height: 31px;
margin-top:2px;
}

@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-submit{
		float:left;
		padding-left:0;
		width:20%;
		max-width:100%;
		background:none !important;
	}
	.header-bottom-wrap .header-bottom .h_search-content .h_menu-left .h_search-submit input{
		width:100%;
	}

}
.header-bottom-wrap .header-bottom .h_search-content .h_search-select{
	float:right;
	height:34px;
	padding:15px 10px;
}
.header-bottom-wrap .header-bottom .h_search-content .h_search-select select{
	padding:0;
	height:34px;
	width:130px;
	background-color: #fff;
	border-radius: 3px;
	border: 1px solid #CCC;
}
@media (max-width:680px){
	.header-bottom-wrap .header-bottom .h_search-content .h_search-select{
		float:none;
		padding:5px 10px;
		max-width:500px;
		margin:0 auto;
	}
	.header-bottom-wrap .header-bottom .h_search-content .h_search-select select{
		width:100%;
	}
}



.header-bottom-wrap .header-bottom .h_search-content .btn_menu_close{
	clear:both;
}

.acdn_b{
	display:block;
}

@media(max-width:680px){
	.acdn_b{
		display:none;
	}
}


/* content start
--------------------------- */

.content{
	width:940px;
	margin:20px auto;
	padding:0 10px;
}

.breadcrumb{
}
.breadcrumb li:after{
	content: " >";
}
.breadcrumb li{
	font-size:14px;
	line-height:1.5;
	float:left;
	*border-right:solid 1px #ccc;
	*padding:0 5px;
}

.breadcrumb li.last:after,
.breadcrumb li.last{
	*border-right:none;
	content: " ";
}

/* footer start
--------------------------- */

.footer-wrap{
	background-color:#d8c0d6;
	padding: 10px;
}
.footer-wrap .footer{
}
.footer-wrap .footer .note{
	text-align:center;
	margin: 0 auto 10px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 24px;
	line-height: 24px;
}
.footer-wrap .footer .note span{
	display:inline-block;
	height: 24px;
	line-height: 24px;
}

.footer-wrap .footer .note a{
	max-width: 770px;
	overflow:hidden;
	display:inline-block;
	text-overflow:ellipsis;
	white-space:nowrap;
	height: 24px;
	line-height: 24px;
		margin-bottom: -6px;
}
@media(max-width:959px){
	.footer-wrap .footer .note a{
		max-width:300px;
		margin-bottom: -6px;
	}
}@media(max-width:480px){
	.footer-wrap .footer .note a{
		max-width:160px;
		margin-bottom: -8px;
	}
}
@media(max-width:480px){
	.footer-wrap .footer .note{
		font-size: 12px;
		width: 300px;
	}
}


.footer-wrap .footer .f_links{
	max-width:300px;
	margin: 5px auto;
}
@media(max-width:680px){
	.footer-wrap .footer .f_links{
		max-width: 300px;
	}
}

@media(max-width:480px){
	.footer-wrap .footer .f_links{
		width: 260px;
		margin: 5px auto;
	}
}

.footer-wrap .footer .f_links li{
	float:left;
	padding:3px 5px;
}

.footer-wrap .footer .f_links li a{
	font-size:14px;
	color:#333;
}
@media(max-width:680px){
	.footer-wrap .footer .f_links li a{
		font-size:12px;
	}
}
@media(max-width:480px){
	.footer-wrap .footer .f_links li a{
		float:left;
	}
}
.footer-bottom-wrap{
	background-color:#61025b;
	color:#fff;
	padding: 10px;
}
.footer-bottom-wrap .footer-bottom{
}
.footer-bottom-wrap .footer-bottom .copyright{
text-align:center;
}
@media(max-width:680px){
	.footer-bottom-wrap .footer-bottom .copyright{
		font-size: 12px;
	}
}

@media(max-width:480px){
	.footer-bottom-wrap .footer-bottom .copyright{
		font-size: 10px;
	}
}


/* ===========================
	 culumn design area end
=========================== */

/* ===========================
	 accordion area start
=========================== */

.accordion_head,
.acdn_h_ex1,
.acdn_h_ex2{
	cursor:pointer;
}



@media(max-width:961px){
	.header-wrap .header,
	.header-bottom-wrap .header-bottom,
	.content,
	.footer-wrap,
	.footer-bottom-wrap{
		width:auto;
	}
}


/* ===========================
	 accordion area end
=========================== */



.pager-box{
	width:620px;
	margin:20px auto;
	padding-bottom:30px;
	position:relative;
}
@media(max-width:680px){
	.pager-box{
		width:460px;
	}
}
@media(max-width:480px){
	.pager-box{
		width:300px;
	}
}

.pager-box .pager{
}
.pager-box .pager .pager-top{
}
.pager-box .pager .pager-top .prev{
	float:left;
}
.pager-box .pager .pager-top .next{
	float:right;
}
.pager-box .pager .pager-top .prev,
.pager-box .pager .pager-top .next{
	width:280px;
}
@media(max-width:680px){
	.pager-box .pager .pager-top .prev,
	.pager-box .pager .pager-top .next{
		width:200px;
	}
}
@media(max-width:480px){
	.pager-box .pager .pager-top .prev,
	.pager-box .pager .pager-top .next{
		width:120px;
	}
}

.pager-box .pager .pager-top .prev a,
.pager-box .pager .pager-top .next a,
.pager-box .pager .pager-top .prev span,
.pager-box .pager .pager-top .next span{
	text-align:center;
	display:block;
	border:solid 1px #ccc;
	height:30px;
	line-height:30px;
	border-radius:5px;
	font-size:18px;
	background-repeat:no-repeat;
}
@media(max-width:480px){
	.pager-box .pager .pager-top .next a,
	.pager-box .pager .pager-top .next span{
		padding-right:30px;
		font-size:14px;
	}

	.pager-box .pager .pager-top .prev a,
	.pager-box .pager .pager-top .prev span{
		padding-left:30px;
		font-size:14px;
	}
}
.pager-box .pager .pager-top .prev a,
.pager-box .pager .pager-top .prev span{
	background-position:left;
}
.pager-box .pager .pager-top .next a,
.pager-box .pager .pager-top .next span{
	background-position:right;
}

.pager-box .pager .pager-top .prev a,
.pager-box .pager .pager-top .next a{
	background-color:#eee;
	box-shadow:0 -15px 15px #ddd inset;
	color:#333;
}
.pager-box .pager .pager-top .prev a:hover,
.pager-box .pager .pager-top .next a:hover{
	background-color:#fafafa;
	box-shadow:0 -15px 15px #eee inset;
	color:#333;
}
.pager-box .pager .pager-top .prev span,
.pager-box .pager .pager-top .next span{
	background-color:#fff;
	color:#aaa;
}


.pager-box .pager .pager-top .prev a{background-image:url(/img/list/pager-prev.png);}
.pager-box .pager .pager-top .next a{background-image:url(/img/list/pager-next.png);}
.pager-box .pager .pager-top .prev span{background-image:url(/img/list/pager-prev_off.png);}
.pager-box .pager .pager-top .next span{background-image:url(/img/list/pager-next_off.png);}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){
	.pager-box .pager .pager-top .prev a,
	.pager-box .pager .pager-top .next a,
	.pager-box .pager .pager-top .prev span,
	.pager-box .pager .pager-top .next span{
		background-size:30px 30px;
	}
	.pager-box .pager .pager-top .prev a{background-image:url(/img/list/pager-prev_retina.png);}
	.pager-box .pager .pager-top .next a{background-image:url(/img/list/pager-next_retina.png);}
	.pager-box .pager .pager-top .prev span{background-image:url(/img/list/pager-prev_off_retina.png);}
	.pager-box .pager .pager-top .next span{background-image:url(/img/list/pager-next_off_retina.png);}
	}

.pager-box .pager .pager-top .nowpage{
	text-align:center;
	display:block;
	float:left;
	width:60px;
	height:30px;
	line-height:30px;
	font-size:18px;
}
.pager-box .pager .pager-top .nowpage span{
	border:solid 1px #ccc;
	padding:2px 5px;
}
.pager-box .pager .pager-top div.nowpage{
	text-align:center;
	display:block;
	float:left;
	width:60px;
	height:30px;
	line-height:30px;
	font-size:18px;
}
.pager-box .pager .pager-top div.nowpage select{
	width: 50px;
	padding: 0px;
	margin: 0px;
	font-size:12px;
	height:32px;
}


.pager-box .pager .pager-bottom{
	position:absolute;
	right:0;
	bottom:0;
	width:200px;
}
.pager-box .pager .pager-bottom .page-input{
	float:left;
	font-size:12px;
	margin-right:7px;
}
.pager-box .pager .pager-bottom .page-input .text-input{
	font-size:12px;
	padding:0;
	width:3em;
	height:20px;
	line-height:20px;
	text-align:right;
}
.pager-box .pager .pager-bottom .submiter{
	font-size:12px;
	margin-left:7px;
}
.pager-box .pager .pager-bottom .submiter input{
	font-size:12px;
	border:solid 1px #ccc;
	padding:0;
	border-radius:5px;
	background-color:#eee;
	box-shadow:0 -15px 15px #ddd inset;
}

.pager-box .pager .pager-bottom .submiter input:hover{
	background-color:#fafafa;
	box-shadow:0 -15px 15px #eee inset;
	color:#333;
}


/*	SSL-seal Area Add 20140408 START
------------------------------------------*/


.ssl-seal{
	max-width:500px;
	margin:0 auto;
	padding:40px 0;
}

.ssl-seal img{
	float:left;
	display:block;
	width:auto;
	height:auto;
	margin-right:2px;
}

.ssl-seal .ssl-comment{
	margin-left:100px;
	font-size:14px;
}
.ssl-seal .ssl-comment strong{
	display:block;
	margin-bottom:0.5em;
}




/*	SSL-seal Area Add 20140408 END
------------------------------------------*/


/* # clearfix 20130807 Add */
.clearfix:after{
display:block;
clear:both;
height:0;
visibility:hidden;
content:".";
line-height:0;
}
.clearfix{
display:inline-table;
min-height:1%;
}
/* for macIE \*/
* html .clearfix{
height:1%;
}
.clearfix{
display:block;
}
/* end of for macIE */