@charset "utf-8";

@font-face {
  font-family: "adobe-garamond-pro";
  src: url("https://licht-gallery.com/font/adobe-garamond-pro.otf") format("opentype");
}

*{
	margin:0;
	padding:0;
	border:0;
}
.product_detail_left img,
.product_detail_right img,
.product_detail_wide img {
  pointer-events: none;
}
input[type="submit"] {
   -webkit-appearance: none;
   border-radius: 0;
}
a {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
*:focus {
  outline: none;
}
#bg{
	z-index: -1;
	position:fixed;
}

img { vertical-align: middle; border: 0; }
map { visibility: hidden; }
ul	{padding: 0;}
li	{padding: 0;}
/* サイズ算出方法 */
html * {
	scroll-behavior: smooth;
	box-sizing        : content-box;	/* for MacIE, Opera */
	-moz-box-sizing   : content-box;	/* for Mozilla, Firefox,Netscape */
	-khtml-box-sizing : content-box;	/* for Safari */
	-webkit-text-size-adjust:none
}
br.pc {
    display: block;
}
/* 基本文字サイズ */
th,td {
	font-size: 100% !important;
	font-size /**/: 100%;
}

/* 各種タイトルの文字サイズ */
h1,h2,h4,h5,h6 { font-size: 100%; }

/** html **/
html {
	height: 100%;
}

div#comment				{ clear:both; display:block; width:996px; min-height:500px; margin:0px 0px 50px 0px; padding:0px 0px 0px 0px;}
.under_comment				{ text-align:center; padding:130px 0px 0px 0px; font-size:16px;}
.under_comment2				{ text-align:center; padding:20px 0px 0px 0px; font-size:12px; line-height:2.0;}

.underconstruction				{ text-align:left; padding:20px; margin:0 0 30px 0; font-size:12px; border:0px solid #CCC;}


/** body **/
body {
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased !important;
	font-size:13px;
	font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	letter-spacing:0.03em;
	line-height:1.8;
	color: #000;
	background-color:#FFFFFF;
	height: 100%;
	min-height:500px; 
	margin: 0;
	padding: 0px;
	width:100%;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
}

body {
    animation: fadeIn 1.1s ease 0s 1 normal;
    -webkit-animation: fadeIn 1.1s ease 0s 1 normal;
	display:block;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#container{display:block;}

#loader-bg {
	  display: none;
	  position: fixed;
	  width: 100%;
	  height: 100%;
	  top: 0px;
	  left: 0px;
	  background: #FFF;
	  z-index: 1;
}
#loader {
	  display: none;
	  position: fixed;
	  top: 50%;
	  left: 50%;
	  width: 30px;
	  height: 30px;
	  margin-top: -15px;
	  margin-left: -15px;
	  text-align: center;
	  color: #fff;
	  z-index: 2;
}


/* Media Queries */
@media only screen and (max-width: 2500px) {

/* -- HEADER -- */

div#HEADER			{ position:relative; display:table; width:50%; height:55px; max-width:2080px; padding:0px 0px 20px 0px; margin:110px 0px 0px 20%; z-index: 8000; 	-webkit-font-smoothing: antialiased !important;
}

div#HEADER_back			{ position:fixed; top:0px; left: 0px; display:block; width:15%; height:60px; padding:20px 0px 10px 0px; margin:0px 0px 0px 0px; z-index:9000;}

h1		{ display:block; width:136px; height:15px; margin:0px; padding:0px; font-size:28px; font-weight:normal;font-family:"adobe-garamond-pro"; letter-spacing:0.14em; -webkit-font-smoothing: antialiased;}
h1 span		{ font-family:"adobe-garamond-pro"; font-size:26px; letter-spacing:0.03em; font-style: italic;}
.logo { clear:none; display:block; float:left; height: 28px; width: 136px; margin:-110px 20px 30px 20%; text-indent: -9999px; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}
.logo a { clear:none; display:block; height: 28px; width: 136px; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}
.logo a:link	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}
.logo a:visited	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}
.logo a:hover	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}
.logo a:active	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 136px 28px;}

div#HEADER .navigation { clear:both; float:left; display:block; width: 600px; margin:10px 0px 0px 20px; }
div#HEADER .navigation ul { clear:none; float:left; display:block; width: 600px; margin:6px 0px 0px 0px; line-height:1.3;}
div#HEADER .navigation ul li { clear:none; float:left; display:block; height:18px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:16px; letter-spacing:0.05em;}
div#HEADER .navigation ul li.on { text-decoration: underline; }
div#HEADER .navigation ul.sub { position:relative; clear:none; float:left; display:block; width: 600px; margin:25px 0px 0px 0px; line-height:1.3;}
div#HEADER .navigation ul.sub li { position:relative; clear:none; float:left; display:block; height:18px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:14px; letter-spacing:0.05em;}
div#HEADER .navigation ul.sub_vintage { position:absolute; top:0; left:0; display:block; margin:40px 0px 0px 0px; line-height:1.3;}
div#HEADER .navigation ul.sub_vintage li { clear:both; display:block; height:25px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.5px;}
div#HEADER .navigation ul.sub_bespoke { position:absolute; top:0; left:0; display:block; margin:40px 0px 0px 108px; line-height:1.3;}
div#HEADER .navigation ul.sub_bespoke li { clear:both; display:block; height:25px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.5px;}
div#HEADER .navigation ul.sub_standard { position:absolute; top:0; left:0; display:block; margin:40px 0px 0px 212px; line-height:1.3;}
div#HEADER .navigation ul.sub_standard li { clear:both; display:block; height:25px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.5px;}
div#HEADER .navigation ul.sub_soldout { position:absolute; top:0; left:0; display:block; margin:40px 0px 0px 332px; line-height:1.3;}
div#HEADER .navigation ul.sub_soldout li { clear:both; display:block; height:25px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.5px;}
div#HEADER .navigation ul.sub li ul { margin:0px 0px 0px 0px; padding:15px 0px 0px 0px;}
div#HEADER .navigation ul.sub li ul li { position:relative; clear:none; float:left; display:block; line-height:22px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.05em;}
div#HEADER .navigation ul.sub li.on { text-decoration: underline; }
div#HEADER .navigation a		{ display:inline; }
div#HEADER .navigation a:link	{ color:#222; text-decoration:none; }
div#HEADER .navigation a:visited	{ color:#222; text-decoration:none; }
div#HEADER .navigation a:hover	{ color:#222; text-decoration:underline; }
div#HEADER .navigation a:active	{ color:#222; text-decoration:underline; }

div#HEADER .navigation_right { clear:none; float:right; display:block; width: 340px; margin:20px 20px 0px 0px; }
div#HEADER .navigation_right ul { clear:none; float:right; display:block; width: 340px; margin:6px 0px 0px 0px; line-height:1.3;}
div#HEADER .navigation_right ul li { clear:none; float:right; display:block; height:18px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:14px; letter-spacing:0.5px;}
div#HEADER .navigation_right ul.sub { clear:none; float:right; display:block; width: 340px; margin:15px 0px 0px 0px; line-height:1.3;}
div#HEADER .navigation_right ul.sub li { clear:none; float:right; display:block; height:18px; margin:0px 0px 0px 0px; padding:0px 20px 4px 20px; font-family: "adobe-garamond-pro", sans-serif; font-size:12px; letter-spacing:0.5px;}
div#HEADER .navigation_right a		{ display:inline; }
div#HEADER .navigation_right a:link	{ color:#222; text-decoration:none; }
div#HEADER .navigation_right a:visited	{ color:#222; text-decoration:none; }
div#HEADER .navigation_right a:hover	{ color:#222; text-decoration:underline; }
div#HEADER .navigation_right a:active	{ color:#222; text-decoration:underline; }

.navigation_snow {
	  display: block;
	  position: fixed;
	  top: 25px;
	  left: 40px;
	  z-index: 9999;
}


/* -- SHEET -- */

div#SHEET				{ clear:both; display:block; max-width:2000px; min-height:300px; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px;}
.page_caption { text-align:center; margin:0 auto; font-family: "adobe-garamond-pro", sans-serif; font-size:13px; font-style:italic; letter-spacing:0.1px;  padding:2px 0 0px 0}
h2 { clear:both; text-align:center; margin:0px auto 0px auto; font-family: "adobe-garamond-pro", sans-serif; font-size:25px; font-weight:normal; padding:5px 0 15px 0; letter-spacing:1px;}

.box-title {
	font-size: 20px;
	line-height: 25px;
	text-align: left;
	margin:0 0 15px 0px;
	width: 20%;
	-webkit-font-smoothing: antialiased;
	float:left;
}

.box-title span {
	font-size: 14px;
	border-left:1px solid #CCC;
	font-style:italic;
	padding-left:20px;
	margin-left:20px;
	letter-spacing:0.03em;
}



div#firstimg { 
	clear:both; 
	display:block; 
	width:100%; 
	height:100%; 
}

.weeditall { 
  position: relative; 
	z-index:10;
}

.fade_logo { 
	position:absolute;
	top:50%;
	left:50%;
	margin:-50px 0 0 -75px;
	z-index:9999;
}

.fade_logo img { 
	width:150px;
	height:100px;
}


img.bg {
min-height: 100%;
min-width: 1024px;
width: 100%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

  
div#sheet .category_title { 
	margin:0px auto; 
	padding:40px 0px 40px 0px; 
	text-align:center;
	z-index:9999;
}

#contents {
    position: relative;
    z-index: 9999;
}

.vimeo {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
}

.vimeo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.alignnone {
	width: 100% !important;
	height: 100% !important;
}

.entry p {
	text-align:center;
	padding: 15px 0;
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

.list{
	margin: 0px 0px 0px 0px;
	list-style-type: none;
	overflow: hidden;
}
.list p.list-mv07{
	transition: .8s;
}

.list p.list-mv02{
	margin: 0px 0px 0px 0px;
	float: left;
	transition: .8s;
}

.list-mv02{
	opacity: 0;
}
.mv02{
	opacity: 1.0;
}

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}

