@charset "UTF-8";
body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	font-size:3vw;
	margin:0 auto;
	padding:0;
	width:100%;
}
input[type="submit"]{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
h1{
	background:#F2F2F2;
	font-weight:normal;
	font-size:2vw;
	padding:5px 10px;
}
/*ドロワーメニュー*/
#menuList {
	display: none;
}

#menuOverlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	display: none;
	position: fixed;
	z-index: 9997;
}

#switchBtnArea {
}

#switchBtnArea #switchBtn {
	background:url(/img/site/button_menu_bk.png) no-repeat;
	background-position:center center;
	background-size:10vw auto;
	display: block;
	position: absolute;
	top: 1%;
	right: 1%;
	width: 10vw;
	height: 10vw;
	z-index: 9998;
}
#switchBtnArea #switchBtn.btnClose {
	background: transparent;
	width: 100%;
	height: 100%;
}

#rwdMenuWrap {
	top: 0;
	right: -50vw;
	width: 50vw;
	height: 100%;
	background:whitesmoke;
	overflow: auto;
	padding:3% 0;
	position: fixed;
	z-index: 9999;
}
	#rwdMenuWrap p{/*my only*/
		font-size:2vw;
		padding:3%;
	}
	#rwdMenuWrap a{
		display:block;
		padding:2% 3%;
	}
		#rwdMenuWrap a.slct{
			background:#ccc;
		}
	#rwdMenuWrap form{
		border-top:1px solid #fff;
		padding:3%;
		text-align:center;
	}

/*pop_nav*/
.remodal-bg{
	position:fixed;
	right:0;
	bottom:0;
	width:44px;
}
	.remodal-bg a{
		display:block;
		margin-bottom:2px;
		width:44px;
		height:54px;
	}
	.remodal-bg .sch{
		background:url(/img/site/icon_search.gif);
	}
	.remodal-bg .login{
		background:url(/img/site/icon_login.gif);
	}
	.remodal-bg .logout{
		background:url(/img/site/icon_logout.gif);
		border:none;
		display:block;
		margin-bottom:2px;
		width:44px;
		height:54px;
	}
	.remodal-bg #pagetop{
		background:url(/img/site/icon_pagetop.gif);
	}
	.remodal-bg .my{
		background:url(/img/site/icon_my.gif);
	}
	.remodal-bg .bm_off{
		background:url(/img/site/icon_bm_off.gif);
		height:62px;
	}
	.remodal-bg .bm_on{
		background:url(/img/site/icon_bm_on.gif);
		height:62px;
	}
/*pager*/
#pager{
	background:#ccc;
	padding:15px 0;
	text-align:center;
	margin-bottom:20px;
}
	#pager a{
		background:#fff;
		color:#000;
		margin-right:8px;
		padding:5px 8px;
	}
	#pager span{
		margin-right:8px;
		padding:5px 8px;
	}
/*メッセージ投稿フォーム*/
#message_form{
	background:#F2F2F2;
	margin-bottom:10px;
	padding:20px;
}
	#message_form textarea{
		display:inline-block;
	}

/*メッセージ表示エリア*/
#target{
	height:500px !important;
	overflow-y:scroll;
}
/*画像のアップロード*/
.upload_label{
	background:#f5f5f5;
	border:1px solid #ccc;
	display:table-cell;
	font-size:12px;
	margin-right:10px;
	padding:10px;
	position:relative;
	vertical-align:middle;
	width:50px;
	height:40px;
	text-align:center;
}
	.upload_label:hover{
		cursor:pointer;
	}
	.upload_label input[type="file"]{
		display:block;
		opacity:0;
		width:70px;
		height:60px;
		position:absolute;
		top:0;
		left:0;
	}
/*アップロードした画像の表示*/
#img_link{
	display:table;
}
	#img_link .img_area{
		display:table-cell;
	}
	#img_link a{
		display:block;
		font-size:10px;
		text-align:center;
		width:100px;
	}
	#img_link img{
		border:1px solid #000;
		max-width:80px;
		max-height:80px;
	}
		#img_link img:hover{
			cursor:pointer;
		}
		#img_link .img_tag{
			display:none;
			visibility:hidden;
		}
/*breadcrumb*/
.breadcrumb{
	font-size:2vw;
	margin:0;
	padding:2%;
}
	.breadcrumb a:after{
		content:" > ";
	}
/*header*/
header{
	padding:0 2%;
	position:relative;
}
	header figure:nth-of-type(1) img{ /*ロゴ*/
		max-height:20vw;
	}
	header figure:nth-of-type(2){
		position:absolute;
		right:15vw;
		top:3%;
	}
		header figure:nth-of-type(2) img{
			max-height:10vw;
			max-width:50vw;
		}

