@charset "utf-8";

body{
	width:100%;
	max-width:750px;
	margin: 0;
	padding: 0;
	font-size:16px;
	background:#ffffff;
	color:#333333;
	line-height:18px;
	letter-spacing:2px;
	margin:0 auto;
	text-align:center;
	font-family:"メイリオ", "Arial","Hiragino Kaku Gothic Pro",sans-serif;
	-webkit-text-size-adjust: none;
	}


a{
	text-decoration: none;
	color: #4169e1;
	}


img {
	vertical-align: bottom;
	padding:0;
	margin:0;
	}

/*-------------------------------------------------------*/
.main{
	width:100%;
	max-width:750px;
	height:auto;
	margin: 0;
	padding: 0;
	}


.header{
	width:100%;
	height:auto;
	text-align:center;
	padding:0px;
	}
/*------------リニューアル非会員TOP-------------------------*/


.header_non{
	width:100%;
	height:auto;
	text-align:center;
	padding:0px;
	}

.header_obi{
	background:#7f1211;
	padding:10px 0px;
	text-align:center;
	}

.other_obi{
	background:#7f1211;
	padding:10px 0px;
	text-align:center;
	}

.black_back{
	background:#000000;
	padding:10px 0px;
	text-align:center;
	}
	
.ingray_back{
	background:#dddddd;
	padding:10px;
	margin:10px 10px 0px 10px;
	text-align:left;
	border-radius:5px;
	font-size:0.8em;
	}

.pink_back{
	background:#ff27cc;
	padding:10px 0px;
	text-align:center;
	}



.yellow_back{
	background:#ffcf40;
	padding:10px 0px;
	text-align:center;
	}





.wall_img5{
	margin:0 auto;
	width: 100%;
	border-collapse: separate;
	}

.wall_img5 td{
	width: 20%;
	padding: 2px;
	}



/*----------------------------------------------------------*/

.log_area{
	padding:0px 10px 10px 10px;
	}


.log_tb{
	margin:0 auto;
	width: 95%;
	border-collapse: separate;
	border-spacing:10px;
	}

.log_tb td{
	width: 45%;
	text-align:center;
	}



/*----------------------------------------------------------*/
.img_hover:hover{
	opacity: 0.7;
	filter: alpha(opacity=10);
	-webkit-transition: 0.2s;
	transition: 0.4s;
	}

/*----------------------------------------------------------*/

.bana_sp{
	width:100%;
	height:auto;
	padding:0px;
	margin-top:5px;
	background:#ffffff;
	}
/*----------------------------------------------------------*/

/*■■検索窓new■■*/

.search_area{
	width:100%;
	height:auto;
	padding:5px 0px;

	}

.search_window{
	width:85%;
	background: #ffffff;
	border: 1px #dfdfdf solid;
	height: 40px; /* 高さ40px */
	padding:5px;
	font-size:16px;
	}