.effect i {
  height: 120px;
  padding: 20px;
  font-size: 100px;
  transition: .8s;
} 
.effect div {
  margin: auto;
  transition: .8s;
  transition-delay: .8s;
}

.bwWrapper{
    position:relative;
    display:block;
}


.bwWrapper{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition:0.5s;
transition:0.5s;
}
 
.bwWrapper:hover{
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-o-filter: grayscale(0%);
-ms-filter: grayscale(0%);
filter: grayscale(0%);
}

.custommade_images { 
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: 3s;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
}

.custommade_images_color { 
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
	transition: 3s;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0); 
}
 
.search_title {
  padding:0px 0px 30px 0px;
}
 
 
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}/* -- TOP -- */



div#HEADER .logo { margin:0px 40px 30px 0px;}

#content {
  overflow: hidden;
  width: 100%;
  background: #fff;
  margin: 0 auto;
}
#side {
  width: 36.5%;
  height:auto;
  float: right;
  margin:0px 0px 50px 0px;
  padding:0px 0px 0px 0px;
}

#main-content {
  float: left;
  width: 680px;
  padding: 10px;
}
footer {
  text-align: left;
}

#main_image { 
	margin:0px 0 50px 0px;
	clear:both;
	padding-top:15px;
	overflow:auto;
}

.main_image { 
	margin:0px 0 0 0px;
	padding-bottom:50px;
    width: 80%;
	float:right;
}

#main_image-bottom { 
	margin:0px 0 50px 0px;
	clear:both;
	padding-top:15px;
	overflow:auto;
}

#category { 
	margin:0px 0 0 0px;
	padding-bottom:50px;
	position:absolute;
	left:40px;
	top:120px;
	z-index:8000;
	width:17%;
}
#category_2 {
    margin: 00px 0 0 40px;
    padding-bottom: 50px;
    position: relative;
    z-index: 8000;
    width: 17%;
    float: left;
}
    
.category_ll{ 
	margin:0px 0 20px 0px;
	padding:0 0 0 0;
    font-size:20px;
	line-height:30px;
}

.category_ll span{ 
    font-size:15px;
	line-height:24px;
}