h2{
	background:#ccc;
	border-left:10px solid #b3b3b3;
	clear:both;
	margin-bottom:10px;
	padding:2%;
	text-align:left;
}
h3{
	background:#ccc;
	border-bottom:4px solid #b3b3b3;
	clear:both;
	margin-bottom:10px 10px 5px 10px;
	padding:2%x;
}
main{
	padding:2%;
}
aside{
	padding:2%;
}
	aside h4{
		border-left:4px solid #999;
		margin-bottom:10px;
		padding:5px 10px;
	}
		aside h4 a{
			text-decoration:underline;
		}
	aside figure{
		margin-bottom:10px;
	}
	/*sch*/
	aside .sch{
		margin-bottom:20px;
	}
		aside .sch section{
			display:table;
			padding:10px 0 0 0;
			width:100%;
		}
		aside .sch section a{
			background:#666;
			border-right:15px solid #fff;
			color:#fff;
			display:table-cell;
			font-size:13px;
			height:40px;
			text-align:center;
			vertical-align:middle;
			width:30%;
		}
			aside .sch section a:nth-child(3){
				border-right:none;
			}
		aside .sch dl{
			background:#F2F2F2;
			margin-bottom:10px;
			padding:10px;
		}
			aside .sch dt{
				border-bottom:2px solid #ccc;
				color:#555;
				font-size:10px;
				margin-bottom:5px;
			}
			aside .sch dd{
				padding:10px;
			}
				aside .sch dd span{
					font-size:14px;
				}
				aside .sch dd span:before{
					content:"|";
					font-size:8px;
					margin-left:5px;
					padding-right:5px;
				}
				aside .sch dd span:first-child:before{
					content:"";
					margin-left:0;
					padding-right:0;
				}
		aside .sch .reset{
			background:transparent;
			border:none;
			display:block;
			font-size:12px;
			text-align:left;
			padding:0;
			text-decoration:underline;
		}
	/*category*/
	aside ul{
		font-size:12px;
		padding:10px;
	}
		aside ul li{
			margin-bottom:5px;
		}
		aside ul .slct{
			font-weight:bold;
		}
	.c_lv1{
	}
	.c_lv2:before{
		content:"└ ";
	}
	.c_lv3:before{
		content:"　└ ";
	}
	.c_lv4:before{
		content:"　　└ ";
	}
	.c_lv5:before{
		content:"　　　└ ";
	}
	.c_lv6:before{
		content:"　　　　└ ";
	}
	.c_lv7:before{
		content:"　　　　　└ ";
	}
	.c_lv8:before{
		content:"　　　　　　└ ";
	}
	.c_lv9:before{
		content:"　　　　　　　└ ";
	}
	.c_lv10:before{
		content:"　　　　　　　　└ ";
	}
	/*review*/
	aside ul.review{
		margin-bottom:10px;
		padding:0 0 0 15px;
	}
		aside ul.review li{
			line-height:120%;
			border-top:1px solid #ccc;
			margin-top:5px;
			padding-top:5px;
		}
		aside ul.review li:first-child{
			border:none;
			margin:0;
		}
			aside ul.review small{
				color:#000;
				font-size:10px;
				text-align:left;
				margin:0 0 3px 0;
			}
				aside ul.review small a{
					color:#000;
				}
	/*bm*/
	aside ul.bm{
		margin-bottom:10px;
		padding:0 0 0 15px;
	}

footer{
	background:#E6E6E6;
	padding:3% 0 0;
}
	footer figure{
		display:block;
		margin:0 auto;
		text-align:center;
	}
	footer figure img{ /*ロゴ*/
		max-height:100px;
		max-width:100px;
	}
	footer nav{
		display:block;
		margin:0 0 20px;
		padding:3%;
	}
		footer nav a{
			display:inline-block;
			color:#000;
			font-size:12px;
			width:100px;
			margin-bottom:0;
		}
	footer p{
		background:#B3B3B3;
		clear:both;
		font-size:10px;
		padding:5px 0;
		text-align:center;
	}
/*** LOGIN ***/
.aside_form{
	margin:0 auto 10px 0;
}
	.aside_form form,
	.aside_form p{
		background:#E6E6E6;
		padding:10px;
	}
		.aside_form label{
			display:block;
			font-size:10px;
			margin:5px 0;
		}
		.aside_form small{
			display:block;
			font-size:10px;
			margin:5px 0;
			text-align:center;
		}
		.aside_form input[type="email"],
		.aside_form input[type="password"],
		.aside_form input[type="text"]{
			display:block;
			border:1px solid #B3B3B3;
			padding:10px 5%;
			width:90%;
		}
		.aside_form input[type="submit"]{
			background:#666;
			border:none;
			border-radius:5px;
			color:#fff;
			display:block;
			margin-top:10px;
			padding:10px;
			width:100%;
		}
		/*条件のクリア*/
		.aside_form .condition_clr{
			padding:0 0 10px;
		}
			.aside_form .condition_clr input[type="submit"]{
				background:transparent;
				border:none;
				color:#000;
				display:inline;
				text-decoration:underline;
				padding:0;
				margin:0;
			}