.search_btn{
	width:50%;
	border: 0;
	padding: 0;
	height: 40px; /* 高さ40px */
	margin:5px 0px 0 0 ;
	font-size:18px;
	color:#ffffff;
	font-weight:bold;
	border-radius:5px;
	background: #4169e1;/*IE*/
	background:linear-gradient(#6495ed, #4169e1);
 	background:-webkit-linear-gradient(#6495ed, #4169e1);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#6495ed, #4169e1);/*Firefox*/
	background:-o-linear-gradient(#6495ed, #4169e1);/*Opera*/
	background:-ms-linear-gradient(#6495ed, #4169e1);/*Internet Explorer*/
	}


/*----------------------------------------------------------------*/
.slider-wrapper {
	width: 100%;
	max-width:750px;
	padding: 5px;
	overflow-x: auto;
	overflow-y: hidden;
	background: #fff;
	box-sizing:border-box;
	}

.slider {
	width: 1575px;
	-webkit-overflow-scrolling: touch;
	}

.slider > * {
	-webkit-transform: translateZ(0px);
	}

.slider-wrapper::-webkit-scrollbar {
	display: none;
	height: 0 !important;
	}

.unit {
	float: left;
	width: 150px;
	height:320px;
	overflow:hidden;
	margin: 0 0 0 5px;
	border: 1px solid #DDDDDD;
	background: #EFEFEF;
	}

.unit:first-child {
	margin: 0;
	}

.unit .img {
	text-align: center;
	}

/*----------------------------------------------------------------*/


.bg_area01{
	background:#ffffff;
	}

/*----------------------------------------------------------------*/

.rank_tb{
	margin:0 auto;
	width: 95%;
	border-collapse: separate;
	}

.rank_tb th{
	width: 30%;
	text-align:center;
	}

.rank_tb td{
	width: 30%;
	text-align:center;
	margin-bottom:10px;
	}




/*-------------------------------------------------------*/

.janru{
	width:100%;
	margin: 0; 
	padding: 0; 
	list-style: none;
	box-sizing:border-box;
	background:#b8860b;/*IE*/
	background:linear-gradient(#b8860b, #8b4513);
 	background:-webkit-linear-gradient(#b8860b, #8b4513);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#b8860b, #8b4513);/*Firefox*/
	background:-o-linear-gradient(#b8860b, #8b4513);/*Opera*/
	background:-ms-linear-gradient(#b8860b, #8b4513);/*Internet Explorer*/
	}


.janru ul{ 
	width:100%;
	}

.janru li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
	list-style: none;
	}

.janru li a{
	display: block; 
	padding: 3px 10px;
	text-decoration: none;
	color: #ffffff;
	width: 100%; 
	margin: 2px 0px;
	text-align: left;
	font-size:1em;
	line-height:1.5em;
	border-bottom:solid 1px #8b4513;
	box-sizing:border-box;
	}

.janru li a:hover{
	background: rgba(0, 0, 0, 0.3);
	box-sizing:border-box;
	}











/*-----------------------------------------------------------------------------------------------------*/
.right_sp{
	text-align:right;
	}

/*-----------------------------------------------------------------------------------------------------*/


.right_area{
	width:100%;
	height:auto;
	text-align:right;
	padding:20px 10px;
	box-sizing:border-box;
	}
/*-----------------------------------------------------------------------------------------------------*/

.btn_motto{
	color:#333333;
	font-weight:bold;
	font-size:0.8em;
	line-height:1.2em;
	padding:10px 20px;
	border-radius:5px;
	box-shadow:0 0 5px #333333;
	background: #fafafa;/*IE*/
	background:linear-gradient(#fafafa, #dcdcdc, #a9a9a9);
 	background:-webkit-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Firefox*/
	background:-o-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Opera*/
	background:-ms-linear-gradient(#fafafa, #dcdcdc, #c0c0c0);/*Internet Explorer*/
	border:1px solid #dcdcdc;
	text-decoration:none;
	display:inline-block;
	}

/*-------------------------------------------------------------------*/
.detail_shousai{
	width:25%;
	color:#333333;
	background: #c0c0c0;/*IE*/
	background:linear-gradient(#e6e6e6,#ffffff,#636363);
 	background:-webkit-linear-gradient(#e6e6e6,#ffffff,#636363);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#e6e6e6,#ffffff,#636363);/*Firefox*/
	background:-o-linear-gradient(#e6e6e6,#ffffff,#636363);/*Opera*/
	background:-ms-linear-gradient(#e6e6e6,#ffffff,#636363);/*Internet Explorer*/
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-o-border-border-radius:8px;
	-ms-border-border-radius:8px;
	box-shadow: 1px 0px 0px rgba(225,225,225,0.4) inset,
		-1px 0px 0px rgba(225,225,225,0.2) inset,
		0px 1px 1px rgba(0,0,0,0.1) inset,
		0px -1px 1px rgba(0,0,0,0.3) inset,
		0px 1px 3px #666;
	-pie-background:linear-gradient(#f7c4c7, #e85064);
	behavior: url("/PIE.htc");
	padding:2px 10px;
	text-align:center;
	font-size:14px;
	line-height:30px;
	border: solid 1px #dddddd;
	}



.detail_shousai a{
	display:inline-block;
	text-decoration:none;
	color:#333333;
	}

.detail_shousai:hover{
	color:#333333;
	text-decoration:none;
	}


/*-----------------------------------------------------------------------------------------------------*/


footer {
	width: 100%;
	}


footer ul li {
	width: 50%;
	height:50px;
	padding:20px 0 20px 8px;
	color:#7f1211;
	text-align:left;
	background: #7f1211;
	float: left;
	list-style:none;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	}


footer ul li:last-child,
footer ul li:nth-last-child(2){
	border-bottom:1px solid #FFFFFF;
	}




footer ul{
	padding:0;
	margin:0;
	}


#ftList li a {
	font-size:1em;
	font-weight:bold;
	line-height:1.2em;
	display: block;
	color:#FFFFFF;
	text-decoration: none;
	background-color:#7f1211;
	}

@media (min-width: 240px) and (max-width: 400px) {
#ftList li a {
	font-size:0.7em;
	line-height:1em;
	}
}



/*--------------------------------------------------------------------------------------------------*/


.janru_midashi{
	width:100%;
	height:auto;
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:1.2em;
	padding:20px 10px;
	background: #494949;/*IE*/
	background:linear-gradient(#494949, #000000);
 	background:-webkit-linear-gradient(#494949, #000000);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#494949, #000000);/*Firefox*/
	background:-o-linear-gradient(#494949, #000000);/*Opera*/
	background:-ms-linear-gradient(#494949, #000000);/*Internet Explorer*/
	box-sizing:border-box;
	}


/*--------------------------------------------------------------------------------------------------*/

.center{
	margin:0 auto;
	text-align:cenrer;
	}
/*--------------------------------------------------------------------------------------------------*/

.ninki_table3{
	width:100%;
	border-collapse: separate;
	border-spacing:5px;
	margin-bottom:0px;
	}


.ninki_table3 th,
.ninki_table3 td {
	border: 1px solid #a9a9a9;
	width:30%;
	text-align:left;
	}




/*--------------------------------------------------------------------------------------------------*/

.ninki_table4{
	width:100%;
	border-collapse: separate;
	border-spacing:5px;
	margin-bottom:0px;
	}


.ninki_table4 th,
.ninki_table4 td {
	border: 1px solid #a9a9a9;
	width:20%;
	text-align:left;
	}

/*--------------------------------------------------------------------------------------------------*/

.pad5_area{
	padding:5px;
	margin:0 auto;
	text-align:left;
	font-size:0.8em;
	}

.img_float_l{
	float:left;
	padding:0px 5px 5px 0px;
	}

.c_title{
	font-size:1.2em;
	font-weight:bold;
	color:#4169e1;
	}

/*-----------------------------------------------------------------------------------------------------*/

.label{
	background:#000080;
	color:#ffffff;
	padding:1px 3px;
	display:inline-block;
	margin:2px;
	border-radius:5px;
	font-size:11px;
	}

/*-----------------------------------------------------------------------------------------------------*/
.hr_gray_dashed{
	border: 1px dashed #9b9b9b;
	margin:10px 0px;
	}


.hr_gray01{
	border-top: 1px solid #9b9b9b;
	border-bottom: 1px solid #ffffff;
	margin:10px;
	}

/*-------------------------------------------------------*/

.clear{
	clear:both;
	}

/*-------------------------------------------------------*/

.new_area{
	padding:10px;
	font-size:18px;
	margin-right:10px;
	position: relative;
	}

.detail_area{
	padding:10px;
	font-size:18px;
	position: relative;
	}



.nc_float{
	width:30%;
	float:left;
	height:100%;
	line-height:0;
	margin:0px 10px 0px 10px;
	padding:0px;
	background:#dddddd;
	}


.nc_text{
	text-align:left;
	color:#333333
	font-size:14px;
	}

.title_text{
	color:#7ba0ff;
	font-weight:bold;
	font-size:18px;
	}

.text14{
	font-size:14px;
	}


.navy_text{
	color:#000080;
	font-weight:bold;
	}


/*-------------------------------------------------------*/
.other_midashi{
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	padding:10px 0px;
	color:#ffffff;
	background:#7f1211;
	}

.other_main{
	padding:5px;
	font-size:14px;
	color:#333333;
	background:#ffffff;
	line-height:18px;
	text-align:left;
	}

.other_obi{
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	padding:5px;
	color:#ffffff;
	background:#7f1211;
	margin-bottom:5px;
	}



/*-----------------------------------------------------------------------------------------------------*/

.faq{
	width: 100%;/*横幅はここで設定します。100%にすれば可変になります。*/
	margin: 0 auto;
	}

.faq .ac-content {
	margin:0px;/*ここを10pxにすれば両サイドに10px余白をもたせられます。*/
	}

.faq input {
	display: none;
	}


.faq label {
	width:100%;
	padding:10px;
	background:#7f1211;
	color:#ffffff;
	font-size:18px;
	line-height:24px;
	font-weight:bold;
	dbtn_footerisplay:block;
	box-sizing:border-box;
	border-bottom:1px solid #ffe4e1;
	text-align:left;
	}


.faq .ac-cont {
	transition: 0.1s;
	height: 0;
	overflow: hidden;
	color:#333333;
	background: #ffe4e1;
	padding: 0px;/*アコーディオンのタイトルのpadding*/
	font-size:16px;
	line-height:20px;
	text-align:left;
	}

.faq input:checked + .ac-cont {
	height: auto;
	padding: 5px;
	}

/*--------------------------------*/

.box_sp{
	width:100%;
	display:-webkit-box;
	display:-moz-box;
	padding:10px;
	box-sizing:border-box;
	}


.left_box_sp{
	width:30%;
	position: relative;
	}

.left_box_sp img{
	margin-bottom:5px;
	}


.obi{
	position: absolute;
	top: 0px;
	left: 0px;
	}



.right_box_sp{
	width:70%;
	color:#926513;
	padding:0px 5px 0px 5px;
	font-size:14px;
	text-align:left;
	}



/*--------------------------------*/
.rank_waku{
	width:100%;
	height:auto;
	position: relative;
	}


.newpage_title{	
	background:#daa520;
	color:#ffffff;
	font-weight:bold;
	width:100%;
	padding-left:10px;
	padding-right:10px;
	font-size:16px;
	line-height:24px;
	position: relative;
	box-sizing:border-box;
	}

.newpage_title .triangle {
	position: absolute;
	bottom: -10px;
	left: 20px;
	margin-left: -10px;
	width: 0;
	height: 0;
	border-top: 10px solid #daa520;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	}

.artist_moji{
	color:#20b2aa;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	}

.gray_moji{
	color:#333333;
	font-size:14px;
	line-height:18px;
	}

/*-------------------------------------------------------*/

.outline {
	background: #fff;
	width: 100%;
	padding: 10px 0;
	font-size: 100%;
	line-height: 25px;
	color: #666;
	}




.detacomiList li {
	display: block;
	font-size: 81%;
	line-height: 20px;
	color: #666;
	text-shadow: 0 1px 1px #fff;
	width: auto;
	height: 52px;
	padding: 0 0 5px 5px;
	background: -moz-linear-gradient(top, #fff, #eae9e9 5%, #ccc);
	background: -webkit-gradient(linear, left top, left bottom,
    			color-stop(0, #fff),
    			color-stop(0.05, #eae9e9),
    			color-stop(1.0, #ccc));
	border-top: solid 1px #999;
	position: relative;
	}

.detacomiList ul {
	border-bottom: solid 1px #999;
	list-style-type:none;
	}


.detaAten {
	width: 100%;
	font-size: 120%;
	line-height: 25px;
	color: #ff6666;
	text-align: center;
    border-bottom: dotted 1px #999;
    padding: 5px 0;
}





/*----------ページ送り---------------------------------*/

#itemDetailNav{
	text-align: center;
	}

#itemDetailNav li{
	list-style-type: none;
	margin:5px;
	}

#itemDetailNav a {
	display: inline-block;
	background: #E8E8E8;
	height: 40px;
	line-height: 40px;
	padding: 0 11px;
	color: #555;
	text-decoration: none;
	}

/*-------------------------------------------------------*/


.btn_buy{
	color:#ffffff;
	background:#a93d32;
	padding:10px 30px;
	text-align:center;
	font-size:14px;
	border: solid 1px #e99e96;
	border-radius:10px;
	display:inline-block;
	margin:10px;
	}

.btn_buy a{
	display:inline-block;
	color:#ffffff;
	}
/*-------------------------------------------------------*/







.title{
	width:100%;
	height:auto;
	color:#333333;
	font-weight:bold;
	text-align:left;
	font-size:1.2em;
	padding:20px 10px;
	background: #fafafa;/*IE*/
	background:linear-gradient(#fafafa, #dcdcdc, #a9a9a9);
 	background:-webkit-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Google Chrome Safari*/
 	background:-moz-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Firefox*/
	background:-o-linear-gradient(#fafafa, #dcdcdc, #a9a9a9);/*Opera*/
	background:-ms-linear-gradient(#fafafa, #dcdcdc, #c0c0c0);/*Internet Explorer*/
	border-left:10px solid #333333;
	border-top:1px solid #dcdcdc;
	box-sizing:border-box;
	}