.category_ll a { color: #000000; }
.category_ll a:link { text-decoration: none; }
.category_ll a:visited { text-decoration: none; }
.category_ll a:hover { text-decoration: none; color: #666;}
.category_ll a:active { text-decoration: none; color: #666;}

.category_ll span.italic{ 
    font-size:13px;
	line-height:24px;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

.category_l{ 
	margin:5px 0 0 0px;
	padding:0 0 0 0;
    font-size:14px;
}

.category_l2{ 
	margin:0px 0 0 0px;
	padding:0 0 0 0;
    font-size:14px;
}

.category_s{ 
	margin:0px 0 0 15px;
	padding:0 0 0 0;
    font-size:11px;
}


.main_image_cap { 
	width:35%;
	float:left;
	margin:0px auto 0px auto; font-family: "adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:13px; font-weight:normal; padding:12px 0 60px 0; 
 }

.main_image_cap2 { 
	width:35%;
	float:left;
	margin:0px auto 0px auto; font-size:16px; font-weight:normal; padding:0px 20px 60px 0px; text-align:left; color:#999; line-height:35px
 }

.main_image_cap2 span { 
	font-size:25px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	line-height:35px;
 }

.main_image_cap3_l { 
	width: 40%;
	float:left;
	margin:0px auto 0px auto; font-size:14px; font-weight:normal; padding:0px 0px 60px 0px; text-align:left; color:#999; line-height:30px
 }

.main_image_cap3_l span { 
	font-size:20px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	line-height:30px;
 }

.main_image_cap3_r { 
	width:60%;
	float:right;
	margin:0px auto 0px auto; font-size:14px; font-weight:normal; padding:0px 0px 60px 0px; text-align:left; color:#999; line-height:40px
 }


.main_image_cap3_r	a { color: #000000; }
.main_image_cap3_r a:link { text-decoration: none; }
.main_image_cap3_r a:visited { text-decoration: none; }
.main_image_cap3_r a:hover { text-decoration: underline; }
.main_image_cap3_r a:active { text-decoration: underline; }

.main_image_cap3_r span { 
	font-size:16px;
	color:#000;
	-webkit-font-smoothing: antialiased;
	line-height:30px;
 }

.product_view { 
	margin:0px 20px 0 20%;
	padding-bottom:50px;
    width: calc(80% - 20px);
	display: flex;
    flex-wrap: wrap;
}
.product_view.c{
    flex-direction: column;
}
.product_item1 { 
	margin:0px 20px 0 0px;
	padding-bottom:20px;
    width: 100%;
	overflow:auto;
}

.product_img1 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 50%;
	float:right;
}

.product_img1 img { 
    width: 100%;
}

.product_text1 { 
	margin:0px 5% 0 0px;
	padding-bottom:40px;
    width: 45%;
	clear:both;
	font-size:35px;
	line-height:55px;
	float:left;
	letter-spacing:0.03em;
}

.product_text1 span { 
	font-size:22px;
	line-height:50px;
	color:#999;
	letter-spacing:0em;
}
    
.mag img { width: 100%; opacity: 1!important;}
.mag { position: relative; color: rgba(255,255,255,0); margin-bottom: 5%; margin-right:2%; width: 49%; float: left;}
.mag:nth-of-type(2n) {margin-right:0;}
.item_name_in {
    opacity: 0;
    color: #000;
    transition: 0.6s;
}
.mag:hover { transition: 0.4s;}
.mag:hover a.img_link,
.item_name_in:hover > a.img_link { opacity: 0.6;}
    
.mag:hover .item_name_in { color: rgba(169,169,169); opacity: 1;}
.mag .item_name_in { position: absolute; width: 100%; top: 45%; left: auto; align-items: center; text-align: center; font-size: 32px; color:#999;}
    .mag .item_name_in span {display: block; font-size: 20px;}

.product_detail_img { 
	margin:0px 20px 0 0px;
	padding-bottom:20px;
    width: calc(80% - 20px);
	float:right;
	overflow:hidden;
}

.product_detail_left { 
	margin:0px 12px 0 0px;
	padding-bottom:30px;
    width: calc(50% - 12px);
	float:left;
}

.product_detail_right { 
	margin:0px 0 0 12px;
	padding-bottom:30px;
    width: calc(50% - 12px);
	float:right;
}

#wrapper {
    position: relative;
    width: 100%;
}

.product_detail_right_text { 
    position: relative;
}

.product_detail_right p { 
	font-size:13px;
	line-height:26px;
	margin:0px auto;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
}

.product_detail_right p.itemname { 
	font-size:28px;
	line-height:40px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
	padding-top:40px;
}

.product_detail_right p.itemname span { 
	font-size:18px;
	line-height:20px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
}

.product_detail_right .item_detail_spec { 
	margin:25px auto 0 auto;
	clear:both;
	overflow:auto;
    width: 100%;
	font-size:12px;
	line-height:22px;
}

.product_detail_right .item_detail_spec2 { 
	margin:10px auto 0 auto;
	clear:both;
	overflow:auto;
    width: 100%;
	font-size:15px;
	line-height:26px;
}

.product_detail_right .item_detail_spec2 .price_sold { 
	color:#FF0000;
}

.item_credit { 
	cleaar:both;
    width: 100%;
	font-size:12px;
	line-height:20px;
	padding-top:0px;
	text-align:left!important;
}
.product_detail_right .item_detail_spec2 table {
    margin-top: 5%;
    width: 100%;
}
   
.product_detail_right .item_detail_spec2 table th {
    font-weight: normal;
    width: 26%;
}
  
.product_detail_right .item_detail_spec2 table td {
    padding: 10px;
    border: solid 1px #ccc;
    margin: 0px!important;
    font-family: "adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    width: 50%;
}
.item_detail_spec p { 
	padding:0 0 10px 0;
}
.price span {
    font-size: 13px;
    color: #16A614!important;
    padding-left: 20px;
}
.product_detail_wide { 
	margin:0px 0 0 0;
	padding-bottom:30px;
    width: 100%;
	float:none;
}

.journal_detail_text_wrap { 
	overflow:auto;
	clear:both;
}

.journal_title { 
	margin:0px 12px 0 0;
	padding-bottom:30px;
    width: calc(40% - 12px);
	float:left;
}
.journal_title p.title { 
	font-size:24px;
	line-height:30px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
	padding-top:50px;
}

.journal_title p.title span { 
	font-size:16px;
	line-height:50px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}
	
.journal_title p.guide { 
	font-size:14px;
	line-height:30px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
	padding-top:0px;
}

.journal_title p.profile { 
	font-size:15px;
	line-height:24px;
	margin:0px auto;
	padding-bottom:10px;
    width: 100%;
	text-align:left;
	padding-top:20px;
}

.journal_title p.profile_text { 
	font-size:12px;
	line-height:24px;
	margin:0px auto;
	padding-bottom:10px;
    width: 100%;
	text-align:left;
	padding-top:0px;
}

.journal_detail_text { 
	margin:50px 0 0 12px;
	padding-bottom:30px;
    width: calc(60% - 12px);
	float:right;
}
.journal_detail_text p { 
	font-size:13px;
	line-height:26px;
	margin:0px auto;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
}

.journal_detail_text p.questioner { 
	color:#666;
	padding-top:20px;
	padding-bottom:10px;
}

#item_ex { 
	overflow:auto;
	float:right;
	margin:0px 0 0 0px;
	padding-bottom:20px;
    width: 80%;
}

.item_name { 
    width: 30%;
	float:left;
	margin:0px 0px 0 0px;
	font-size:20px;
	line-height:30px;
}
.item_name2 { 
    width: calc(30% - 40px);
	float:left;
	margin:0px 0px 0 40px;
	font-size:20px;
	line-height:30px;
}
.item_detail { 
    width: 80%;
	float:right;
	margin:0px 0px 0 0px;
	font-size:13px;
	line-height:26px;
}

.item_detail p { 
	margin:0px 0px 20px 0px;
	margin:0px auto;
}

.item_detail_left { 
	margin:0px 0px 20px 0px;
	float:left;
	width:250px;
	clear:both;
}

.item_detail_right { 
	margin:0px 0px 20px 0px;
	float:right;
	width:250px;
	clear:both;
}

.item_detail_spec_left { 
	margin:0px 0px 10px 0px;
	float:left;
    width: 30%;
	clear:both;
}

.item_detail_spec_right { 
	margin:0px 0px 10px 0px;
	float:left;
    width: 70%;
}
input::-webkit-input-placeholder {
  font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  }
input:-moz-placeholder {
  font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  }
input::-moz-placeholder {
  font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  }
input:-ms-input-placeholder {
  font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
  }

input[type="text"] { 
	width:200px;
    padding: 4px 4px;
    outline: solid 0px #666;
    border: solid 1px #666;
    background: transparent;
}
    
    
.item_detail_btn { 
	margin:35px auto 10px auto;
	clear:both;
	overflow:auto;
    width: 100%;
}
    
.btn_buy input {
    border: 1px solid #CCC;
    background-color: #FFF;
    padding-top: 20px;
    width: 31%!important;
    display: inline-block;
    padding: 8px 0;
    margin: 0px 3% 0px 0px;
    float: left;
    text-align: center;
    font-size: 13px;
    height: auto;
    color: #000000;
    font-family: "adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
    
.btn_buy input:hover {
	text-align: center;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transition: .8s;
    font-size: 13px;
    cursor: pointer;
}

.btn_buy a {
	font-size:13px; 
    width: 31%!important;
	margin:0px 3% 15px 0px;
	padding:7px 0 7px 0;
	text-align:center;
	border:1px solid #CCC;
	display:inline-block;
	float:left;
}


.btn_postage a { 
	margin:0px 0 20px 0px;
	padding:7px 0 7px 0;
	text-align:center;
	font-size:13px; 
    width: 30%!important;
	border:1px solid #CCC;
	display:inline-block;
	float:left;
}

.btn_inquiry a { 
	margin:0px 3% 20px 0px;
	padding:7px 0 7px 0;
	text-align:center;
	font-size:13px; 
    width: 31%!important;
	border:1px solid #CCC;
	display:inline-block;
	float:left;
}

.btn_buy a { color: #000000; }
.btn_buy a:link { text-decoration: none; }
.btn_buy a:visited { text-decoration: none; }
.btn_buy a:hover { text-decoration: none; }
.btn_buy a:active { text-decoration: none; }

.btn_postage a { color: #000000; }
.btn_postage a:link { text-decoration: none; }
.btn_postage a:visited { text-decoration: none; }
.btn_postage a:hover { text-decoration: none; }
.btn_postage a:active { text-decoration: none; }

.btn_inquiry a { color: #000000; }
.btn_inquiry a:link { text-decoration: none; }
.btn_inquiry a:visited { text-decoration: none; }
.btn_inquiry a:hover { text-decoration: none; }
.btn_inquiry a:active { text-decoration: none; }

.btn_buy a:hover  {
	display:inline-block;
	font-size: 100%;	
	text-align: center;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .8s;
}

.btn_postage a:hover  {
	display:inline-block;
	font-size: 100%;	
	text-align: center;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .8s;
}

.btn_inquiry a:hover  {
	display:inline-block;
	font-size: 100%;	
	text-align: center;
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .8s;
}

.btn_caution { 
	font-size:10px;
	width:500px;
}

#item_ex_text { 
	overflow:auto;
	float:right;
	margin:40px 40px 0 0px;
	padding-bottom:20px;
    width: calc(56.8% - 40px);
}

.item_comment		{ margin:0px 0px 0px 0px; padding:30px 0px 60px 0px; width:100%; font-size: 13px; line-height:30px; color:#333; height:auto;}

.item_comment p		{ padding-bottom:20px;}

.item_spec		{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:45%; font-size: 13px; line-height:1.8em; float:left;}
.item_spec_caption		{ clear:both; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; width:100%; font-size: 10px; line-height:1.8em; }
.item_spec_caption_btn		{ display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:50%; font-size: 13px; line-height:1.8em; float:right; overflow:auto;}
.item_google_btn		{ clear:none; margin:0px 0px 0px 0px; padding:40px 0px 50px 0px; font-size: 12px; line-height:1.8em; width:25%; max-width:350px; float:right;}
.item_google_caption		{ clear:both; margin:0px 0px 0px 0px; padding:55px 0px 50px 0px; font-size: 14px; line-height:1.8em; width:50%; float:left;}
.item_google_caption p		{ margin:0px 0px 0px 0px; padding:0px 0px 0px 30px; clear:none;}

.item_spec .item_name		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #999; width:100%;font-size: 19px; line-height:1.8em;  }
.item_spec .item_name2		{ clear:both; display:block; float:left; margin:25px 0px 0px 0px; padding:0px 0px 5px 0px; border-bottom:1px solid #999; width:100%;font-size: 19px; line-height:1.8em;  }
.item_spec .item_number		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; border-bottom:1px solid #999; width:100%; }
.btn		{  clear:none; display:inline; float:left; margin:0px 0px 0px 0px; padding:0px 0px 5px 0px; width:100%; }
.postage		{  clear:both; display:inline; float:left; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:48%; }
.inquiry		{  clear:none; display:inline; float:right; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:48%; }
.item_spec .size		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .maker		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .number		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .price		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .price_sold		{ color:#FF0000; clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:5px 0px 5px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .model 	{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .purchace 	{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .price-a		{ clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}
.item_spec .custom		{ font-size: 12px; clear:both; display:block; float:left; margin:0px 0px 0px 0px; padding:10px 0px 10px 0px; border-bottom:1px solid #999; width:100%;}

.btn_purchase { width:100%;}
.btn_inquiry { width:100%;}
.btn_inquiry_custommade { width:100%; max-width:170px;}
.btn_postage { width:100%;}


.journal_view { 
	margin:-15px 20px 0 0px;
	padding-bottom:50px;
    width: calc(80% - 20px);
	float:right;
}
.journal_item { 
	margin:0px 0px 60px 0px;
	padding-bottom:40px;
	border-bottom:1px solid #CCC;
    width: 100%;
	display:flex;
	overflow:auto;
	position: relative;
}

.journal_item:last-child { 
	margin:0px 0px 70px 0px;
	padding-bottom:40px;
	border-bottom:0px solid #CCC;
    width: 100%;
	float:left;
	overflow:auto;
	position: relative;
}
.journal_img { 
	margin:0px 0 0 0px;
	padding-bottom:30px;
    width: 61.5%;
}
.journal_view_text { 
	margin:0px 8.5% 0 0px;
	padding-bottom:40px;
	clear:both;
	font-size:17px;
	line-height:25px !important;
	vertical-align:bottom;
	position: relative;
    width: 30%;
}
.journal_view_text span { 
	font-size:14px;
	margin:0px 0 10px 0px;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

.journal_text { 
	margin:0px 0 0 0px;
	padding-bottom:40px;
	clear:both;
	font-size:20px;
	line-height:25px !important;
    width: 25%;
	float:right;
	vertical-align:bottom;
	position: absolute;
	left:0;
	top:0px;
}

.journal_text span { 
	font-size:20px;
	margin:0px 0 10px 0px;
}

.journal_detail { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
    width: 100%;
	overflow:auto;
	position: relative;
}

.journal_detail_img_left { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
	padding-right:10px;
    width: calc(50% - 10px);
	overflow:auto;
	float:left;
}

.journal_detail_img_right { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
	padding-left:10px;
    width: calc(50% - 10px);
	overflow:auto;
	float:right;
}

.journal_detail_img_right { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
    width: calc(50% - 10px);
	overflow:auto;
	position: relative;
}

.journal_detail_left { 
	margin:0px 0 0 0px;
	padding-right:20px;
    width: calc(50% - 20px);
	float:left;
}

.journal_detail_right { 
	margin:0px 0 0 0px;
	padding-left:20px;
    width: calc(50% - 20px);
	float:right;
}

.journal_detail_left p { 
	margin:0px 0 20px 0px;
	font-size:14px;
	line-height:30px;
}

.journal_detail_right p { 
	margin:0px 0 20px 0px;
	font-size:14px;
	line-height:30px;
}
.journal_view_new {
    width: 48%;
    float: left;
    margin-right: 4%;
}
.journal_view_new:nth-of-type(2n) {
    margin-right: 0;
}

.journal_view_new .journal_view_text {
    font-size: 18px;
    line-height: 1.5;
    padding: 20px 0 40px 0;
    text-decoration: none!important;
	width:100%;
}
.journal_view_new .journal_view_text span {
    font-size: 14px;
    color: #666;
    display: block;
    padding-top: 5px;
	font-style: italic;	
}
.journal_view_text a {
    text-decoration: none!important;
    transition: 0.3s;
}
.journal_view_text a:hover {
    opacity: 0.7;
}
.journal_img_new { 
	margin:0px 0 0 0px;
	padding-bottom:10px;
    width: 100%;
}
.exhibition_item_first,
.exhibition_item_first_2 { 
    margin: 0 0 50px 0;
    padding-bottom:100px;
    width: 100%;
    overflow: auto;
    position: relative;
    border-bottom: solid 1px #999;
}
.exhibition_item_first:before { 
    content:"CURRENT EXHIBITION";
    display: block;
    font-size: 20px;
    padding-bottom: 50px;
}
.exhibition_item_first_2:before { 
    content:"UPCOMING EXHIBITION";
    display: block;
    font-size: 20px;
    padding-bottom: 50px;
}
.exhibition_past.exhibition_item {
    width: 48%;
    float: left;
    margin-right: 4%;
}
.exhibition_past.exhibition_item:nth-of-type(2n) {
    margin-right: 0;
}
.exhibition_past.exhibition_item:nth-of-type(1)::before {
    content:"PAST EXHIBITION";
    display: block;
    font-size: 20px;
    padding-bottom: 50px;
    width: 200%;
}
.exhibition_past.exhibition_item:nth-of-type(2) {
    padding-top: 86px;
}
.exhibition_item_first .exhibition_view_text,
.exhibition_item_first_2 .exhibition_view_text {
    clear: both;
    font-size: 18px;
    vertical-align: bottom;
    position: relative;
}
.exhibition_item_first .exhibition_view_text,
.exhibition_item_first_2 .exhibition_view_text,
.exhibition_item .exhibition_view_text {
    font-size: 18px;
    line-height: 1.5;
    padding: 20px 0 50px;
}
.exhibition_item_first .exhibition_view_text span,
.exhibition_item_first_2 .exhibition_view_text span {
    display: block;
    font-size: 16px;
    color: #666;
    padding-top: 5px;
}
.exhibition_item .exhibition_view_text span {
    font-size: 14px;
    color: #666;
    display: block;
    padding-top: 5px;
}
.exhibition_view_text a {
    text-decoration: none!important;
    transition: 0.3s;
}
.exhibition_view_text a:hover {
    opacity: 0.7;
}
.product_item { 
	margin:0px 2% 0 0px;
	padding-bottom:20px;
    width: 32%;
	overflow:auto;
	position: relative;
}
.product_item:nth-of-type(3n) {
    margin: 0;
}
.product_img { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
}
.top-item .product_text { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
	clear:both;
	font-size:18px;
	line-height:25px !important;
    width: 25%;
	float:left;
	vertical-align:bottom;
	left:0;
	top:0px;
}
.top-item .product_text span { 
	font-size:15px;
	margin:0px 0 10px 0px;
	color:#666;
	font-family:'adobe-garamond-pro',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-style: italic;	
}
.top-item_2 .product_text { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
	clear:both;
	font-size:18px;
	line-height:25px !important;
    width: 25%;
	vertical-align:bottom;
	left:0;
	top:0px;
} 
.product_text { 
	margin:0px 0 0 0px;
	padding-bottom:40px;
	font-size:15px;
	line-height:20px !important;
	vertical-align:bottom;
}
.product_text span { 
	font-size:13px;
	margin:0px 0 10px 0px;
	color:#666;
	font-family:'adobe-garamond-pro',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-style: italic;	
}
.about { 
	margin:0px 0 0 0px;
	padding-bottom:50px;
    width: 80%;
	float:right;
	font-size:13px;
	line-height:2.0;
}

.about_width { 
	margin:0px 40px 0 0px;
	padding-bottom:60px;
    width: calc(100% - 40px);
	float:left;
	overflow:auto;
	position: relative;
}
.about_category01 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 20%;
	float:left;
	font-size:18px;
	line-height:24px;
}

.about_text01 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 80%;
	float:left;
	font-size:13px;
	line-height:2.0;
}

.about_text01 p { 
	margin:0px 0 20px 0;
}

.about_text01 p.subtext {
    margin: 0px 0 13px 0;
}
    
.about_category02 { 
	margin:0px 0 0 0px;
	padding-bottom:25px;
    width: 20%;
	float:left;
	font-size:15px;
}

.about_text02 { 
	margin:0px 0 0 0px;
	padding-bottom:25px;
    width: 50%;
	float:left;
	font-size:13px;
	line-height:2.0;
}

.about_text03 { 
	margin:30px 0 0 0px;
	padding-bottom:15px;
    width: 70%;
	float:left;
	font-size:13px;
	line-height:2.0;
}

.about_text04 { 
	margin:30px 0 0 0px;
	padding-bottom:15px;
    width: 70%;
	float:left;
	font-size:12px;
	line-height:2.6;
}

.journal_text span { 
	font-size:15px;
}

div#PAGE{ 
	height:auto; 
	margin:0px auto; 
	padding: 0px 20px;
	text-align:left; 
}

div#PAGE2{ 
	height:auto; 
	margin:0px auto; 
	padding: 0px 0 0 20px;
	text-align:left; 
}
.top-item,
.top-item_2 {
    margin: 0px 0px 0 0px;
    padding-bottom: 80px;
    width: 79%;
    float: right;
    overflow: auto;
    position: relative;
}
.top-img {
    margin: 0px 0 0 0px;
    padding-bottom: 15px;
    width: 61.5%;
    float: right;
}  
.top-item_2 .top-img {
    float: none;
    width: 100%;
    padding-bottom: 30px;
}
.top-img img {
    width:100%;
}
.studio_img2 { 
	margin:0px 0px 80px 0px;
	padding-bottom:20px;
    width: 100%;
	overflow:hidden;
}
.studio_img2:after {
    display: block;
    clear: both;
    content: "";
}
.studio_img { 
	margin:0px 0px 0 0px;
	padding-bottom:20px;
    width: 80%;
	overflow:hidden;
    float: right;
}
.frex-wrap {
    display: flex;
    flex-wrap: wrap;
    float: left;
    width: 79%;
    margin: 0 0 40px 21%;
}
.floormap { 
	margin:0px 0px 30px 0px;
	padding-bottom:20px;
    width: 100%;
	float:right;
	overflow:hidden;
}

.openmap a {
	clear:both;
	display:block;
	font-size: 100%;	
	text-align: center;
	padding: 4px 20px 4px 20px;
	margin:20px 0 30px 0;
	border:1px solid #CCC;
	width:180px;
	text-decoration:none;
}

.openmap a:hover  {
	display:block;
	font-size: 100%;	
	text-align: center;
	border:1px solid #000;
	width:180px;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .8s;
}

.openmap	a { color: #000000; }
.openmap a:link { text-decoration: none; }
.openmap a:visited { text-decoration: none; }
.openmap a:hover { text-decoration: none; }
.openmap a:active { text-decoration: none; }

    .flex-area {
        display: flex;
    }
    .flex--area-div {
        width: 100%;
    }
.guide_title		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:25%; font-size: 15px; line-height:30px; position : relative; display : table;}

.guide_title2		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:60px 0px 0px 0px; width:25%; font-size: 15px; line-height:30px; position : relative; display : table;}

.guide_title3		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:40px 0px 0px 0px; width: 25%; min-width:280px; font-size: 15px; line-height:30px; position : relative; display : table;}

.guide_title3-top		{ margin:0px 20px 0px 0px; padding:0px 0px 40px 0px; font-size: 15px; width: 25%;  min-width:280px; line-height:30px; position : relative; display : table;}

.guide_title4		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:40px 0px 0px 0px; width:25%; font-size: 15px; line-height:30px; position : relative; display : table;}

.guide_title4-top		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:0px 0px 0px 0px; width:25%; font-size: 15px; line-height:30px; position : relative; display : table;}

.guide_title5		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:40px 0px 0px 0px; width:25%; font-size: 13px; line-height:30px; position : relative; display : table;}
    
.guide_textarea		{ clear:none; display:inline-block; float:right; margin:0px 0px 0px auto; padding:40px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}

.guide_textarea-top	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}

.guide_textarea2	{ clear:both; display:inline-block; float:right; margin:0px 0px 0px auto; padding:25px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}

.guide_textarea3	{ clear:both; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}

.guide_textarea4	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 30px 0px; width:80%; font-size: 13px; line-height:26px; color:#333;list-style-type:disc;}
.guide_textarea4 li	{ margin:0 0 0 20px;}

.guide_textarea5	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}
	