/*** TOP ***/
/*main_img*/
.main_img{
	margin:0 auto;
}
	.main_img img{
		max-width:100%;
	}
/*search*/
#top .sch{
	text-align:center;
	margin:0 0 2%;
}
	#top .sch a{
		background:#666;
		border:2px solid #fff;
		border-radius:5px;
		color:#fff;
		display:inline-block;
		padding:5% 0;
		text-align:center;
		vertical-align:middle;
		width:30vw;
	}

/*search st*/
#top .sch_st{
	margin-bottom:20px;
}
	#top .sch_st form{
		background:#E6E6E6;
		padding:10px;
	}
		#top .sch_st form label{
			display:inline-block;
			font-size:12px;
			margin-bottom:10px;
			width:170px;
		}
		#top input[type="submit"]{
			background:#666;
			border:none;
			border-radius:5px;
			color:#fff;
			display:block;
			padding:10px;
			width:100%;
		}

/*info*/
#top .info{
	margin-bottom:20px;
}
	#top .info section{
		background:#E6E6E6;
		padding:10px 10px 0 10px;
	}
		#top .info ul{
			background:#ccc;
			padding:10px 10px 0 10px;
		}
			#top .info li{
				display:inline;
			}
			#top .info li a{
				background:#999;
				border-radius:5px 5px 0 0;
				color:black;
				display:inline-block;
				margin-right:5px;
				padding:5px 5px 2px 5px;
				text-align:center;
				width:100px;
			}
			#top .info li a.slct{
				background:#E6E6E6;
			}
	#top .info table{
		width:100%;
	}
		#top .info table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#top .info table tr td:nth-child(1),
			#top .info table tr td:nth-child(2){
				font-size:10px;
				width:110px;
			}
			#top .info table tr td:nth-child(3){
				width:auto;
			}
			#top .info table td{
				padding:8px 5px;
			}
				#top .info table td a{
					text-decoration:underline;
				}
/*review*/
#top .review{
	margin-bottom:5%;
}
	#top .review table{
		width:100%;
	}
		#top .review table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#top .review table td{
				display:block;
				padding:2%;
			}
				#top .review table td a{
					text-decoration:underline;
				}
/*content*/
#top .cont{
}
	#top .cont a{
		display:table;
		margin:0 0 2%;
		width:100%;
	}
		#top .cont img{
			display:inline;
			height:20vw;
			width:20vw;
			object-fit:cover;
		}
		#top .cont cite{
			display:table-cell;
			text-align:left;
			vertical-align:middle;
			padding:0 2%;
			width:96%;
		}
/*faq*/
#top .faq{
	margin-bottom:20px;
}
	#top .faq table{
		width:100%;
	}
		#top .faq table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#top .faq table td{
				display:block;
				padding:2%;
			}
				#top .faq table td a{
					text-decoration:underline;
				}
/*ranking*/
#top .ranking{
	margin-bottom:20px;
}
	#top .ranking table{
		width:100%;
	}
		#top .ranking table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#top .ranking table tr td:nth-child(1){
				background:url(/img/site/crown4.png) no-repeat;
				font-size:14px;
				text-align:center;
				width:32px;
			}
			#top .ranking table tr:nth-child(1) td:nth-child(1){
				background:url(/img/site/crown1.png) no-repeat;
			}
			#top .ranking table tr:nth-child(2) td:nth-child(1){
				background:url(/img/site/crown2.png) no-repeat;
			}
			#top .ranking table tr:nth-child(3) td:nth-child(1){
				background:url(/img/site/crown3.png) no-repeat;
			}

			#top .ranking table td{
				padding:2px 0 10px 0;
			}
				#top .ranking table td a{
					text-decoration:underline;
					margin-left:10px;
				}

