@charset "euc-jp";
/* breakpoint 960 */
 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;500&family=Noto+Serif+JP:wght@200;300;500&display=swap');

/*-------*/
[w-max]{ margin:0 auto;width: 90%;} 
[w-max="600"]{max-width: 600px;}
[w-max="800"]{max-width: 800px;}
[w-max="1000"]{max-width: 1000px;}
[w-max="1200"]{max-width: 1200px;}
[w-max="1440"]{max-width: 1440px;}
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
/*-------*/
img{ max-width:100%; height:auto;}
body{ margin:0; padding:0;font-family: 'Noto Sans JP', sans-serif; font-weight:300;}
#header {z-index: 10000;	position: relative;}
#header h1 {font-size: 11px;font-weight: normal;padding: 0.5em;	margin: 0;}
#header .logo img {   width: 200px;}
ul,ol{list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a:link{ color:#000;}
a:hover{ text-decoration:underline;}
.close_btn{ width:45px; height:45px; display:flex;flex-flow: column; cursor:pointer;}
.close_btn > span {	height: 100%;display: flex;	align-items: center;}
.close_btn > span::before{content: ""; display: block; height: 2px;width: 45px;background: #fff; transition:all 1s;}
.close_btn.active > span:nth-child(1)::before{ transform: translateY(10px) rotate(-45deg);}
.close_btn.active > span:nth-child(2)::before{ opacity:0;}
.close_btn.active > span:nth-child(3)::before{ transform: translateY(-20px) rotate(45deg);}
.nav ul .close_btn {position: fixed;top: 30px;right: 10px;}
.nav .close_btn > span::before{ background:#fff;}
.h_bottom.fixed {position: fixed;top: 0;left: 0;width: 100%;z-index: 10;background: #fff;}
.bx-viewport {border: none !important;	left: 0 !important;box-shadow: none !important;}
.slide_box img {aspect-ratio: 16/9;	max-width: 100vw !important; width:100%;}
.slide_box {margin-top: -90px;}
#slider > div {	width: 100% !important;}
.h_bottom .wrap .logo a{display: flex;height: 60px;align-items: center;}
#search_box {margin-right: 0;}
.t_title {display: none;}
#fixed_obj {display: flex;position: fixed;	right: 10px;bottom: -50px; transition:all 1s;}
#fixed_obj.fixed {bottom:10px;}
#fixed_obj a {	display: flex;	justify-content: center;align-items: center;width: 45px;height: 45px;background: #fafafa;color: #ddd;
	border-radius: 50px;box-shadow: 0 0 0 1px #ddd;}
.login_txt {cursor: pointer;}
.login_account{ display:none;}
.login_account.active {display: flex;width: 100vw;	height: 100vh;position: fixed;	background: rgba(0,0,0,0.8);	z-index: 1000;	top: 0;	left: 0;	align-items: center;	justify-content: center;flex-flow: column;}
.login_account .close_btn span::before {background: #fff;}
#d_acount {	border-radius: 5px;	box-shadow: 0 0 0 1px #aaa;}
#d_acount a {color: #fff;}
.login_account .close_btn {position: absolute;right: 26px;top: 33px;}
.login_account.active .close_btn{ display:flex;}
#d_acount li {	padding: 0.5em;}
#cart_info {width: 10px;position: fixed;left: -100px;}
#footer a{ color:#000;}
#footer .nav li {padding: 0.25em 0;	font-size: 0.9em;}
.copyright {text-align: right;	font-size: 0.9em;	color: #bbb;	border-top: solid 1px #ddd;	padding: 0.5em 4.5em 0.5em 0.5em;}
#header.top  h1{ color:#fff;}

/*--------------*/
h2.title {text-align: center;font-size: 2em;font-weight: normal;margin: 0 0 2em;}
.bg_w {	padding: 5em 0; background:#fff;}
.bg_g {	padding: 5em 0; background:#eee;}
.bg_max { z-index:0;padding: 14em 0;background-size: cover;background-position: center center;background-attachment: fixed;position: relative;}
.bg_max > div::before {
	content: "";
	width: 100vw;
	height: 100vh;
	background-image: url(https://img07.shop-pro.jp/PA01382/643/etc/rental_image_bg.png);
	display: block;
	z-index: -1;
	position: fixed;
	top: 0;pointer-events: none;
	background-size: cover;
}.bg_max >div::after {content: "";width: 100%;height: 100%;background: rgba(255,255,255,0.4);	display: block;	z-index: 0;	position: absolute;	top: 0;}
.bg_max > div {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	clip-path: inset(0%);
}
.bg_max .wrap {
	padding: 5em 0;
}
.bg_max h2 {padding: 0 0 1em;	margin: 0;	text-align: center;}
.information >li{ display:flex;margin-bottom: 1em;}
.information .day {	font-weight: bold;	margin-right: 1em;}
.top .infomations {	margin: 0 auto;width: 90%;}
.top .freespace {padding: 3em 0;max-width: 800px;	margin: 0 auto;	width: 90%;}
.bx-caption {  height: 100%;	display: flex !important;	justify-content: center;align-items: center;font-size: 5.5vw;	background: transparent !important;text-shadow: 0 0 5px #000;}

.bx-wrapper .bx-caption span{ font-family: 'Noto Serif JP', serif !important;	}
.bx-wrapper .bx-caption span > span {font-size: 3vw !important;border-top: solid 2px #fff;text-align: center;padding: 0.2em !important; font-family: 'Noto Sans JP', sans-serif !important;}
.top .h_bottom:not(.fixed) .nav > ul > li{text-shadow: 0 0 5px #000;}
.top .h_bottom:not(.fixed) .nav > ul ul > li a{ text-shadow:none;}
h2.title .sub{	display: block;	font-size: 0.5em; font-weight:300;}
h2.title .sub::before,h2.title .sub::after{ content:"-"; margin:0 0.5em;}
/*--------------*/
[min] > li{transition: all 1s; counter-increment: number 1;}
.top [min] > li{ opacity: 1;}
[min] > li.run {opacity: 1;}
.ilist .exp {font-size: 0.7em;	padding-top: 1em;}
.teika::before{content:"定価";font-size: 0.8em;}
.teika {text-decoration: line-through;font-size: 0.8em;}
.price_off:not(.teika) {background: #f44;color: #fff;padding: 0.2em 0.5em;font-size: 0.8em;	display: inline-block;	border-radius: 5px;}
.point {color: #f44;font-size: 0.8em;}
.point::after{content:" pt";}
.name a{ color:#000;}
.name{padding-top:0.5em;}
.model{padding-top:0.5em; font-size:0.8em;}
.favorite-button {	background: none;border: none;color: #aaa;cursor: pointer;}
.favorite-button.fav-items {color: #faa;}
.favo {	padding-top: 1em;}
.artist_list .artist .img a{ border-radius:100%;overflow: hidden;aspect-ratio: 1/1;}
.artist_list .artist p{ margin:0;text-align: center;min-width: 100px;display: block;}
.artist_list {	padding-top: 3em; border-bottom:solid 1px #ccc;}
/*--------------*/
#main.page {display: flex;	max-width: 1440px;	width: 90%;	margin: 0 auto;flex-flow: column;}
#pankuzu {	margin-bottom: 1em;}
#pankuzu .wrap {max-width: 1440px;	margin: 0 auto;	width: 90%;}
#pankuzu .wrap a::after {content: ">";}
#pankuzu .wrap a:last-child::after {content: "";}
#pankuzu .wrap a {	color: #000;}
.pagenavi {	text-align: center;	padding: 1em 0;}
.pagenavi span {margin: 0 0.5em;}
.pagers {display: flex;	width: 100%;padding: 1em 0;}
.pagers li {width: 100%;}
.pagers a,.pagers span {display: flex; max-width: 60px; width:90%; margin: 0 auto;text-align: center;justify-content: center;align-items: center;min-height: 40px;}
.pagers a {background: #fafafa;box-shadow: 0 0 0 1px #ccc;border-radius: 3px;color: #000;}
.sort {	display: flex;	justify-content: end;font-size: 0.8em; width:90%; margin:0 auto;}
.sort .label,.sort .sort_btn > strong,.sort .sort_btn > span  {	margin: 0 1em 0 0;}
.s_nav > ul > li {	margin-bottom: 2em;}
.s_nav .head {font-size: 1.4em;	border-bottom: solid 1px #000;	width: 100%; display: block; margin-bottom: 0.5em;padding-bottom: 0.2em;}
.s_nav > ul > li li {	margin-bottom: 0.5em;}
.s_nav > ul > li li a {	color: #000;}
.sub_title .name {font-size: 1em;background: #fafafa;display: flex;justify-content: center;align-items: center;height: 100%;box-shadow: 0 0 0 1px #dfdfdf;padding: 0.5em;border-radius: 5px; font-weight:400;}
.review_title .icon_star {	width: 75px; overflow: hidden; display: block;}
.review_title .icon_star img {	width: auto !important;max-width: none !important;}
.review_poster {display: flex; margin-bottom:0.5em;}
.review_poster li.date {flex-grow: 1;text-align: right;}
.review_poster .nendai {margin-right: 1em;}
.review_comment2 {	display: flex;}
.review_comment2 img{ max-width:100px;aspect-ratio: unset !important;}
#review > li {	margin-bottom: 2em;	border-bottom: solid 1px #eee;	padding-bottom: 2em;}
.shop_comment {	background: #f5f5f5;padding: 1em;}
.shop_comment .shop_img {display: flex;align-items: center; margin-bottom:1em;}
.img_size.review_img {overflow: hidden;}
.reviewlist_content {margin-bottom: 1em;}
.star_icon {display: inline-block;color: #fa8f05;overflow: hidden;	margin-right: 1em;}
#review .nav {display: flex; align-items: center;}
#review .nav a {flex-grow: 1;	text-align: right;}
.review_star {	line-height: 1;}
#review{ margin-bottom:3em;}
/*--------------*/
.shop_image img {max-width: 110px;	margin: 0 1em;}
.image_area {position: relative; z-index:0;}
.photo_cart .my-gallery {min-height: 500px;	margin-bottom: 2em;}
.photo_cart .my-gallery figure {position: absolute;	z-index: 1;	transition: all 1s;	margin: 0;width: 100%;display: flex;align-items: center;	justify-content: center;}
.photo_cart .my-gallery figure.active {	min-height: 500px;	z-index: 10;opacity: 100;max-height: 500px;}
.photo_cart .my-gallery figure {opacity: 0;	min-height: 500px;}

.imagelist-nav {display: flex;	max-width: 100%;overflow: auto;}
.i_box {display: flex;	position: relative;}
.imagelist-nav > div > div {min-width: calc(60px - 0.5em);cursor: pointer;display: flex;justify-content: center;align-items: center;	width: calc(60px - 0.5em);	padding: 1em;}
.imagelist-nav > div > div.active {	box-shadow: 0 0 0 2px #00add5 inset;}
#count {position: absolute;	top: 20px;	right: 20px;background: rgba(0,0,0,0.1);padding: 0.5em;	border-radius: 5px;	z-index: 100;}
.next img, .prev img {	filter: brightness(90%);}
.image_area .next {	position: absolute;	top: calc(50% - 1em);right: 0;font-size: 30px;z-index: 100;cursor: pointer;font-weight: bold;	font-family: san-serif;	display: flex;width: 45px;height: 45px;	justify-content: center;align-items: center;color: #fff;}
.image_area .prev {	position: absolute;	top: calc(50% - 1em);	left: 0;font-size: 30px;	z-index: 100;cursor: pointer;	font-weight: bold;	font-family: san-serif;	display: flex;	width: 45px;height: 45px;	justify-content: center;align-items: center;color: #fff;}
.photo_cart .my-gallery figure img {max-height: 500px;}
select {font-size: 1em; appearance: none;-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;border: none;padding: 0.5em;line-height: 1;	height: 3em;}
.select {position: relative;margin:0 0 1em;	box-shadow: 0 0 0 1px #ccc;}
.select::after{	content: "▼";	font-size: 0.7em;	position: absolute;	right: 0;top: 0;padding: 1.75em;color: #999;pointer-events: none;line-height: 1;}
[name="option1"], [name="option2"] {width: 100%;}
#nums {	display: block;	height: 50px;	text-align: center;	font-weight: bold;	font-size: 1.5em;}
.num_area .num {margin: 0;	display: flex;	border: solid 1px #999;background: #999;}
.num_area .num .down, .num_area .num .up {	width: 50px;}
.num_area .num .num_box {flex-grow: 1;}
.num_box input {width: 100%;margin: 0;padding: 0;border: none;}
.num_area .num a {	display: flex;width: 49px;height: 50px;background: #666;justify-content: center;align-items: center;	color: #fff;}
.cart_btn input {padding: 1em;width: 100%;	font-weight: bold;color: #fff;background: #333;border: none;min-height: 50px;}
.right_box .price {	font-weight: 400;	font-size: 1.2em;margin-bottom: 1em;}
.share ul {	display: flex;	margin-bottom: 5em;flex-wrap: wrap;}
.share ul li{  margin-right:1em; margin-bottom:1em;}
.detail {margin-bottom: 5em;}
.right_box .favo {text-align: right;}
.opt_link a { color: #000;}
.imagelist-nav img {max-width: calc(60px - 0.5em);	max-height: 60px;}
#option_tbl{border-collapse: collapse;}
#option_tbl td ,#option_tbl th{box-shadow: 0 0 1px #ccc;padding: 0.2em;}
#product_form .option {	overflow: auto;	padding: 1em 1px;width: calc(100% - 2px);}
.product {	margin-bottom: 3em;}
.share_btn {	background: #666;color: #fff !important;font-size: 12px;padding: 0.2em 0.5em;	border-radius: 5px;	vertical-align: text-top;}
.bx-pager-link {width: 50px !important;border-radius: unset !important;}
.bx-wrapper .bx-pager {	bottom: -30px !important;}
.sub_cate {	margin-bottom: 2em;}
.image_area.thumb {	margin-bottom: 4em;}
.artist_list .item_list {width: 100%;}
.artist .img img {	border-radius: 100%; width:100%;}
img.top_logo{ display:none;}
.top .h_bottom .logo > a img{ display: none;}
.top .h_bottom .logo > a img.top_logo{ display:block;}
.top .h_bottom.fixed .logo > a img{display: block; }
.top .h_bottom.fixed .logo > a img.top_logo{ display: none;}
.ilist.top_rental .img_ch {	object-fit: contain !important;}
.ilist.top_rental a {aspect-ratio: 2.2/1;}
.s_banner li {margin-bottom: 1em;}
.history img {width: 100% !important;}
#footer .logo img {	max-width: 200px;}
.bx-wrapper .bx-next {right: 10px;background: url(https://img07.shop-pro.jp/PA01382/643/etc/controls2.png) no-repeat -43px -32px !important;}
.bx-wrapper .bx-prev {left: 10px;	background: url(https://img07.shop-pro.jp/PA01382/643/etc/controls2.png) no-repeat 0 -32px !important;}
/*--------------*/
#main.books .price_area{ display:none;}
.book_detail {margin-bottom: 5em;}
.books .day {text-align: right;}
.books > h2 {margin-top: 0;}
.image_area.thumb #count,.image_area.thumb .next,.image_area.thumb .prev {display: none;}
.image_area.thumb > div {display: flex;}
.image_area.thumb > div figure {width: 18%;	margin: 1%;aspect-ratio: 1/1;flex-direction: column;}
.image_area.thumb > div figure a{aspect-ratio: 1/1;flex-direction: column; display:flex;}
.image_area.thumb > div figure a img{max-width: 100%;height: auto;	object-fit: contain;aspect-ratio: 1/1;}
/*--------------*/

[class^=free] h1:not(#header h1),.books h1{border-bottom: solid 2px #000;margin: 0 0 1em;padding-bottom: 0.2em;}
[class^=free] h2:not(.title),.books h2:not(.title){border-bottom: solid 2px #000;margin: 0 0 1em;padding-bottom: 0.2em;}
[class^=free] h3,.books h3{border-bottom: solid 2px #aaa;margin: 0 0 1em;padding-bottom: 0.2em; position:relative;}
[class^="free"] h3::before, .books h3::before {	content: "";width: 20%;	background: #000;height: 2px;display: block;position: absolute;bottom: -2px;}
[class^=free] h4,.books h4{padding: 0.25em; background:#efefef;}
[class^=free] h5,.books h5{padding-bottom: 0.2em; border-bottom:solid 1px #ccc;}
[class^=free] h6,.books h6{padding-bottom: 0.2em; border-bottom:solid 1px #ccc;}
/*--------------*/
[class^="free"] table th, .books table th, [class^="free"] table td, .books table td {	box-shadow: 0 0 1px #0b0b0b;padding: 1em;background: #fff;text-align: left;}
[class^="free"] table,.books table{ margin-bottom:2em;}
.pswp{ z-index:10001 !important;}

@media screen and (max-width:599px) {
.item_list{ overflow:auto;}
[min]{display:flex;flex-wrap: wrap;width: 90%; margin:0 auto;} 
[min="1.5"] {width: calc(72vw * 5) !important;	flex-wrap: nowrap;}
[min] > li{  margin-bottom:3em;}
[min="1"] > li{width: 100%;}
[min="1.5"] > li{width: 70%;margin-right: 2%; max-width:70vw;}
[min="2"] > li{width: calc(50% - 2.5%);}
[min="2"] > li:nth-child(2n+1){margin-right: 5%;}
[min="3"] > li{width: calc(90% / 3);}
[min="3"] > li:nth-child(3n+2){margin-right: 5%; margin-left:5%;}
[min="4"] > li{width: calc(85% / 4);margin-left:5%;}
[min="4"] > li:nth-child(4n+1){ margin-left:0;}
[min="5"] > li{width: calc(80% / 5);margin-left:5%;}
[min="5"] > li:nth-child(5n+1){ margin-left:0;}
[min="1"] .img_ch{width:90vw; height:90vw !important; }
[min="1.5"] .img_ch{width:70vw; height:70vw !important; }
[min="2"] .img_ch{width:calc(90vw / 2); height:calc(90vw / 2) !important;}
[min="3"] .img_ch{width:calc(90vw / 3); height:calc(90vw / 3) !important;}
[min="4"] .img_ch{width:calc(85vw / 4); height:calc(85vw / 4) !important;}
[min="5"] .img_ch{width:calc(80vw / 5); height:calc(80vw / 5) !important;} 
}
@media screen and (min-width:600px) and (max-width:960px) {
[mid]{display:flex;flex-wrap: wrap;width: 90%; margin:0 auto;} 
[mid] > li{  margin-bottom:3em;}
[mid="1"] > li{width: 100%;}
[mid="2"] > li{width: calc(50% - 2.5%);}
[mid="2"] > li:nth-child(2n+1){margin-right: 5%;}
[mid="3"] > li{width: calc(90% / 3);}
[mid="3"] > li:nth-child(3n+2){margin-right: 5%; margin-left:5%;}
[mid="4"] > li{width: calc(85% / 4);margin-left:5%;}
[mid="4"] > li:nth-child(4n+1){ margin-left:0;}
[mid="5"] > li{width: calc(80% / 5);margin-left:5%;}
[mid="5"] > li:nth-child(5n+1){ margin-left:0;}
[mid="1"] .img_ch{width:90vw; height:90vw !important; }
[mid="2"] .img_ch{width:calc(90vw / 2); height:calc(90vw / 2) !important;}
[mid="3"] .img_ch{width:calc(90vw / 3); height:calc(90vw / 3) !important;}
[mid="4"] .img_ch{width:calc(85vw / 4); height:calc(85vw / 4) !important;}
[mid="5"] .img_ch{width:calc(80vw / 5); height:calc(80vw / 5) !important;} 
}
@media screen and (min-width:961px) {
[max]{display:flex;flex-wrap: wrap;width: 90%; margin:0 auto;} 
[max] > li{  margin-bottom:3em;}
[max="1"] > li{width: 100%;}
[max="2"] > li{width: calc(50% - 2.5%);}
[max="2"] > li:nth-child(2n+1){margin-right: 5%;}
[max="3"] > li{width: calc(90% / 3);}
[max="3"] > li:nth-child(3n+2){margin-right: 5%; margin-left:5%;}
[max="4"] > li{width: calc(85% / 4);margin-left:5%;}
[max="4"] > li:nth-child(4n+1){ margin-left:0;}
[max="5"] > li{width: calc(80% / 5);margin-left:5%;}
[max="5"] > li:nth-child(5n+1){ margin-left:0;}
[max="1"] .img_ch{width:90vw; height:90vw !important; }
[max="2"] .img_ch{width:calc(90vw / 2); height:calc(90vw / 2) !important;}
[max="3"] .img_ch{width:calc(90vw / 3); height:calc(90vw / 3) !important;}
[max="4"] .img_ch{width:calc(85vw / 4); height:calc(85vw / 4) !important;}
[max="5"] .img_ch{width:calc(80vw / 5); height:calc(80vw / 5) !important;} 
}

/*--------------*/
.t-center {	text-align: center;	z-index: 100;position: relative;}
.t-center p {margin-bottom: 3em;}
.img a {  display: flex;  flex-direction: column; justify-content: center;align-items: center;aspect-ratio: 1/1;overflow: hidden;}
.img a img { object-fit: contain; aspect-ratio: 1/1; max-width:306px;max-height:306px;}
.img { margin-bottom:1em;}
.more_btn {	background: rgba(255,255,255,0.5);padding: 1em 2em;border-radius: 50px;box-shadow: 0px 0 1px #000;font-weight: bold;color: #000;}

/*--------------*/
@media screen and (max-width:375px) {
	.information > li {	flex-flow: column !important;}
}
@media screen and (max-width:560px) {
	#slider > div {	aspect-ratio: 1/1; overflow:hidden; display:flex!important;justify-content: center;}
	#slider > div img{width: auto;aspect-ratio: 16/9;height: 100vw !important;max-width: none !important;	}
	
}

@media screen and (max-width:960px) {
	[show="pc"] {display: none;}
	#header {position: relative;z-index: 10000;}
	#header .h_bottom .wrap{ position:relative; height: 60px;}
	#header .h_bottom .wrap .logo{max-height:60px;}
	#header .h_bottom .wrap .logo a {display: flex;	max-height: 60px;}
	#header .h_bottom .wrap .logo img{ max-height:60px;margin-left: 1em;}
	#header .h_bottom .wrap .nav {position: fixed;z-index: 1;	display: none;	justify-content: center; align-items: center;left: 0; top: 0; width: 100vw; height: 100vh;}
	#header .h_bottom .wrap .nav.active {display: flex;}
	#header .h_bottom .wrap .nav:before{ display:block; right: -5vw; top: -5vh; background: rgba(0,0,0,0.8); width: 110vw; height: 110vh; content:"";position: absolute;z-index: -1;}
	#header .h_bottom .wrap .menu{ position: absolute; right: 10px; top: 5px; font-size: 45px;}
	#header .h_bottom .wrap .nav > ul {	width: 80vw; overflow: auto; max-height: 80vh;}
	#header .h_bottom .wrap .nav > ul a {color: #fff;}
	#header .h_bottom .wrap .nav .head {border-bottom: solid 2px #fff;
	display: block;	margin-bottom: 1em;	padding: 0.25em 0; color: #fff; font-weight: bold;}
	#header .h_bottom .wrap .nav > ul ul { margin-bottom:1em;}
	#search {display: flex; padding-top:1em;}
	#search_box button {background: none; border: none;	color: #fff;width: 45px;height: 45px; padding:0;cursor: pointer;font-size: 16px;}
	input[name="keyword"] {	background: none;border: none;color: #eee;	border-bottom: solid 2px #eee;	width: 100%;font-size: 16px;}
	.fixed + .head_space {	height: 60px;}
	.h_bottom.fixed .nav .close_btn {top: 5px;}
	#search_btn{ display:none;}
	#footer {padding: 1em;}
	#footer .logo {	margin-bottom: 1em;}
	.login_txt{ color:#fff;}
	.fixed .close_btn > span::before{ background:#000;}
	.fixed .close_btn.active > span::before{ background:#fff;}
	/*--------------*/
	h2.title{ margin:1.5em 0;}
	.information > li{ font-size:0.9em;}
	.wrap h2:first-child {	margin-top: 0;}
    /*--------------*/
    .artist_list [min]{ width:100%; }
	.artist_list .artist{ display:flex; margin-bottom: 2em;align-items: center;}
    .artist_list .artist a {display: flex;}
    .artist_list .artist .img {	width: 90px;height: 90px;margin-right: 5%;}
	/*--------------*/
	.photo_cart {margin-bottom: 4em;}
	#main.page .wrap {width: 100%;}
	.ilist.top_rental .img_ch{aspect-ratio: 2.2/1;max-width: 100%;}

	.photo_cart .my-gallery, .photo_cart .my-gallery figure {min-height: calc(100vw - 2.8em ) !important;}
	.photo_cart .my-gallery figure img {max-height: calc(100vw - 2.8em ) !important;}
	[class^="free"] table ,.books table{ max-width:100%;} 
	.review_comment2 {flex-flow: column;}
	.bg_w {	padding: 0 0 5em;	}
	.s_banner {	display: flex;	width: 100%;}
	.s_banner li {width: calc(50% - 2%);margin: 1%;flex-wrap: wrap;}
	.slide_box{ margin-bottom:5em;}
	
}
@media screen and (min-width:961px) {
	[show="pc"] {display: block;}
	.bx-wrapper .bx-caption { font-size:3em;}
	.bx-wrapper .bx-caption span > span {font-size: 0.8em !important;}
	.h_bottom {	z-index: 1000;	position: relative;}
	.h_bottom .wrap .close_btn{display:none;}
	.h_bottom .wrap .nav{ position:relative;}
	/*--fixed---*/
	.h_bottom .wrap {display: flex;align-items: center; }

	.h_bottom .wrap .menu {	display: none;}
	.h_bottom .wrap .nav > ul { display:flex;}
	.h_bottom .wrap .nav > ul ul{ display:none;}
	/*--fixed---*/
	#search_box {position: fixed;right: 0;top: 0;z-index: 1;background: rgba(0,0,0,0.8);width: 100vw;height: 100vh; justify-content: center;align-items: center; display:none;}
	#search_box.active{display:flex;}
	.slide_box {margin-top: -115px;}
	.nav ul li {position: relative;}
	.nav ul li a{ color:#000;}
	.nav ul li:hover span.head + ul {display: block;position: absolute;	top: 0;	left: 0;padding-top: 2em;min-width: 250px;}
	.nav ul li ul li{ background:rgba(255,255,255,0.8); padding:0.25em 1em;}
	.h_bottom .wrap .logo {	width: 300px;margin-right: 1em;}
	.h_bottom .wrap .nav {width:calc(100% - 320px); padding-right:20px;} 
	.nav > ul > li {margin-right: 2em;}
	.nav ul ul li:first-child {	border-radius: 10px 10px 0 0; padding-top:0.5em;}
	.nav ul ul li:last-child {	border-radius: 0px 0px 10px 10px; padding-bottom:0.5em;}
	/*--------------*/
	.top .h_bottom:not(.fixed) .wrap .logo{margin-left: 25px;}
	.top .h_bottom:not(.fixed) .wrap {flex-flow: column;align-items: unset;}
	.top .h_bottom:not(.fixed) .wrap ul {flex-flow: column;position: absolute;top: 0;left: 30px;}
	.top .h_bottom:not(.fixed) .wrap .nav > ul {top: 30px;}
	.top .h_bottom:not(.fixed) .nav ul li:hover span.head + ul{padding-left: 0px; padding-top:0; z-index:1;margin-left: 100px;}
	.top .h_bottom:not(.fixed) .nav > ul > li{margin-bottom: 1em;}
	.top .h_bottom:not(.fixed) .nav > ul > li::after {width: 0;height: 2px;background: #fff;display: block; content: ""; transition:all 1s;}
	.top .h_bottom:not(.fixed) .nav > ul > li:not(#search_box):hover::after {width: 100%;}
	#search_box.active .close_btn.active {display: flex;}
	#search { display: flex;  padding-top: 1em;}
	input[name="keyword"] {	background: none;border: none;	color: #eee;border-bottom: solid 2px #eee;	width: 100%;font-size: 16px;}
	#search_box button {background: none;border: none;color: #fff;width: 45px;height: 45px;	padding: 0;	cursor: pointer;font-size: 16px;}
	.top .h_bottom:not(.fixed) .t_title{display: block;font-size: 1.5em;color: #fff;}
	.top .h_bottom:not(.fixed) .head{color: #fff;}
	.top .h_bottom:not(.fixed) .t_title + a, .top .h_bottom:not(.fixed) .login_txt,.top .h_bottom:not(.fixed) #search_btn{ color:#fff;}
	.h_bottom:not(.fixed) .wrap .logo{margin-right: 15px;}
	#footer {	max-width: 1440px;	margin: 0 auto;	display: flex;	width: 85%;padding: 5em 0;}
	#footer > div {	width: 100%;}
	#header.top h1 {padding-left: 30px;}
	.bg_max h2 {font-size: 3em;	font-weight: normal;}
	/*--------------*/
	.artist_list{ display:flex;}
    .artist_list > ul{display: flex;}
    .artist_list .artist{width:10%;margin-right:5%;}
    .artist_list ul{ width:85%;}
	/*--------------*/
	
	#main.page {flex-flow: wrap;}
	#main.page .side {width: 200px;	order: -1;}
	#main.page .wrap {width:calc(100% - 240px); margin:0 auto;min-height: 125vh;}
	#header:not(.top) {max-width: 1440px; margin: 0 auto; }
	.h_bottom.fixed .wrap {	max-width: 1440px;	margin: 0 auto;}
	.photo_cart .my-gallery figure img {max-height: 500px;}
	/*----------------------------*/
	.photo_cart {display: flex;margin-bottom: 5em;}
	.photo_cart .left_box {	max-width: 735px;width: 65%;margin-right: 5%;}
	.photo_cart .right_box {max-width: 350px;width: 30%;}
	.i_box {max-width: 100%;	flex-wrap: wrap;}
	
	
}
@media screen and (min-width:961px) and (max-width:1200px) {
	.top .h_bottom:not(.fixed) .wrap .nav > ul{ transform:scale(0.8); top:0;}
}



.profile .img {	border-radius: 93px;overflow: hidden; width: 150px;margin: 0 auto;}
.profile dd{ margin:0;}
.profile .name {text-align: center;}
.profile .about {text-align: center;margin-bottom: 2em;}
/*--------------*/
.keireki {padding: 1em;	box-shadow: 0 0 1px #ccc;	border-radius: 5px;}
.keireki li {font-size: 0.8em;	padding-bottom: 0.25em;	border-bottom: dotted 1px #ccc;}
.profile ul {max-height: 230px;	overflow: auto;}
.profile .link {background: #fafafa; box-shadow: 0 0 0 1px #ccc; color:#000; padding: 0.25em 1em; border-radius: 10px;	display: inline-block; margin-top: 1em;}
[class^="free"] [w-max="1000"] {max-width: 800px;}
.info_more_link {
	box-shadow: 0 0 0px 1px #000;
	padding: 0 0.5em;
	font-size: 0.8em;
	color: #000;
}
.info_more_link::after{
content:"》";
}
.artist_item img {
	max-width: 100% !important;
	max-height: fit-content !important;
}
.grp_list a[href*="3057996"],.grp_list a[href*="3057995"]{display:none;}