.guide_textarea6	{ clear:both; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}
	
.guide_textarea7	{ clear:both; display:inline-block; float:right; margin:0px 0px 0px auto; padding:0px 0px 0px 0px; width:80%; font-size: 13px; line-height:30px; color:#333;}

.studio_title		{ clear:none; float:left; margin:0px 0px 0px 0px; padding:30px 0px 40px 0px; width:25%; font-size: 13px; line-height:30px; position : relative; display:inline-block; }

.studio_title2		{ clear:none; float:left; margin:0px 0px 0px 0px; padding:60px 0px 0px 0px; width:25%; font-size: 13px; line-height:30px; position : relative; display:inline-block; }

.studio_title3		{ clear:both; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0; width:25%; font-size: 13px; line-height:26px; position : relative; display:inline-block; }

.studio_contents		{ clear:none; display:inline-block; float:right; margin:0px 0px 0px 0px; padding:0px 0px 60px 0px; width:70%;}

.studio_textarea		{ clear:none; display:inline-block; float:right; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:70%; font-size: 13px; line-height:26px; color:#333;}

.studio_textarea2	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; width:70%; font-size: 13px; line-height:26px; color:#333;}

.studio_textarea3	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:70%; font-size: 13px; line-height:26px; color:#333;}

.studio_textarea4	{ clear:none; display:inline-block; float:right; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:100%; font-size: 13px; line-height:26px; color:#333;list-style-type:disc;}
.studio_textarea4 li	{ margin:0 0 0 20px;}





.btn_viewhide {
	float:right;
	text-align:center;
	padding:10px 50px;
	margin: 0px 0px 30px 0;
	border:1px solid #CCC;
}


/*-- アコーディオンリスト --*/

.accordion-list01 {
	float:right;
	text-align:center;
	padding:10px;
	margin: 30px 40px;
}

.accordion-list01 dt,
.accordion-list01 a,
.accordion-list01 a:link,
.accordion-list01 a:visited,
.accordion-list01 a:hover {
	cursor:pointer;
	position: relative;
  display: block;
  height: 45px;
  line-height: 45px;
  color: #333;
  border-top: 1px solid #e3e3e3;
  font-size: 1em;
  z-index: 1;
}

.accordion-list01 dt {
  height: auto;
  font-size:11px;
  line-height: 1.5;
  padding: 0.8em 10px 0.8em 20px;
  border:1px solid #CCC;
}

.accordion-list01 > li:first-child dt {
  border: none;
}

.accordion-list01 dt:before {
  content: "";
  position: absolute;
  top: 50%;
  right: auto;
  left: 2px;
  display: block;
  width: 6px;
  height: 6px;
  border-right: 1px solid #000; 
  border-bottom: 1px solid #000; 
  -webkit-transform: translateY(-5px) rotate(45deg);
  -moz-transform: translateY(-5px) rotate(45deg);
  transform: translateY(-5px) rotate(45deg);
  -webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.accordion-list01 dt.accordion-open:before {
  -webkit-transform: translateY(-2px) rotate(225deg);
  -moz-transform: translateY(-2px) rotate(225deg);
  transform: translateY(-2px) rotate(225deg);
}

.accordion-list01 a,
.accordion-list01 a:link,
.accordion-list01 a:visited,
.accordion-list01 a:hover {
  padding-right: 40px;
}

.accordion-list01 dd {
  overflow: hidden;
  height: 0;
  padding-left: 0px;
  background: #fff;
}

.accordion-list01 dt[class*="accordion"] + dd {
  -webkit-transition: all 0.2s 0s ease;
  -moz-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}
#FOOTER .information {
	width: 496px;
	padding: 20px 0px 0px 0px;
	text-align:left;
	float:left;
	font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:90%;
	line-height:22px;
}

#FOOTER {
	clear:both;
	margin: 0;
    width: calc(100% - 40px);
	padding: 50px 20px 0px 20px;
	font-family: "adobe-garamond-pro",serif;
	border-top:0px solid #666;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:13px;
}


#FOOTER .information span.English {font-size: 100%}

#FOOTER .footer00 {
	width: 100%;
	padding: 20px 0px 10px 0px;
	text-align:center;
	font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:18px;
	line-height:22px;
	letter-spacing:0.15em;
}

#FOOTER ul.footer01 {
	padding: 0px 0px 5px 0px;
	text-align:left;
	font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:110%;
	line-height:22px;
	letter-spacing:0.03em;
}