/*** search ***/
#search{
}
	#search h2{
		background:transparent;
		border:none;
		font-size:16px;
		margin:0;
		padding:0;
	}
	/*plan A*/
	#search .plan_a{
		margin-bottom:20px;
	}
		#search .plan_a section{
			background:#F2F2F2;
			padding:20px 20px 10px;
		}
		#search .plan_a p{
		}
		#search .plan_a div{
			background:#E6E6E6;
			padding:10px 20px 20px;
		}
		#search .plan_a figure img{
			max-width:100%;
			max-height:auto;
			object-fit:cover;
		}
	/*plan b*/
	#search .plan_b{
		margin-bottom:20px;
	}
		#search .plan_b section{
			background:#F2F2F2;
			padding:20px 20px 10px;
		}
		#search .plan_b p{
		}
		#search .plan_b div{
			background:#E6E6E6;
			padding:10px 20px 20px;
		}
		#search .plan_b figure img{
			width:700px;
			height:100px;
			object-fit:cover;
		}
	/*plan c*/
	#search .plan_c{
		margin-bottom:20px;
	}
		#search .plan_c section{
			background:#F2F2F2;
			padding:20px 20px 10px;
		}
		#search .plan_c p{
		}
		#search .plan_c div{
			background:#E6E6E6;
			padding:10px 20px 20px;
		}
		#search .plan_c figure img{
			width:700px;
			height:100px;
			object-fit:cover;
		}
	/*plan d*/
	#search .plan_d{
		margin-bottom:20px;
	}
		#search .plan_d section{
			background:#F2F2F2;
			padding:20px 20px 10px;
		}
		#search .plan_d p{
		}
		#search .plan_d div{
			background:#E6E6E6;
			padding:10px 20px 20px;
		}
		#search .plan_d figure img{
			width:700px;
			height:100px;
			object-fit:cover;
		}

	/*plan e*/
	#search .plan_e{
		margin-bottom:20px;
	}
		#search .plan_e section{
			background:#F2F2F2;
			padding:20px 20px 10px;
		}
		#search .plan_e p{
		}
		#search .plan_e div{
			background:#E6E6E6;
			padding:10px 20px 20px;
		}
		#search .plan_e figure img{
			width:700px;
			height:100px;
			object-fit:cover;
		}

	/*ranking*/
	#search .rank{
		background:url(/img/site/crown4.png) no-repeat;
		display:inline-block;
		height:auto;
		margin-right:10px;
		padding-top:5px;
		text-align:center;
		width:32px;
	}
	#search .rank1{
		background:url(/img/site/crown1.png) no-repeat;
	}
	#search .rank2{
		background:url(/img/site/crown2.png) no-repeat;
	}
	#search .rank3{
		background:url(/img/site/crown3.png) no-repeat;
	}
	#search h2 i{
		font-size:12px;
		font-weight:normal;
		margin-left:10px;
	}

/*** faq ***/
#faq{
}
	/*top form*/
	#faq form.top{
		background:#fff;
		border:20px solid #E6E6E6;
		padding:10px;
		margin:-10px 0 20px 0;
	}
		#faq form.top select{
			background:transparent;
			border:none;
			display:block;
			margin-bottom:10px;
		}
		#faq form.top textarea{
			background:transparent;
			border:none;
			width:100%;
			height:100px;
		}
		#faq form.top p{
			text-align:right;
		}
		#faq form.top input[type="submit"]{
			background:transparent;
			border:none;
			border-top:2px solid #999;
			color:#555;
			font-weight:bold;

		}

	/*リスト表示*/
	#faq table{
		width:100%;
	}
		#faq table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#faq table tr td:nth-child(1){
				font-size:10px;
				width:100px;
			}
			#faq table td{
				padding:8px 5px;
			}
				#faq table td a{
					text-decoration:underline;
				}

	/*個別表示*/
	/*質問*/
	#faq .question{
		background:#F2F2F2;
		margin:-10px 0 10px;
		padding:20px;
	}
		#faq .question time{
			display:block;
			font-size:12px;
			margin-bottom:10px;
		}
		#faq .question p{
			white-space:pre-wrap;
			word-wrap:break-word;
		}
	/*回答フォーム*/
	#faq .re{
		margin-bottom:20px;
	}
		#faq .re label{
			display:inline-block;
			margin-bottom:10px;
			text-decoration:underline;
		}
		#faq .re > input[type="checkbox"].on-off{
			display: none;
		}
			#faq .re > input[type="checkbox"].on-off + form{
				border:none;
				height: 0;
				overflow: hidden;
				padding:0;
				transition:.5s;
			}
				#faq .re > input[type="checkbox"].on-off:checked + form{
					border:20px solid #E6E6E6;
					height: auto;
					padding:10px;
				}
		#faq .re form{
		}
			#faq .re textarea{
				background:transparent;
				border:none;
				width:100%;
				height:100px;
			}
			#faq .re p{
				text-align:right;
			}
			#faq .re input[type="submit"]{
				background:transparent;
				border:none;
				border-top:2px solid #999;
				color:#555;
				font-weight:bold;
			}

	/*回答*/
	#faq .answer{
		background:#E6E6E6;
		margin-bottom:20px;
		padding:20px;
	}
		#faq .answer i{
			display:block;
			font-size:12px;
			border-bottom:1px solid #ccc;
			margin-bottom:20px;
			padding-bottom:10px;
		}
		#faq .answer p{
			white-space:pre-wrap;
			word-wrap:break-word;
		}
		#faq .answer form{
			border-top:1px solid #ccc;
			margin-top:20px;
			padding-top:10px;
		}
			#faq .answer form input[type="submit"]{
				background:transparent;
				border:none;
				text-decoration:underline;
			}