#FOOTER ul.footer01 li {
	padding: 0 30px 0 0px;
	display:inline;
}

#FOOTER .footer02 {
	padding: 10px 0px 0px 0px;
	text-align:left;
	font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	font-size:100%;
	line-height:22px;
	letter-spacing:0.03em;
}

#FOOTER ul.footer02 li {
	padding: 0 30px 0 0px;
	display:inline;
}

#FOOTER .shopinformation {
	width: 100%;
	padding: 0px 0px 30px 0px;
	text-align:left;
	overflow:auto;
}

#FOOTER .shopinformation .left {
    width: calc(20% - 20px);;
	padding: 0px 0px 0px 20px;
	text-align:left;
	float:left;
}

#FOOTER .shopinformation .left2 {
	width: 30%;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:left;
}

#FOOTER .shopinformation .left .title{
	font-size:16px;
	line-height:22px;
	padding: 0px 0px 5px 0px;
	-webkit-font-smoothing: antialiased !important;	
}

#FOOTER .shopinformation .left .title span{
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

#FOOTER .shopinformation .right {
	width: 80%;
	padding: 0px 0px 10px 0px;
	text-align:right;
	float:right;
	vertical-align:bottom;
	font-size:12px;
}

#FOOTER .shopinformation .right .copyright {
	padding: 0px 20px 0px 0px;
	text-align:right;
	float:right;
	vertical-align:bottom;
	font-size:11px;
	line-height:20px;
}

#FOOTER .shopinformation .right p span {
	padding: 0px 3px 0px 5px;
	line-height:5px;
	vertical-align:bottom;
	line-height:20px;
}

#FOOTER .shopinformation .right .title {
	font-size:16px;
	padding: 0px 0px 5px 0px;
}


#FOOTER	a { color: #000000; }
#FOOTER a:link { text-decoration: none; }
#FOOTER a:visited { text-decoration: none; }
#FOOTER a:hover { text-decoration: underline; }
#FOOTER a:active { text-decoration: underline; }


.fixedsticky { top: 0; }

#map		{ width: 100%; height: 0; padding-bottom: 70%; overflow: hidden; margin:10px auto 20px auto;}

.header-search {
  position: relative;
  float: left;
  margin-top: 0px;
  width: 200px;
  height:20px;
}

.header-search i {
  position: absolute;
  top: 16px;
  left: 15px;
}

.header-search box {
  font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}

.category_l a { color: #000; }
.category_l a:link { text-decoration: none; }
.category_l a:visited { text-decoration: none; }
.category_l a:hover { text-decoration: underline; }
.category_l a:active { text-decoration: underline; }

.br-sp { display:none; }
.br-pc { display:block; }

.pankuzu			{ width:100%; clear:both; display:inline-block; margin:0px 0px 0px 0px; padding:40px 0px 0px 0px; font-size: 11px; line-height:1.8em; text-align:right;}

.page_navi		{ width:47%; clear:both; float:right; display:block; position: relative; margin:0px 20px 10px auto; padding:20px 0; font-size: 12px; line-height:3.5; text-align:right;}

.page_navi p		{ padding:20px 0; }
    .navi-bottom {
        display: flex;
    }
.page_navi_left {
    width: 50%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    padding: 10px 0;
    font-size: 11px;
    line-height: 1.8em;
    text-align: center;
}

.page_navi_center		{ width:33%; float:left; display:inline-block; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  border-right:1px solid #CCC; margin:0px auto 60px auto; padding:10px 0; font-size: 11px; line-height:1.8em; text-align:center;}

.page_navi_right { 
    width: 50%;
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    padding: 10px 0;
    font-size: 11px;
    line-height: 1.8em;
    text-align: center;
}

.page_navi_back		{ width:100%; display:inline-block; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  margin:0px auto 60px auto; padding:10px 0; font-size: 13px; line-height:1.8em; text-align:center;}


.footstamp			{ width:100%; clear:both; display:inline-block; margin:0px 0px 0px 0px; padding:40px 0px 0px 0px; font-size: 11px; line-height:1.8em; text-align:left;}
.footstamp a { color: #000; }
.footstamp a:link { text-decoration: none; }
.footstamp a:visited { text-decoration: none; }
.footstamp a:hover { text-decoration: none; color: #666; }
.footstamp a:active { text-decoration: none; color: #666; }
    
#tagcloud { 
    margin: 0 0 0px 0px;
    line-height: 20px;
    position: absolute;
    left: 40px;
    top: 230px;
    width: 17%;
    z-index: 8000;
}
    
#tagcloud p.tags { 
    line-height: 1.5;
}
#tagcloud p.tags a{
    font-size: 14px!important;
    padding-right:5px;
}
#option1 {
    font-family: "adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif
}
    
}
@media only screen and (max-width: 1140px) {
.item_detail_spec2 table th {
width: 30%;
}
    
.item_detail_spec2 table td {
width: 40%;
}
}

@media only screen and (max-width: 990px) {
.btn_buy input {
    padding: 9px 0 11px;
    font-size: 11px;
}
    
.btn_buy input:hover,
.btn_inquiry a,
.btn_postage a {
    font-size: 11px;
    padding: 9px 0px;
}
.product_detail_right .item_detail_spec2 table th {
width: 100%;
display: block;
}
    
.product_detail_right .item_detail_spec2 table td {
width: calc(100% - 20px);
display: block;
margin-top: 10px!important;
}
}
@media only screen and (max-width: 820px) {
.exhibition_item:first-child:before {
    padding-bottom: 25px;
    margin-top: -3px;
}
.exhibition_item:first-child:after {
    padding-bottom: 0px;
    padding-top: 40px;
    margin-top: 0px;
}
.exhibition_item_first_2 .exhibition_view_text,
.exhibition_item_first .exhibition_view_text,
.exhibition_item .exhibition_view_text {
    padding: 20px 0 20px;
}

}

@media only screen and (max-width: 768px) {
.flex-area {
    display: block;
}
.flex--area-div {
    width: 100%;
}
div#PAGE{ 
	height:auto; 
	margin:0px auto; 
	padding: 0px 20px;
	text-align:left; 
}

div#SHEET				{ clear:both; display:block; max-width:2000px; min-height:200px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%;}

div#HEADER			{ position:fixed; top:0px; left: 0px; display:block; width:100%; height:30px; padding:20px 0px 10px 0px; margin:0px 0px 20px 0px; z-index:9000; background-color:#FFF;}

div#HEADER_back			{ position:fixed; top:0px; left: 0px; display:block; width:20%; height:30px; padding:20px 0px 10px 0px; margin:0px 0px 0px 0px; z-index:9000; background-color:#FFF;}

.logo { clear:none; display:block; float:none; height: 16px; width: 80px; margin:0px 0px 30px 0px; padding:0px 0 0 0px; text-indent: -9999px; background-image: url(../imgs/white.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}

br.pc { display: none;}
    
h1		{ display:block; width:80px; height:16px; margin:0px; padding:0px; font-size:18px; font-weight:normal;font-family:"adobe-garamond-pro"; letter-spacing:0.14em; -webkit-font-smoothing: antialiased;}
h1 span		{ font-family:"adobe-garamond-pro"; font-size:18px; letter-spacing:0.03em; font-style: italic;}
.logo a { clear:none; display:block; height: 16px; width: 80px; margin:100px 0px 0px 0px; padding:0px 0px 0px 0px; text-indent: -9999px; display: block; background-image: url(../imgs/white.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}
.logo a:link	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}
.logo a:visited	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}
.logo a:hover	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}
.logo a:active	{ display: block; background-image: url(../imgs/logo.png); background-repeat: no-repeat; border:0px; background-size: 80px 16px;}

#content {
  overflow: hidden;
  width: 100%;
  background: #fff;
  margin: 0 auto;
}
#side {
  width: 36.5%;
  height:auto;
  float: right;
  margin:0px 0px 50px 0px;
  padding:0px 0px 0px 0px;
}

#main-content {
  float: left;
  width: 680px;
  padding: 10px;
}
footer {
  text-align: left;
}
.studio_img2 {
    margin: 0px 0px 0px 0px;
}
.studio_img2 #category {
	margin:0px;
	padding:20px 0 40px 20px;
	position:relative!important;
	top:10px;
	left:0;
	display:block;
	z-index:1;
	width:calc(100% - 20px);  
}
.studio_img #category {
	margin:0px;
	padding:20px 0 40px 20px;
	position:relative!important;
	top:10px;
	left:0;
	display:block;
	z-index:1;
	width:calc(100% - 20px);  
}
#category { 
	margin:0px;
	padding:20px 0 40px 0;
	position:relative!important;
	top:10px;
	left:0;
	display:block;
	z-index:1;
	width:100%;
}
#category_2 {
    margin: 0px;
    padding: 20px 0 40px 20px;
    position: relative!important;
    top: 10px;
    left: 0;
    display: block;
    z-index: 1;
    width: calc(100% - 20px);
} 
.toggle_switch::after {
    top: 8px;
}
.top-item,
.top-item_2 {
    width:100%;
}
.top-item_2 .product_text {
	width:calc(100% - 20px);  
    padding-left:20px;
    font-size:18px;
    padding-bottom: 0;
}
.top-item p.product_text {
	width:calc(100% - 20px);  
    padding-left:20px;
    font-size:18px;
}  
.top-item p.product_text span {
    font-size: 14px;
}
.top-img {
    width:100%;
    padding:15px 0px;
}
.frex-wrap {
    float: none;
    width: calc(100% - 50px);
    margin: 0 25px 40px;
}
.category_ll{ 
	margin:0px 0 0px 0px;
	padding:0 0 0 0;
    font-size:16px;
	line-height:20px;
	width:100%;
}
.category_ll span{ 
    font-size:12px;
	line-height:24px;
}
.category_ll a { color: #000000; }
.category_ll a:link { text-decoration: none; }
.category_ll a:visited { text-decoration: none; }
.category_ll a:hover { text-decoration: none; color: #666;}
.category_ll a:active { text-decoration: none; color: #666;}

.category_ll span.italic{ 
    font-size:11px;
	line-height:24px;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}


.category_l{ 
	display:none;
}

.main_image { 
	margin:0 0 0 0px;
	padding:0px;
    width: 100%;
	float:left;
}


/* -- ABOUT -- */

.about { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
    width: 100%;
	float:left;
	font-size:13px;
	line-height:2.0;
}

.about_width { 
	margin:0px 0px 0 0px;
	padding-bottom:20px;
    width: 100%;
	float:left;
	overflow:auto;
	position: relative;
}
.about_category01 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 100%;
	float:none;
	font-size:16px;
	line-height:24px;
}

.about_text01 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 100%;
	float:none;
	font-size:12px;
	line-height:2.0;
}

.about_text01 p { 
	margin:0px 0 20px 0;
}

.about_category02 { 
	margin:0px 0 0 0px;
	padding-bottom:25px;
    width: 20%;
	float:left;
	font-size:15px;
}

.about_text02 { 
	margin:0px 0 0 0px;
	padding-bottom:25px;
    width: 50%;
	float:left;
	font-size:12px;
	line-height:2.0;
}

.about_text03 { 
	margin:30px 0 0 0px;
	padding-bottom:15px;
    width: 70%;
	float:left;
	font-size:12px;
	line-height:2.0;
}

.about_text04 { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 70%;
	float:left;
	font-size:11px;
	line-height:2.0;
}

.product_view { 
	margin:0px 0 0 0;
	padding-bottom:20px;
    width: 100%;
}
.product_item { 
	margin:0px 0 0 0px;
	padding-bottom:40px;
    width: 48%;
	overflow:auto;
	position: relative;
}
.product_item:nth-of-type(2n) {
    margin-left: 2%;
}
.product_item:nth-of-type(2n-1) {
    margin-right: 2%;
}
.product_img { 
	margin:0px 0 0 0px;
    width: 100%;
	float:none;
}
.product_text { 
	margin:0px 0 0 0px;
	padding-bottom:10px;
	clear:both;
	font-size:13px;
	line-height:18px!important;
    width: 100%;
	float:none;
	vertical-align:bottom;
	position: relative;
}
.product_text span { 
	font-size:11px;
	line-height:18px!important;
	margin:0px 0 10px 0px;
	color:#666;
	font-family:'adobe-garamond-pro',"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-style: italic;
}

.product_view table { 
	font-size:65%;
	padding-top:30px;
}

.product_detail_img { 
	margin:0px 0 0 0;
	padding-bottom:10px;
    width: 100%;
	float:none;
	overflow:hidden;
}

.product_detail_left { 
	margin:0px 0px 0 0px;
	padding-bottom:10px;
    width: 100%;
	float:left;
}

.product_detail_right { 
	margin:0px 0 0 0px;
	padding-bottom:10px;
    width: 100%;
	float:right;
}

#wrapper {
    position: relative;
    width: 100%;
}

.product_detail_right_text { 
    position: relative;
}

.product_detail_right p { 
	font-size:13px;
	line-height:26px;
	margin:0px auto;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
}

.product_detail_right p.itemname { 
	font-size:18px;
	line-height:30px;
	margin:0px auto;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
	padding-top:40px;
}

.product_detail_right p.itemname span { 
	font-size:18px;
	line-height:20px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
}

.product_detail_right .item_detail_spec { 
	margin:25px auto 0 auto;
	clear:both;
	overflow:auto;
    width: 100%;
	font-size:13px;
	line-height:22px;
}

.product_detail_right .item_detail_spec2 { 
	margin:10px auto 0 auto;
	clear:both;
	overflow:auto;
    width: 100%;
	font-size:13px;
	line-height:22px;
}

.product_detail_right .item_detail_spec2 .price_sold { 
	color:#FF0000;
}
.price span {
    font-size: 12px;
    padding-left: 15px;
}
.item_credit { 
	cleaar:both;
    width: 100%;
	font-size:10px;
	line-height:20px;
	padding-top:0px;
	text-align:left!important;
}

.item_detail_spec p { 
	padding:0 0 10px 0;
}

.product_detail_wide { 
	margin:0px 0 0 0;
	padding-bottom:10px;
    width: 100%;
	float:none;
}

.journal_view { 
	margin:0px 0px 0 0px;
	padding-bottom:20px;
    width: 100%;
	float:none;
}
.journal_item { 
	margin:0px 0px 60px 0px;
	padding-bottom:30px;
	border-bottom:1px solid #CCC;
    width: 100%;
	display: block;
	overflow:auto;
	position: relative;
}
.journal_item:last-child { 
	margin:0px 0px 60px 0px;
	padding-bottom:30px;
	border-bottom:0px solid #CCC;
    width: 100%;
	float:left;
	overflow:auto;
	position: relative;
}
.journal_img { 
	margin:0px 0 0 0px;
	padding-bottom:15px;
    width: 100%;
	float:right;
}
.journal_view_text { 
	margin:0px 0 0 0px;
	padding-bottom:20px;
	clear:both;
	font-size:16px;
	line-height:25px !important;
	vertical-align:bottom;
	position: relative;
    width: 100%;
}

.journal_view_text span { 
	font-size:13px;
	margin:0px 0 10px 0px;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

.journal_detail_text_wrap { 
	overflow:auto;
    width: 100%;
}

.journal_title { 
	margin:0px 12px 0 0;
	padding-bottom:30px;
    width: 100%;
	float:clear;
}
.journal_title p.title { 
	font-size:18px;
	line-height:30px;
	margin:0px auto;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
	padding-top:40px;
}

.journal_title p.title span { 
	font-size:13px;
	line-height:18px;
	margin:0px auto;
	padding-bottom:40px;
    width: 100%;
	text-align:left;
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

.journal_title p.guide { 
	font-size:12px;
	line-height:30px;
	margin:0px auto;
	padding:10px 0 50px 0;
    width: 100%;
	text-align:left;
	padding-top:0px;
}

.journal_title p.profile { 
	font-size:14px;
	line-height:22px;
	margin:0px auto;
	padding-bottom:10px;
    width: 100%;
	text-align:left;
	padding-top:20px;
}

.journal_title p.profile_text { 
	font-size:11px;
	line-height:22px;
	margin:0px auto;
	padding-bottom:10px;
    width: 100%;
	text-align:left;
	padding-top:0px;
}

.journal_detail_text { 
	margin:0px 0 0 12px;
	padding-bottom:30px;
    width: 100%;
	float:clear;
}

.journal_detail_text p { 
	font-size:13px;
	line-height:26px;
	margin:0px auto;
	padding-top:10px;
	padding-bottom:20px;
    width: 100%;
	text-align:left;
}

.journal_detail_text p.questioner { 
	color:#666;
	padding-top:20px;
	padding-bottom:10px;
}

.exhibition_item_first_2:before,
.exhibition_item_first:before{
    font-size: 16px;
    padding-bottom: 30px;
}
.exhibition_item:first-child:after {
    margin-top: 30px;
}    
.exhibition_item_first_2 .exhibition_view_text,
.exhibition_item_first .exhibition_view_text,
.exhibition_past.exhibition_item:nth-of-type(1)::before {
    font-size: 16px;
}
.exhibition_past.exhibition_item:nth-of-type(1)::before {
    padding-bottom: 30px;
}
.exhibition_item .exhibition_view_text span {
    padding-top: 0;
    font-size: 13px;
    color: #666;
}
.exhibition_item .exhibition_view_text {
    padding: 20px 0 30px;
}
.exhibition_past.exhibition_item:nth-of-type(2) {
    padding-top: 56px;
}
.studio_img { 
	margin:0px 0px 0 0px;
	padding:20px 0 0 0;
    width: 100%;
	float:none;
	overflow:hidden;
}


.box-title {
	font-size: 18px;
	line-height: 18px;
	text-align: left;
	margin:0 0 15px 0px;
	width: 100%;
	-webkit-font-smoothing: antialiased;
	float:none;
}

.box-title span {
	font-size: 14px;
	border-left:1px solid #CCC;
	font-style:italic;
	padding-left:20px;
	margin-left:20px;
	letter-spacing:0.03em;
}

.floormap { 
	margin:0px 0px 0px 0px;
	padding-bottom:20px;
    width: 100%;
	float:clear;
	overflow:hidden;
}

.moredetail a {
	display:block;
	font-size:100%;
	text-align: center;
	padding: 4px 20px 4px 20px;
	margin:10px 0 30px 0;
	border:1px solid #CCC;
	width:180px;
	text-decoration:none;
}
.moredetail a:hover  {
	border:1px solid #000;
	background-color:#000;
	color:#FFF;
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition: .8s;
}

.guide_contents		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width:100%;}

.guide_title		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:0px 0px 20px 0px; width:100%; font-size: 14px; line-height:30px; position : relative; display : table;}