/*** content ***/
#cont{
}
	#cont a.list{
		display:table;
		margin-bottom:20px;
		vertical-align:top;
		width:100%;
	}
	#cont figure{
		background:#ccc;
		display:table-cell;
		height:180px;
		vertical-align:middle;
		width:180px;
	}
		#cont figure img{
			height:180px;
			width:180px;
			object-fit:cover;
		}
	#cont a.list section{
		display:table-cell;
		padding-left:10px;
		vertical-align:top;
	}
		#cont a.list section p{
			margin-top:10px;
		}
	/*詳細*/
	#cont .dtl{
		margin-bottom:20px;
	}
		#cont .dtl img{
			max-width:100%;
		}
/*** RSS ***/
	#rss table{
		width:100%;
	}
			#rss table tr td:nth-child(1),
			#rss table tr td:nth-child(3){
				font-size:10px;
				width:120px;
			}
			#rss table tr td:nth-child(2){
				word-break: break-all;
			}
			#rss table tr td:nth-child(4){
				width:80px;
			}
			#rss table td{
				padding:8px 5px;
			}
				#rss table td a{
					text-decoration:underline;
				}
				#rss table td.meter{
					background:#F2F2F2;
					padding:0 !important;
				}
					#rss table td.meter p{
						background:#ccc;
						height:5px;
					}
			#rss input[type="submit"]{
				background:transparent;
				border:none;
				font-size:10px;
				text-decoration:underline;
			}
/*** MAIL ***/
#mail{
}
	#mail form,
	#mail p{
		background:#F2F2F2;
		margin-top:-10px;
		padding:20px;
	}
		#mail table{
			width:100%;
		}
			#mail table tr{
				border-top:1px solid #E6E6E6;
			}
			#mail table tr:first-child{
				border:none;
			}
				#mail table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#mail table td{
					padding:15px 5px;
				}
			#mail input[type="text"],
			#mail input[type="mail"],
			#mail textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#mail input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}

/*** usr ***/
#usr{
}
	#usr article{
		margin-bottom:20px;
	}

	#usr form{
		background:#F2F2F2;
		margin-top:-10px;
		padding:20px;
	}
	#usr article form small{
		display:block;
		margin:20px 0 0;
		text-align:center;
	}
	#usr article > p{
		margin:20px 0;
		text-align:center;
	}
		#usr table{
			width:100%;
		}
			#usr table tr{
				border-top:1px solid #E6E6E6;
			}
			#usr table tr:first-child{
				border:none;
			}
				#usr table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#usr table td{
					padding:15px 5px;
				}
			#usr input[type="text"],
			#usr input[type="mail"],
			#usr input[type="password"]{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#usr input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}

/*** reissue ***/
#reissue{
}
	#reissue section{
		background:#F2F2F2;
		margin-top:-10px;
		padding:20px;
	}
		#reissue section form{
			background:#fff;
			display:block;
			margin-top:20px;
			padding:10px;
		}
			#reissue input[type="mail"]{
				border:none;
				display:table-cell;
				width:90%;
				margin:0;
				padding:0;
			}
			#reissue input[type="submit"]{
				background:transparent;
				border:none;
				border-left:4px solid #666;
				display:table-cell;
				width:10%;
				margin:0;
				padding:0;
			}

/*** REGIST ***/
#regist{
}
	#regist form,
	#regist > p{
		background:#F2F2F2;
		margin-top:-10px;
		padding:20px;
	}
		#regist table{
			width:100%;
		}
			#regist table tr{
				border-top:1px solid #E6E6E6;
			}
			#regist table tr:first-child{
				border:none;
			}
				#regist table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#regist table td{
					padding:15px 5px;
				}
			#regist input[type="text"],
			#regist input[type="mail"],
			#regist textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#regist input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
/*** SEARCH station ***/
#sch_st{
}
	#sch_st form{
		background:#F2F2F2;
		margin-top:-10px;
		padding:20px;
	}
		#sch_st form label{
			display:inline-block;
			font-size:12px;
			padding:10px;
			vertical-align:top;
			width:145px;
		}
			#sch_st input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}