.guide_title2		{ clear:both; float:left; margin:0px 20px 0px 0px; padding:60px 0px 20px 0px; width:100%; font-size: 14px; line-height:30px; position : relative; display : table;}

.guide_title3		{ clear:both; float:none; margin:50px 0px 30px 0px; padding:0px 0px 0px 0; width:100%; font-size: 13px; line-height:28px; position : relative; display : table;}

.guide_title3-top		{ clear:both; float:none; margin:0px 0px 30px 0px; padding:0px 0px 0px 0; width:100%; font-size: 14px; line-height:28px; position : relative; display : table;}

.guide_title4		{ clear:both; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0; width:100%; font-size: 14px; line-height:28px; position : relative; display : table;}

.guide_title5		{ clear:both; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0; width:100%; font-size: 13px; line-height:28px; position : relative; display : table;}
    
.guide_title4-top		{ clear:both; float:none;  margin:0px 0px 30px 0px; padding:0px 0px 0px 0; width:100%; font-size: 14px; line-height:28px; position : relative; display : table;}

.guide_contents		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 60px 0px; width:100%;}

.guide_textarea		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.guide_textarea-top		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.guide_textarea2	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.guide_textarea3	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.guide_textarea4	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width:100%; font-size: 12px; line-height:22px; color:#333; list-style-type:disc;}

.guide_textarea4 li	{ font-size: 12px; line-height:20px; padding:0 0 15px 0; margin:0 0 0 20px;}

.guide_textarea5	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}
	
.guide_textarea6	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}
	
.guide_textarea7	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:10px 0px 30px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.studio_contents		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width:100%;}


.studio_title3		{ clear:both; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0; width:100%; font-size: 14px; line-height:28px; position : relative; display : table;}

.studio_contents		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 60px 0px; width:100%;}

.studio_textarea		{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 30px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.studio_textarea2	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:25px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.studio_textarea3	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:100%; font-size: 12px; line-height:22px; color:#333;}

.studio_textarea4	{ clear:both; display:inline-block; float:none; margin:0px 0px 0px 0px; padding:0px 0px 20px 0px; width:100%; font-size: 12px; line-height:22px; color:#333; list-style-type:disc;}

.studio_textarea4 li	{ font-size: 12px; line-height:20px; padding:0 0 15px 0; margin:0 0 0 20px;}

#FOOTER {
	margin: 20px 20px 0px 20px;
	clear:both;
    width: calc(100% - 40px);
	height: 120px;
	padding: 0px 0px 30px 0px;
	font-family: "adobe-garamond-pro",serif;
	border-top:0px solid #666;
	-webkit-font-smoothing: subpixel-antialiased;
	font-size:12px;
	line-height:20px;
}

#FOOTER .shopinformation {
	width: 100%;
	padding: 20px 0px 30px 0px;
	text-align:left;
	float:left;
	overflow:auto;
}

#FOOTER .shopinformation .left {
    width: 100%;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:none;
}

#FOOTER .shopinformation .left2 {
    width: 100%;
	padding: 0px 0px 0px 0px;
	text-align:left;
	float:none;
}

#FOOTER .shopinformation .left .title{
	font-size:14px;
	padding: 0px 0px 5px 0px;
	-webkit-font-smoothing: antialiased !important;	
}

#FOOTER .shopinformation .left .title span{
	font-family:'adobe-garamond-pro';
	font-style: italic;
}

#FOOTER .shopinformation .right {
	width: 100%;
	padding: 15px 0px 0px 0px;
	text-align:right;
	float:right;
	vertical-align:bottom;
	font-size:11px;
}

#FOOTER .shopinformation .right p span {
	padding: 20px 10px 0px 5px;
	line-height:5px;
	vertical-align:bottom;
}

#FOOTER .shopinformation .right .title {
	font-size:16px;
	padding: 0px 0px 0px 0px;
}

#FOOTER ul.footer01 {
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:90%;
	line-height:20px;
	letter-spacing:0.03em;
}

#FOOTER ul.footer01 li {
	padding: 0 20px 0 0px;
	display:inline;
}

#FOOTER .footer02 {
	padding: 0px 0px 0px 0px;
	text-align:left;
	font-size:90%;
	line-height:22px;
	letter-spacing:0.03em;
}

#FOOTER ul.footer02 li {
	padding: 0 20px 0 0px;
	display:inline;
}

#FOOTER .shopinformation .right .copyright {
	padding: 20px 0px 0px 0px;
	text-align:left;
	float:left;
	vertical-align:bottom;
	font-size:10px;
	line-height:20px;
}

#FOOTER .shopinformation .right p span {
	display:none!important;
}

#FOOTER .shopinformation .right p.copyright img {
	width:30px!important;
	line-height:20px;
}

.br-pc { display:none; }
.br-sp { display:block; }


.page_navi		{ width:100%; display:block; margin:0px auto 10px auto; padding:70px 0 10px 0; font-size: 12px; line-height:3; text-align:right;}

.page_navi p		{ padding:20px 0; }

.page_navi_left		{ width:50%; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:1px solid #CCC; margin:0px auto 0px auto; padding:7px 0; font-size: 11px; text-align:center;}

.page_navi_center		{ width:33%; float:left; display:inline-block; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  border-right:1px solid #CCC; margin:0px auto 60px auto; padding:7px 0; font-size: 11px; line-height:1.8em; text-align:center;}

.page_navi_right		{ width:50%; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  margin:0px auto 0px auto; padding:7px 0; font-size: 11px; text-align:center;}

.page_navi_back		{ width:100%; display:inline-block; border-top:1px solid #CCC; border-bottom:1px solid #CCC;  margin:0px auto 60px auto; padding:10px 0; font-size: 13px; line-height:1.8em; text-align:center;}

.footstamp			{ width:100%; clear:both; display:inline-block; margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; font-size: 10px; line-height:1.8em; text-align:left;}

}


#sub_image { 
	margin:0px 0 60px 0px;	border-bottom:0px solid #CCC;
clear:both;
	overflow:auto;
}

.sub_image { 
	margin:0px 34px 0 0px;
	float:left;
	overflow:auto;
}

.sub_image_r { 
	margin:0px 0 0 0px;
	float:right;
	width:309px;
}

.sub_image_cap { 
	width:309px;
	margin:0px 34px 0 0px; font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:13px; font-weight:normal; padding:12px 0 60px 0; 
	float:left;
 }

.sub_image_cap_r { 
	width:309px;
	margin:0px 0px 0 0px; font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:13px; font-weight:normal; padding:12px 0 60px 0; 
	float:left;
 }

#sub_image_b { 
	margin:0px 0 0px 0px;
	clear:both;
	overflow:auto;
}

.sub_image_b { 
	margin:0px 34px 0 0px;
	position:relative;
	float:left;
	width:481px;
}

.sub_image_b_r { 
	margin:0px 0 0 0px;
	position:relative;
	float:right;
	width:481px;
}

.trim_img { 
	position:absolute;
	top:-30px;
}

.sub_image_b_cap { 
	width:481px;
	margin:0px 34px 0 0px; font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:13px; font-weight:normal; padding:12px 0 40px 0; 
	float:left;
 }

.sub_image_b_cap_r { 
	width:481px;
	margin:0px 0px 0 0px; font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif; font-size:13px; font-weight:normal; padding:12px 0 40px 0; 
	float:left;
 }



html,body{
  width: 100%;
  height: 100%;
}





.pankuzu			{ width:100%; clear:both; display:inline-block; margin:0px 0px 0px 0px; padding:40px 0px 0px 0px; font-size: 11px; line-height:1.8em;}


#box1,#box2,#box3,#box4,#box5,#box6,#box7,#box8,#secondcontent
 {
  display: none;
}



/* リンク色 */
a { color: #000000; }
a:link { text-decoration: underline; }
a:visited { text-decoration: underline; }
a:hover { text-decoration: none; }
a:active { text-decoration: underline; }


/* フロートクリア */
.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}


.fixing-base .fixing-box.fixed {
  position: fixed;
  top: 0;
  z-index: 9999;
}

.pure-drawer_wrap {
  width:800px;
  margin:0 auto;
  list-style-type: none;
  padding:0;
}

ul.pure-drawer_menu {
  width:800px;
  margin:0 auto;
  color:#FFFFFF !important;
  background-color:FFF !important;
  list-style-type: none;
  padding:18% 0 20%;
  float:left;
}
ul.pure-drawer_menu li {
  color:#FFF !important;
  padding:6px 0;
  font-size:24px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  transform: translateX(-50px);
  border-bottom:1px solid #666;
}
ul.pure-drawer_menu > li:first-child {
  border-top:1px solid #666;
}

ul.pure-drawer_menu li ul.toggle_contents li.sub a{
  color:#FFF !important;
  font-size:14px;
  transform: translateX(-50px);
}
ul.pure-drawer_menu li ul.toggle_contents li.sub a:hover {
  color: #999!important;
}
.toggle_contents li.sub {
    width:24%;
    font-size:14px;
    padding:0;
    border-bottom:none;
    display: inline-table;
    opacity: 100 !important;
  transform: translateX(0px);
}
.toggle_contents li.sub a {
    padding-bottom:0px;
    opacity: 100 !important;
  transform: translateX(0px);
}
.toggle_contents:after {
    content: "";
    display: block;
    clear: both;
}

ul.pure-drawer_menu li.journal {
  color:#FFF !important;
  padding:30px 0 6px 0;
  font-size:24px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
  border-bottom:1px solid #666;
}

ul.pure-drawer_menu_sub {
  width:175px;
  margin:0 auto;
  color:FFFFFF !important;
  background-color:FFF !important;
  list-style-type: none;
  padding:0 0;
  float:left;
}
ul.pure-drawer_menu_sub li {
  color:#FFF !important;
  padding:6px 0;
  font-size:24px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}