/*** DETAIL ***/
#shop{
}
	#shop .comvine{
		background:#E6E6E6;
		padding:10px;
	}
		#shop .comvine ul{
			background:#ccc;
			padding:2vw 1vw 0;
		}
			#shop .comvine ul li{
				display:inline;
			}
			#shop .comvine ul li a{
				background:#999;
				border-radius:5px 5px 0 0;
				color:black;
				display:inline-block;
				font-size:3vw;
				margin-right:1vw;
				padding:1vw;
				text-align:center;
			}
			#shop .comvine ul a.slct{
				background:#E6E6E6;
			}
	#shop .comvine ul+table{
		margin-top:10px;
	}

	#shop > figure,
	#shop section{
		margin-bottom:20px;
	}
	#shop > figure img{
		width:100%;
	}
	#shop section.txt{
		white-space:pre-wrap;
		word-wrap:break-word;
	}
	#shop .block span:before{
		content:"|";
		color:#666;
		font-size:10px;
		margin:0 10px;
	}
	#shop .block span:first-child:before{
		content:"";
		margin:0;
	}
	/*table*/
	#shop table{
		width:100%;
	}
		#shop table tr:nth-child(2n){
			background:#F2F2F2;
		}
			#shop table tr th,
			#shop table tr td:first-child{
				font-size:10px;
				font-weight:normal;
				text-align:left;
				padding:5px;
				width:100px;
			}
			#shop table td{
				padding:8px 5px;
			}
				#shop table td a{
					text-decoration:underline;
				}
	/*photo*/
	#shop .photo{
		display:table;
	}
		#shop .photo .main_img{
		}
			#shop .photo .main_img img{
				width:100%;
			}
		#shop .photo .thumb_img{
			display:table;
			margin-top:5px;
		}
			#shop .photo .thumb_img li{
				border-left:1vw solid #fff;
				display:table-cell;
				width:33%;
			}
				#shop .photo .thumb_img li:nth-of-type(1){
					border-left:none;
				}
			#shop .photo .thumb_img img{
				width:100%;
				height:80px;
				object-fit:cover;
				cursor:pointer;
			}

	/*review*/
	#shop .review{
	}
		#shop .review > label{
			display:block;
			font-size:12px;
			padding:20px 0;
			transition:.5s;
		}
		#shop .review > input[type="checkbox"].on-off{
			display: none;
		}
			#shop .review > input[type="checkbox"].on-off + form{
				border:none;
				height: 0;
				opacity:0;
				padding:0;
				transition:.5s;
				visibility:hidden;
			}
				#shop .review > input[type="checkbox"].on-off:checked + form{
					height: auto;
					opacity:1;
					visibility:visible;
				}
		#shop .review input[type="text"],
		#shop .review textarea{
			border:1px solid #ccc;
			display:block;
			padding:5px 2%;
			width:96%;
		}
		#shop .review input[type="submit"]{
			background:#666;
			border:none;
			border-radius:5px;
			color:#fff;
			display:block;
			margin-top:10px;
			padding:10px;
			width:100%;
		}
		/*review詳細*/
		#shop .review_dtl{
		}
			#shop .review_dtl date{
				background:#E6E6E6;
				display:block;
				font-size:12px;
				margin-bottom:-15px;
				padding:10px 0 0 20px;
			}
			#shop .review_dtl div{
				background:#fff;
				border:20px solid #E6E6E6;
				padding:10px;
			}
			#shop .review_dtl div p{
				padding:20px 0;
				white-space:pre-wrap;
				word-wrap:break-word;
			}
	/*information*/
	#shop .info{
	}
		#shop .info ul.tab{
			background:#ccc;
			padding:10px 10px 0 10px;
			margin:10px 0 20px;
		}
		#shop .info article{
			margin-bottom:20px;
		}
			#shop .info date{
				background:#fff;
				display:block;
				font-size:12px;
				padding:10px 0 10px 20px;
			}
			#shop .info div{
				background:#fff;
				display:table;
				padding:0 20px 20px 20px;
				width:100%;
			}
				#shop .info figure{
					display:table-cell;
					vertical-align:top;
					width:300px;
				}
					#shop .info figure img{
						max-width:300px;
					}
				#shop .info p{
					display:table-cell;
					text-align:left;
					vertical-align:top;
					padding:0 10px;
				}
	/*mail*/
	#shop .mail{
	}
		#shop .mail > div,
		#shop .mail > form{
			margin:10px 0;
		}
		#shop .mail > div{
			text-align:center;
		}
			#shop .mail > div p{
				margin:15px;
			}
			#shop .mail > div a{
				background:#666;
				border-radius:5px;
				color:#fff;
				display:inline-block;
				margin-bottom:10px;
				padding:10px 15px;
			}
			#shop .mail input[type="text"],
			#shop .mail input[type="mail"],
			#shop .mail textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#shop .mail input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}

/*** MY PAGE***/
main.my{
}
aside.my,
.sns{
	display:none;
}
	aside.my nav{
		padding:10px;
	}
		aside.my nav li{
			font-size:2vw;
			margin-bottom:2vw;
		}
			aside.my nav li a{
				font-size:4vw;
				padding:0 0 0 4vw;
			}
	aside.my .menu,
	aside.my .prof{
		background:#E6E6E6;
		margin-bottom:20px;
		padding:10px;
	}
	aside.my .prof{
		font-size:12px;
		text-align:center;
	}
		aside.my .prof figure{
			display:block;
		}
			aside.my .prof figure img{
				max-width:280px;
				max-height:280px;
			}
		aside.my .prof p{
			background:#fff;
			margin:10px 0 0 0;
			padding:10px;
			text-align:left;
			white-space:pre-wrap;
			word-wrap:break-word;
		}