ul.pure-drawer_menu_sub li.journal {
  color:#FFF !important;
  padding:30px 0 8px 0;
  font-size:24px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}

ul.pure-drawer_menu_sub li.sub {
  color:#FFFFFF !important;
  padding:5px 0;
  font-size:13px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}

ul.pure-drawer_menu_sub li.sub_b {
  color:#FFFFFF !important;
  padding:5px 0 5px 10px;
  font-size:13px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}


ul.pure-drawer_menu li a {
  padding:10px 0;
  font-size:28px;
  letter-spacing:0.05em;
  color:#FFF;
}

ul.pure-drawer_menu li a { color: #FFF; }
ul.pure-drawer_menu li a:link { text-decoration: none; }
ul.pure-drawer_menu li a:visited { text-decoration: none; }
ul.pure-drawer_menu li a:hover { text-decoration: none; }
ul.pure-drawer_menu li a:active { text-decoration: none; }

ul.pure-drawer_menu li a:hover{
  color:#999 !important;
  padding:10px 0;
  font-size:28px;
}

ul.pure-drawer_menu li.fade:nth-child(1) {
  -webkit-animation: example 0.5s ease 1.4s 1 forwards;
  animation: example 0.5s ease 1.4s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(2) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.6s 1 forwards;
  animation: example 0.5s ease 1.6s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(4) {
  -webkit-animation: example 0.5s ease 1.7s 1 forwards;
  animation: example 0.5s ease 1.7s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(5) {
  -webkit-animation: example 0.5s ease 1.8s 1 forwards;
  animation: example 0.5s ease 1.8s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(6) {
  -webkit-animation: example 0.5s ease 1.9s 1 forwards;
  animation: example 0.5s ease 1.9s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(7) {
  -webkit-animation: example 0.5s ease 2.0s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(8) {
  -webkit-animation: example 0.5s ease 2.1s 1 forwards;
  animation: example 0.5s ease 2.1s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(9) {
  -webkit-animation: example 0.5s ease 2.2s 1 forwards;
  animation: example 0.5s ease 2.2s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(10) {
  -webkit-animation: example 0.5s ease 2.3s 1 forwards;
  animation: example 0.5s ease 2.3s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(11) {
  -webkit-animation: example 0.5s ease 2.4s 1 forwards;
  animation: example 0.5s ease 2.4s 1 forwards;
}
ul.pure-drawer_menu li.fade:nth-child(12) {
  -webkit-animation: example 0.5s ease 2.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards;
}
ul.pure-drawer_menu li ul.toggle_contents li {
  -webkit-animation: example 0s ease 0s 1 forwards;
  animation: example 0s ease 0s 1 forwards;
}


div.menu_bottom p {
    font-size: 13px;
    display: table-cell;
    padding-right:30px;
    padding-top:15px;
    padding-bottom:5px;
}
div.menu_bottom2 p {
    font-size: 13px;
    display: table-cell;
    padding-right:30px;
}
div.menu_bottom p a,
div.menu_bottom2 p a{  
    font-size: 13px;
}

div.menu_bottom p a:hover,
div.menu_bottom2 p a:hover{
    font-size:13px;
}

.header-search-box {
    width: 70%;
    float: right;
}

.header-search__box {
    margin: 7px 0px 5px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 16px;
    color: #fff;
    font-family:"adobe-garamond-pro","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
    outline: 1px solid #999;
    border:solid 1px #999;

}

.toggle_contents {
  display: none;
  padding: 10px 10px 25px 10px;
  list-style: none;
  line-height: 1.5;
}
  

.toggle_switch::after {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url("../images/toggle.png");
  background-size: contain;
  position: fixed;
  right: 0px;
  top:20px;
}
.toggle_switch.open::after {
  transform: rotate(-45deg);
}


@media only screen and (max-width: 768px) {

.pure-drawer_wrap {
  width:90%;
  margin:0 auto;
  list-style-type: none;
  padding:0;
}
    
.header-search__box {
    margin: 0px 0px 5px;
    height: 20px;
}

ul.pure-drawer_menu {
  width:100%;
  margin:0 auto;
  color:FFFFFF !important;
  background-color:FFF !important;
  list-style-type: none;
  padding:120px 0 20%;
  float:left;
}
ul.pure-drawer_menu li {
  color:#FFF !important;
  padding:7px 0;
  font-size:16px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
  border-bottom:1px solid #666;
}

ul.pure-drawer_menu_sub {
  width:175px;
  margin:0 auto;
  color:FFFFFF !important;
  background-color:FFF !important;
  list-style-type: none;
  padding:0 0;
  float:left;
}
ul.pure-drawer_menu_sub li {
  color:#FFF !important;
  padding:7px 0;
  font-size:16px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}

ul.pure-drawer_menu_sub li.sub {
  color:#FFFFFF !important;
  padding:5px 0;
  font-size:13px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}

ul.pure-drawer_menu_sub li.sub_b {
  color:#FFFFFF !important;
  padding:5px 0 5px 10px;
  font-size:13px;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  transform: translateX(-50px);
}


ul.pure-drawer_menu li a {
  padding:7px 0;
  font-size:16px;
  color:#FFF!important;
}

ul.pure-drawer_menu li a:hover{
  color:999 !important;
  padding:7px 0;
  font-size:16px;
}


ul.pure-drawer_menu li a { color: #FFF; }
ul.pure-drawer_menu li a:link { text-decoration: none; }
ul.pure-drawer_menu li a:visited { text-decoration: none; }
ul.pure-drawer_menu li a:hover { text-decoration: none; }
ul.pure-drawer_menu li a:active { text-decoration: none; }

ul.pure-drawer_menu li:nth-child(1) {
  -webkit-animation: example 0.5s ease 1.4s 1 forwards;
  animation: example 0.5s ease 1.4s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(2) {
  -webkit-animation: example 0.5s ease 1.5s 1 forwards;
  animation: example 0.5s ease 1.5s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(3) {
  -webkit-animation: example 0.5s ease 1.6s 1 forwards;
  animation: example 0.5s ease 1.6s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(4) {
  -webkit-animation: example 0.5s ease 1.7s 1 forwards;
  animation: example 0.5s ease 1.7s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(5) {
  -webkit-animation: example 0.5s ease 1.8s 1 forwards;
  animation: example 0.5s ease 1.8s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(6) {
  -webkit-animation: example 0.5s ease 1.9s 1 forwards;
  animation: example 0.5s ease 1.9s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(7) {
  -webkit-animation: example 0.5s ease 2.0s 1 forwards;
  animation: example 0.5s ease 2s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(8) {
  -webkit-animation: example 0.5s ease 2.1s 1 forwards;
  animation: example 0.5s ease 2.1s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(9) {
  -webkit-animation: example 0.5s ease 2.2s 1 forwards;
  animation: example 0.5s ease 2.2s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(10) {
  -webkit-animation: example 0.5s ease 2.3s 1 forwards;
  animation: example 0.5s ease 2.3s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(11) {
  -webkit-animation: example 0.5s ease 2.4s 1 forwards;
  animation: example 0.5s ease 2.4s 1 forwards;
}
ul.pure-drawer_menu li:nth-child(12) {
  -webkit-animation: example 0.5s ease 2.5s 1 forwards;
  animation: example 0.5s ease 2.5s 1 forwards;
}
    
div.menu_bottom p,
div.menu_bottom2 p {
    font-size: 11px;
    display: table-cell;
    padding-right:21px;
    padding-bottom: 0px;
    
}
div.menu_bottom p a,
div.menu_bottom2 p a{  
    font-size: 89%;
}
    
div.menu_bottom p a:hover,
div.menu_bottom2 p a:hover{
    font-size:89%;
}
.product_detail_right .item_detail_spec2 table td {
    width: 28%;
}
    .mag .item_name_in {top:40%;}
}
@media only screen and (max-width: 500px) {
.mag .item_name_in { font-size: 20px;}
.mag .item_name_in span { font-size: 15px;}
}

@media only screen and (max-width: 428px) {
.toggle_contents li.sub {
    width: 49%;
    font-size: 12px;
}
.toggle_switch::after {
  width: 20px;
  height: 20px;
  right: 0px;
  top:10px;
}
ul.pure-drawer_menu li ul.toggle_contents li.sub a {
    font-size: 12px;
}
.header-search__box,
.header-search-box {
     font-size:12px;
}

.exhibition_item_first_2,
.exhibition_item_first{
    padding-bottom: 30px;
}   
.exhibition_item {
    width: 100%;
    float: none;
}
.exhibition_item_first_2 .exhibition_view_text,
.exhibition_item_first .exhibition_view_text {
    font-size: 15px;
}
.exhibition_item_first_2 .exhibition_view_text span,
.exhibition_item_first .exhibition_view_text span {
    font-size: 13px;
}
.exhibition_item .exhibition_view_text {
    font-size: 13px;
    padding: 15px 0 30px;
}
.exhibition_item .exhibition_view_text span {
    font-size: 11px;
}
.exhibition_item:first-child:after {
    padding-bottom: 10px;
}
div.menu_bottom p {
    padding-top:10px;
    padding-bottom: 0px;
}
.product_detail_right .item_detail_spec2 table {
    width: calc(100% - 20px);
}
.product_detail_right .item_detail_spec2 table td {
    width: 100%;
}
select{
    -webkit-appearance:none;
}
select:after{
		content: "▽";
		color: #333;
}
    .exhibition_view_text {
        text-align: left;
    }
}
@-webkit-keyframes example {
  100% {
    opacity: 1;
    transform: translateX(0);
  }
@keyframes example {
  100% {
    opacity: 1;
    transform: translateX(0);
  }

ul.pure-drawer_menu li a { color: #FFF; }
ul.pure-drawer_menu li a:link { text-decoration: none; }
ul.pure-drawer_menu li a:visited { text-decoration: none; }
ul.pure-drawer_menu li a:hover { text-decoration: none; }
ul.pure-drawer_menu li a:active { text-decoration: none; }

.fade {
  opacity: 1;
}

.pad {
  height: 100px;
  margin-bottom: 4rem;
}