#my{
}
	/*my 共通*/
	#my .more{
		font-size:12px;
		text-align:right;
		margin-bottom:20px;
	}

	/*top diary*/
	#my .diary_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:10px;
	}
			#my .diary_list figure{
				display:table-cell;
				vertical-align:top;
			}
				#my .diary_list figure p{
					background:#ccc;
					height:150px;
					overflow:hidden;
					text-align:center;
					width:150px;
				}
					#my .diary_list figure img{
						max-height:150px;
					}
			#my .diary_list section{
				background:#fff;
				display:table-cell;
				vertical-align:top;
				padding-left:10px;
				width:570px;
			}
				#my .diary_list i{
					display:block;
					font-size:12px;
					padding:5px 10px;
				}
					#my .diary_list date{
						margin-right:20px;
					}
			#my .diary_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*top friend*/
	#my .friend_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:20px;
	}
		#my .friend_list section{
			display:block;
			float:left;
			height:auto;
			margin:0 12px 10px 0;
			text-align:center;
			width:120px;
		}
			#my .friend_list section a{
				display:block;
				font-size:12px;
				height:150px;
				text-align:center;
			}
			#my .friend_list figure{
				height:120px;
				overflow:hidden;
				text-align:center;
				width:120px;
			}
				#my .friend_list img{
					max-height:120px;
				}
	/*top community*/
	#my .community_list{
		background:#F2F2F2;
		margin-bottom:10px;
		padding:10px;
	}
			#my .community_list figure{
				display:table-cell;
				vertical-align:top;
			}
				#my .community_list figure p{
					background:#ccc;
					height:150px;
					overflow:hidden;
					text-align:center;
					width:150px;
				}
					#my .community_list figure img{
						max-height:150px;
					}
			#my .community_list section{
				background:#fff;
				display:table-cell;
				vertical-align:top;
				padding-left:10px;
				width:570px;
			}
				#my .community_list i{
					display:block;
					font-size:12px;
					padding:5px;
					text-align:right;
				}
					#my .community_list date{
						margin-right:20px;
					}
			#my .community_list section p{
				font-size:14px;
				line-height:160%;
				padding:0 10px;
			}
	/*bm*/
	#my .bm{
	}
		#my .bm ul{
			background:#E6E6E6;
			display:block;
			margin:0 0 20px 0;
			padding:10px 20px 20px;
		}
			#my .bm li{
				display:table-cell;
				text-align:center;
			}
				#my .bm ul li a{
					font-size:10px;
				}
				#my .bm ul figure{
					width:70px;
					height:70px;
					overflow:hidden;
					vertical-align:middle;
				}
					#my .bm ul img{
						max-height:70px;
					}
	#my .add_area{
		margin-bottom:20px
	}
			#my .add_area section{
				background:#E6E6E6;
				padding:20px;
			}
			#my .add_area section span{
				margin-right:15px;
			}
	/*scout*/
	.scout_list{
		margin-bottom:20px
	}
		.scout_list ul{
			background:#E6E6E6;
			padding:10px;
		}
			.scout_list ul li{
				padding:10px;
			}
			.scout_list ul li:nth-child(2n){
				background:#F2F2F2;
			}
			.scout_list b{
				color:red;
				margin-left:15px;
			}
	/*scout_detail*/
	.scout_dtl{
	}
		.scout_box{
			margin-top:15px;
		}
			.scout_box img{
				display:block;
				margin-bottom:10px;
				max-width:600px;
			}
			.my_scout{
				display:inline-block;
				float:left;
				max-width:80%;
			}
			.my_scout1{
				display:inline-block;
				float:right;
				max-width:80%;
			}
				.scout_box i{
					font-size:10px;
				}
				.scout_box p{
					border:1px solid #ccc;
					border-radius:10px;
					padding:15px;
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*diary_dtl*/
	#my .diary_dtl{
		margin-bottom:20px;
	}
		#my .diary_dtl date{
			font-size:14px;
			padding:10px 20px;
		}
		#my .diary_dtl section{
			background:#F2F2F2;
			padding:20px;
			white-space:pre-wrap;
			word-wrap:break-word;
		}
		#my .diary_dtl img{
			max-width:100%;
		}
	/*diary_edit*/
	#my .diary_edit{
	}
		#my .upload{
			display:table;
			margin-bottom:10px;
		}
			#my .upload p{
				display:table-cell;
				padding-left:10px;
			}
		#my .diary_edit table{
		
		}
		#my .diary_edit table{
			width:100%;
		}
			#my .diary_edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .diary_edit table tr:first-child{
				border:none;
			}
				#my .diary_edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .diary_edit table td{
					padding:15px 5px;
					vertical-align:top;
				}
			#my .diary_edit input[type="text"],
			#my .diary_edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .diary_edit textarea{
				height:600px;
			}
			#my .diary_edit select{
				border:1px solid #ccc;
				padding:5px;
				margin-right:5px;
			}
			#my .diary_edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
	/*friend*/
	nav.friend_menu{
		background:#E6E6E6;
		border-bottom:4px solid #ccc;
		height:40px;
		margin:0 0 20px 0;
	}
		nav.friend_menu a{
			border-bottom:4px solid #ccc;
			color:black;
			display:table-cell;
			font-size:12px;
			font-weight:bold;
			height:44px;
			padding:0 20px;
			text-align:center;
			vertical-align:middle;
		}
			nav.friend_menu a.slct{
				border-bottom:4px solid #999;
			}
			nav.friend_menu a:hover{
				border-bottom:4px solid #555;
			}
	/*friend_request*/
	#my .friend_request{
		display:table;
		margin-bottom:20px;
		width:100%;
	}
		#my .friend_request figure,
		#my .friend_request p,
		#my .friend_request form{
			display:table-cell;
			vertical-align:middle;
			padding-right:20px;
		}
		#my .friend_request figure{
			overflow:hidden;
			width:150px;
		}
			#my .friend_request figure img{
				max-height:150px;
			}
		#my .friend_request form{
			width:50px;
		}
	#my .friend_request:nth-child(2n+1){
		background:#F2F2F2;
	}
	/*community*/
	aside .community{
		background:#E6E6E6;
		margin-bottom:20px;
		padding:10px;
	}
		aside .community figure{
			display:block;
			text-align:center;
		}
		aside .community figure img{
			max-width:100%;
			max-height:280px;
		}
		aside .community p{
			background:#fff;
			font-size:12px;
			margin-bottom:10px;
			padding:10px;
		}
		aside .community form{
			text-align:center;
		}
	/*bbs area*/
	#community_dtl{
	}
		/*投稿フォーム*/
		#community_dtl form{
			border:4vw solid #F2F2F2;
			background:#fff;
			display:block;
			padding:3%;
			position:relative;
			margin:0 0 5% 0;
		}
		#community_dtl form textarea{
			background:#fff;
			border:none;
			display:block;
			height:10vw;
			width:70vw;
		}
		#community_dtl form p{
			display:table-cell;
			vertical-align:top;
		}
		#community_dtl form input[type="submit"]{
			background:transparent;
			border:none;
			border-top:4px solid #999;
			position:absolute;
			bottom:0;
			right:1vw;
		}

		/*投稿エリア*/
		#community_dtl .inbox{
			border-bottom:1px solid #ccc;
			display:table;
			padding:10px;
		}
		#community_dtl .u0{ /*他人の投稿*/
		}
		#community_dtl .u1{ /*自分の投稿*/
			background:#ffffe0;
		}
			#community_dtl .inbox .usr{
				display:table-cell;
				font-size:10px;
				text-align:center;
				vertical-align:top;
				width:80px;
			}
				/*ユーザーアイコン*/
				#community_dtl .inbox .usr > p{
					background-size:auto 50px !important;
					background-position:center center;
					border-radius:25px;
					margin:0 auto;
					width:50px;
					height:50px;
				}

			#community_dtl .data{
				display:table-cell;
				padding:10px 0;
				text-align:left !important;
				vertical-align:top;
				width:650px;
			}
				#community_dtl .data img{
					display:block;
					margin-bottom:10px;
				}
				#community_dtl .data i{
					display:block;
					font-size:10px;
					margin:0 0 10px 0;
				}
				#community_dtl .data p{
					white-space:pre-wrap;
					word-wrap:break-word;
				}
	/*edit*/
	#my .edit
	{
		background:#F2F2F2;
		padding:20px;
	}
		#my .edit table{
			width:100%;
		}
			#my .edit table tr{
				border-top:1px solid #E6E6E6;
			}
			#my .edit table tr:first-child{
				border:none;
			}
				#my .edit table tr th,
				#my .edit table tr td:nth-child(1){
					font-size:12px;
					width:120px;
				}
				#my .edit table td{
					padding:15px 5px;
				}
			#my .edit input[type="text"],
			#my .edit input[type="mail"],
			#my .edit textarea{
				border:1px solid #ccc;
				display:block;
				padding:5px 2%;
				width:96%;
			}
			#my .edit input[type="submit"]{
				background:#666;
				border:none;
				border-radius:5px;
				color:#fff;
				display:block;
				margin-top:10px;
				padding:10px;
				width:100%;
			}
			#my .edit label{
				margin-right:10px;
			}
			#my .edit .upload_label{
				border-right:2px solid #ccc;
				border-bottom:2px solid #ccc;
			}
	/*add bm area*/
	.add_bm_area{
		padding:20px;
	}
		.add_bm_area span{
		}
		.add_bm_area span:before{
			color:#ccc;
			content:"|";
			font-size:10px;
			margin:0 15px;
		}
		.add_bm_area span:first-child:before{
			content:"";
			margin:0;
		}