@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjp.css");
*, *::before, *::after {
	box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 1em;
	line-height: 1.75;
	color: #333;
	font-weight: normal;
	font-kerning: normal;
	font-feature-settings : "palt";
	font-family: "Noto Sans JP", メイリオ, Meiryo, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;	

}
/*@font-face {
	font-family: "ドヘタ字";
	src: url("../font/doheta_j.ttf") format("truetype");
	font-display: swap;
}*/
p,h1,h2,h3,h4,h5,ul,ol,li,dl,dt,dd {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}
a {
	color: #333;
	text-decoration: none;
}
a:hover {
	transition: all 100ms;
	text-decoration: none;
    opacity: 0.5;
}

input[type="submit"]:hover,
.area-link:hover {
    opacity: 0.5;
}
.area-link a:hover {
    opacity: 1.0 !important;
}
.area-link .linkbox.art {
    background: #f7f7f7;
}
.area-link .linkbox.art:hover {
    border-width: 0.05em;
}

.txt {
	padding-bottom: 1em;
}
.pdf:after {
	display: inline-block;
	content:"";
	background-image: url(../img/common/pdf.png);
	width: 17px;
	height: 20px;
	margin: 0 0 -4px 10px;
    background-size: 17px 20px; 
}
.red {
	color: #c8161d
}
.green {
	color: #008000!important;
}
.blue {
	color: #1f5ba6;
}
.black {
	color: #333!important;
}
.tal {
	text-align: left;
}
.tac {
	text-align: center;
}
.tar {
	text-align: right;
}
.boxcenter {
	margin: auto;
}
.kerning1 {
	letter-spacing: -0.05em;
}
.kerning2 {
	letter-spacing: -0.1em;
}
.hidden {
	display: none;
}
.skin_color {
	background-color: #f0eae0;
}
.wbox {
	background-color: #fff;
}
.graybox {
	background-color: #f2f2f2;
}
.borderbox1 {
	border: 1px solid #e8e8e8;
}
.borderbox2 {
	border: 1px solid #898989;
}
.f24pt {
	font-size: 150%;
}
.f22pt {
	font-size: 137.5%;
}
.f20pt {
	font-size: 125%;
}
.f20pt {
	font-size: 125%;
}
.f18pt {
	font-size: 112.5%;
}
.f16pt {
	font-size: 100%;
}
.f14pt {
	font-size: 87.5%;
}
.f12pt {
	font-size: 75%;
}
.f10pt {
	font-size: 62.5%;
}
.strong>*,
.strong {
	font-weight: bold;
}
.em>*,
.em {
	text-decoration: underline;
}
.image {
	padding-bottom: 20px;
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin: auto;
}
.image>* {
	display: block;
}
.image img {
	display: block;
	margin: auto;
	border: 0;
}
.image img {
	width: 100%;
}
/*#workdetail .artworks.list li {
	background: #fff;
	padding: 0.8333em;
}*/
#workdetail .artworks.list .image img {
	width: auto !important;
	height: 112px !important;
}
.image>.txt {
	padding-top: 0.625em;
	font-size: 87.5%;
	line-height: 128.57%;
}
.flex,
.inline-flex,
.flextable {
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flextop {
	align-items: flex-start;
	align-content: flex-start;
}
.flexmiddle {
	align-items: center;
	align-content: center;
} 
.flexbottom {
	align-items: flex-end;
	align-content: flex-end;
}
.flexleft {
	justify-content: flex-start;
} 
.flexcenter {
	justify-content: center;
} 
.flexright {
	justify-content: flex-end;
}
.flex.nowrap,
.inline-flex.nowrap,
.flextable.nowrap {
	flex-wrap: nowrap;
}
.flex,
.flextable {
    /*display: flex;*/
    margin: auto;
}
.inline-flex {
    display: inline-flex;
}
.flexgrow1 {
	flex-grow: 1;
}
.flexgrow2 {
	flex-grow: 2;
}
.flexgrow3 {
	flex-grow: 3;
}
.flexgrow4 {
	flex-grow: 4;
}
.flexgrow5 {
	flex-grow: 5;
}
.email img {
	width: 1em;
}
.ul_next {
    /*display: flex;*/
    justify-content: space-between;
}
.ul_next>li.next a::before {
    content: "< ";
}
.ul_next>li.prev a::after {
    content: " >";
}
.ul_next a {
    color: #754c24;
}
/*table,*/
.table {
    display: table;
    width: 100%;
}
/*table>*,*/
.table>* {
    display: table-row;
    vertical-align: top;
}
/*table>*>*,*/
.table>*>* {
    display: table-cell;
}
.artist_history table {
    border-top: solid #e8e8e8;
    border-bottom: solid #e8e8e8;
    border-width: 0.05em;
	width: 100%;
	border-collapse:collapse;
}
.artist_history table tr.bt th,
.artist_history table tr.bt td {
    border-top: 1px solid #e8e8e8;
}
.artist_history table tr.bb th,
.artist_history table tr.bb td {
    border-bottom: 1px solid #e8e8e8;
}
#ryakureki.artist_history table {
	border-collapse: separate;
}
#ryakureki.artist_history table tr:nth-child(odd) th,
#ryakureki.artist_history table tr:nth-child(odd) td {
	background-color: #F7F7F7;
}
.artist_history table th,
.artist_history table td {
	padding: 0.357em 0.714em;
	font-size: 16px;
	font-weight: normal;
}
/*.artist_history table th,
.artist_history table td {
	padding: 0.357em 0.714em;
	font-size: 83.333%;
}*/
.artist_history table th {
	width: 7em;
	text-align: left;
	font-weight: normal;
}
.artworks table {
	border: solid #e8e8e8;
    border-width: 0 1px 1px 0;
    margin: 77px 0 1.25em 0;
}
.artworks table th,
.artworks table td {
    border: solid #e8e8e8;
    border-width: 1px 0 0 1px;
    padding: 6px 4px 4px;
    font-size: 87.5%;
}
.artworks table th {
	width: 30%;
	font-weight: normal;
	text-align: left;
}
.artworks table td {
	width: 70%;
}


.cart-bt-box .cartjs_product_num th {
	display: none;
}
.cart-bt-box .cartjs_product_num td {
	display: none;
	width: 100% !important;
	border: none !important;
}

.cart-bt-box .cartjs_dtl_tbl {
	height: auto !important;
	margin: 0 auto !important;
}

.cart-bt-box table {
	border: none !important;
	
}
.cart-bt-box .cartjs_product_table {
	display: none;
}

main #contents .cart-bt-box form {
	border: none;
}

.cartjs_buy input,
.cart-bt-box input {
	cursor: pointer;
  	display: block;
  	width: 235px !important;
  	height: 34px !important;
	margin: 0 auto;
  	border: none !important;
	border-radius:0 !important;
  	text-indent: -9999px;
  	background: url("/common/img/cart_img.png") no-repeat 0 0 !important;
	background-size: cover !important;
	background-color: none !important;
	text-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.cart-bt-box .kounyu img {
	width: 235px !important;
	height: auto !important;
}
.cart-bt-box .kounyu {
	margin: 20px auto;
	text-align: center;
}


.artworks .left-col {
	float: left;
	width: 544px;
}
.artworks .right-col {
	float: right;
	width: 200px;
}
ul.square>li,
ul.asterisk>li {
    padding-left: 1.625em;
    position: relative;
}
ul.square>li:before,
ul.asterisk>li:before {
    position: absolute;
    left: 0;
    top:0;
}
ul.square>li:before {
    content: "■";
}
ul.asterisk>li:before {
    content: "※";
}
ul.disc>li,
ul>li.disc {
	list-style: disc;
	margin-left: 1.5em;
}

#contents>section {
	display: block;
	width: 100%;
	clear: both;
}
#contents>section:not(.skin_color)+section.skin_color {
	padding-top: 1.875em;
}
#side+#contents>section {
	padding-left: 0;
	padding-right: 0;
}
#contents h2,
#contents .h2 {
	font-size: 125%;
	color: #008000;
	font-weight: bold;
	padding: 0 0 1.0em;
}
/*#contents .list h2 {
	font-size: 18px;
	font-weight: normal !important;
	padding-bottom: 8px;
}*/
#contents h3,
#contents .h3 {
	color: #800000;
	font-weight: bold;
	padding: 0 0 0.2em;
}
#contents .list h3 {
	font-size: 18px;
	font-weight: normal !important;
	padding-bottom: 28px;
	
	
}
#contents h4{
	font-weight: bold;
	padding: 0 0 0.625em;
}
#contents section:first-child h2:first-child {
	padding-top: 1.5em;
}
#contents section:first-child h3:first-child {
	color: #800000;
	font-weight: bold;
	padding-top: 2.125em;
}
#contents h2.title,
#contents .h2.title {
	line-height: 100%;
	border: 0;
	padding-bottom: 1em;
	margin-bottom: 1.25em;
	border-bottom: 1px solid #CCC;
	align-items: flex-end;
	/* animation: slideinDesH2 0.5s; */  /* アニメーション名,アニメーション時間 */
}
#contents .h2.title h2,
#contents .title>* {
	padding: 0;
	margin: 0;
}
#contents .h2.title h2 {
	font-size: inherit;
}
#contents h2.title>small,
#contents .title>h2>small {
	font-size: 56%;
	margin-top: 0.71428em;
}
#contents .h2.title :not(:first-child) {
	font-size: 80%;
	padding: 0;
	margin: 0;
}
@keyframes slideinDesH2 {
  from {
	width: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
main dl.accordion {
    counter-reset:accordion;
}
main dl.accordion>* {
	padding: 0.625em 1.25em;
}
main dl.accordion>*:nth-child(4n-3),
main dl.accordion>*:nth-child(4n-2) {
	background-color: #f7f7f7;
}
main dl.accordion>*:nth-child(4n-3) .linkbox,
main dl.accordion>*:nth-child(4n-2) .linkbox{
	background-color: #f7f7f7;
}
main dl.accordion>dt {
    counter-increment: accordion;
    position: relative;
    padding-left: 2.125em;
    cursor: pointer;
}
main dl.accordion>dt a {
    color: #333;
}
main dl.accordion>dd {
    display: none;
}
main dl.accordion>dt:before {
    content: "Q.";
    position: absolute;
    left: 0.625em;
    top: 0;
    width: 2em;
    line-height: 3em;
}
main dl.accordion>dt.open+dd {
	font-weight: bold;
	color: #800000;
}
main dl.accordion>dt.open+dd {
	border-top: 0.0625em solid #e8e8e8;
    display: block;
	animation: accordion 0.5s;
	overflow: hidden;
}
@keyframes accordion {
  from {
	height: 0;
    opacity: 0;
  }
  to {
    opacity: 1;
    height: auto;
  }
}

/* main .image.contain>*, */
main .image:not(.contain) img{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
main aside {
	width: 100%;
	margin: 2em auto;
	padding: 2em;
	clear: both;
  	background-color: #dee2ee;
}
#pagetop {
	position: fixed;
	bottom: 20px;
	right: 20px;
    z-index: 12;
}
#pagetop>a {
	display: block;
	width: 3.375em;
	height: 3.375em;
	border-radius: 0;
	background-color: #02381d; 
	border: 1px solid #e6e6e5;
    float: right;
    position: relative;
}
#pagetop>a>span {
	display: none;
}
#pagetop>a::before {
	content: "";
	display: block;
	position: absolute;
	right: calc(50% - 0.667em);
	top: calc(50% - 0.4375em);
	width: 0;
	height: 0;
	border-bottom: 0.875em solid #fff;
	border-left: 0.667em solid transparent;
	border-right: 0.667em solid transparent;

}
#pagetop>a::hover {
	background-color: rgba(61,61,61,1) 
}



header,
main,
footer {
	display: block;
	width: 100%;
	clear: both;
}
article {
	display: block;
	width: 100%;
	max-width: 1024px;
	margin: auto;
	position: relative;
	clear: both;
}
header {
	z-index: 100;
	background-color: #02381d;
	background: linear-gradient(to bottom,#02381d 0%,#02381d 50%,#fff 50%,#fff 100%);
	background: -moz-linear-gradient-linear-gradient(top,#02381d 0%,#02381d 50%,#fff 50%,#fff 100%);
	background: -webkit-linear-gradient(top,#02381d 0%,#02381d 50%,#fff 50%,#fff 100%);
	color:  #fff;
	text-align: center;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02381d', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-bottom: 1px solid #ccc;
}

header a,
footer a {
	color: #fff;
}
header>article {
	height: 200%;
	position: relative;
}
header .logo img {
	height: 100%;
	width: 100%;
	display: block;
}

/*header #global_nav>* {
	width: 100%;
}*/
header #global_nav .flex>ul.flex {
	height: 50%;
	margin: 0;
}
header #global_nav>div.flex {
	font-size: 75%;
	/*line-height: 150%;*/
    line-height: 17px;
	justify-content: flex-end;
	align-self: flex-end;
	text-align: left;
}
header #global_nav>div.flex>* {
	padding-bottom: 0.375em;
}
#top header div>.flex::first-child a {
	color: #fff;
	border: 1px solid #f00;
}
header #global_nav>div>.flex::last-child {
	font-size: 85.715%;
}
header #global_nav>ul.flex {
	background-color: #fff;
	color: #333;
	border-bottom: 0.05em solid #e6e6e6;
}
header #global_nav>ul.flex a {
	color: #333;
}
header #global_nav>div.flex {
	align-items: flex-end;
}
header #global_nav>div.flex :not(.email)>a::after {
	content: " >";
	margin-right: 1em;
}
header #global_nav>div.flex .sns a::after {
	display: none;
}
header #global_nav>div .email>a {
	font-weight: bold;
	margin-right: 1em;
}
header .search {
	width: 40px;
	height: 40px;
	line-height: 40px;
    float: left;
}
header .submenu ul,
header #searchform,
header #searchform-change {
	display: none;
}
header #searchform,
header #searchform-change {
	z-index: 1;
	position: absolute;
	background-color: #fff;
	padding: 1.25em;
	background: #f0eae0;
    border: solid #e6e6e6;
    border-width: 0 0.05em 0.05em;
}
header #searchform button,
header #searchform-change button {
	width: 3.5em;
	display: inline-block;
	height: 3.5em;
	padding: 0.5em;
	background-color: #02381d;
	float: right;
	border-radius: 0.5em;
}
header #searchform #keywords1,
header #searchform-change #keywords1 {
	font-size: 100%;
	height: 2.5em;
    border: none;
    border: 0.05em solid #e6e6e6;
    float: left;
    line-height: 100%;
	border-radius: 0.5em;
}
header .submenu:hover {
	cursor: pointer;
}
header .submenu.open>ul,
header #searchform.open,
header #searchform-change.open {
	display: block;
	background-color: #fff;
    animation: slidedown 0.5s ease 0s 1 normal;
    -webkit-animation: slidedown 0.5s ease 0s 1 normal;
    border: solid #e6e6e6;
    border-width: 0 0.05em 0.05em;
}
header .submenu.open>ul>li {
	font-size: 87.5%;
	line-height: 150%;
	border-top: 0.05em solid #e6e6e6;
}
header .submenu.open>ul>li>a {
	display: block;
	width: 100%;
	padding: 0.5em;
}
header #searchform.open,
header #searchform-change.open {
    position: absolute;
    z-index: 1;
}
@keyframes slidedown {
    0% {opacity: 0; height: 0; overflow: hidden;}
    100% {opacity: 1; height: auto;}
}
footer {
	display: block;
	width: 100%;
	clear: both;
	background-color: #093a1e;
	position: relative;
	z-index: 1;
}
footer article {
	padding: 1.67em 0 0;
	color: #fff;
}
footer article>.footer2>div.flex {
	align-items: flex-end;
	font-size: 87.5%;
}
footer h3,
footer h4 {
	font-weight: bold;
}
footer *+h3 {
	margin-top: 1em;
}
.copyright {
	text-align: center;
	font-size: 75%;
	background-color: #fff;
	margin-top:  1.67em;
	padding: 1.25em;
}



main #side a,
#top main a {
	color: #333;
}
#top main h1 {
	display: none;
}
/*
main .sp-slides,
main .sp-slides .sp-slide {
	height: 220px;
	overflow: hidden;
}
main .sp-slide .sp-slide {
	width: 100%;
	max-width: 1024px;
	height: 220px;
	overflow: hidden;
}*/
main>article .image {
	/*display: flex;*/
	justify-content: center;
	align-items: center;
	overflow: hidden;
	/*position: relative;*/
}

main small {
	font-weight: normal;
	color: #7a6a56;
}
main #branding small {
	font-size: 20px;
	line-height: 1.6;
	margin-top: 4px;
	display: block;
	color: #3E372D;
}
/*
main>article .image>img {
	position: absolute;
	top: 0;
	bottom: 0;
}*/
main>article>#side,
main>article>#side>div {
	width: 12.5em;
}
main>article>#side {
	float: left;
}

main>#slider {
	height: 220px;
	overflow: hidden;
}
main .flex[class*="column"] {
	justify-content: flex-start;
}
main .ul_circle>li {
	position: relative;
	padding-left: 1.5em;
}
main .ul_circle>li:before {
	position: absolute;
	content: "○";
	left: 0;
	top: 0;
}
main #contents .topline {
	border-top: 1px solid #CCC;
	padding-top: 35px;
    padding-bottom: 40px;
}
main #contents .bottomline {
	border-bottom: 1px solid #CCC;
}
main #contents .bottomline+* {
	padding-top: 3.125em;
}
main .history>*:nth-child(2n-1) {
	/*flex-basis: 7em;*/
    float: left;
    width: 16%;
}
main .history>*:nth-child(2n) {
	/*flex-basis: calc(100% - 7em);*/
    float: right;
    width: 84%;
}

main #breadcrumbs {
	padding: 0.675em 1.25em;
	/*display: flex;*/
	color: #754c24;
}
main #breadcrumbs >li {
	font-size: 75%;
    float: left;
}
main #breadcrumbs >li + li {
    margin-left: 5px;
}
/*main #breadcrumbs >li:not(:last-child)::after {
	content: " > ";
}*/
main #breadcrumbs >li>a {
	color: #333;
}
main #branding {
	overflow: hidden;
    /*padding: 10px 0;*/
}
main #branding>h1 {
	position: relative;
}
main #branding>h1>.title {
	position: absolute;
	line-height: 100%;
	font-weight: bold;
	text-shadow: 0 0 10px #fff, -2px -2px 4px #fff, 2px 2px 4px #fff, 2px -2px 4px #fff, -2px 2px 4px #fff;
}
main .picup1 {
	display: inline-block;
	background-color: #f0eae0;
	padding: 19px 17px;
}
main section.catalog .picup1 {
	width: 200px;
}
main .picup1>.wbox {
	background-color: #fff;
	width: 100%;
	position: relative;
}
main .picup1 .title {
	color: #c1272d;
	font-weight: bold;
	text-align: center;
}
main #branding .picup1 .title,
main .catalog .picup1 .title {
	letter-spacing: -1px;
	line-height: 1.2;
}
main #branding .picup1 .title span,
main .catalog .picup1 .title span {
	color: #000;
}
.artist.blank:first-child,
main .picup1 .title.blank:first-child {
	margin-bottom: 0.625em;
	line-height: 100%;
	font-weight: normal;
	text-align: left;
	color: #231815;
	letter-spacing: -0.067em;
	/*transform: scale(0.9, 1);*/
	font-family: "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 16px;
}
.artist.blank:first-child,
main .picup1 .blank:first-child {
	position: relative;
}
.artist.blank:first-child::before,
.artist.blank:first-child::after,
main .picup1 .blank:first-child::before,
main .picup1 .blank:first-child::after {
	content: "";
	position: absolute;
	width: 0.8em;
	height: 0.67em;
	border: solid #333;
}
.artist.blank:first-child::before,
main .picup1 .blank:first-child::before {
	right: 0;
	top: 0.25em;
	border-width: 0 0.125em 0.125em 0
}
.artist.blank:first-child::after,
main .picup1 .blank:first-child::after {
	right: 0.25em;
	top: 0;
	border-width: 0.125em;
}
.artist.blank:first-child::before {
    top: 9px;
}
.artist.blank:first-child::after {
    top: 5px;
}
main .picup1 .flex {
	font-size: 68.75%;
	line-height: 145.45%;
	text-align: justify;
	text-align-last: left;
	max-height: 7.5em;
}
main .picup1 .image {
	width: 4.3636em;
}
main .picup1 .txt {
	width: calc(100% - 5em);
}
main .picup1 .link {
	position: absolute;
	right: 0.5em;
	bottom: 0;
}
main .picup1 .link>a {
	color: #00f!important;
	padding-right: 16px;
}
main #branding .picup1 .txt,
main .catalog .picup1 .txt {
	width: calc(100% - 75px);
	margin-left: 10px;
	padding-bottom: 15px;
}
main #branding .picup1 .image,
main .catalog .picup1 .image {
	width: 60px;
	height: 85px;
	margin-left: 5px;
}
main #branding .picup1 .image img,
main .catalog .picup1 .image img {
	overflow: hidden;
}

main #branding .picup1 .link,
main .catalog .picup1 .link {
	position: relative;
	text-align: center;
	right: auto;
	bottom: auto;
	margin-bottom: 0;
}
main #branding .picup1 .flex,
main .catalog .picup1 .flex {
	margin-top: 10px;
}
main #branding .picup1 .link > a,
main .catalog .picup1 .link > a {
	font-size: 11px;
	padding-left: 25px;
}

main .picup2 {
	width: 100%;
	height: 4.25em;
	display: inline-flex;
	flex-wrap: nowrap;
	align-items: center;
	align-content: center;
	border: 1px solid #e6e6e6;
}
main .picup2:hover {
	text-decoration: none;
	background-color: #f0eae0;
	border-width: none;
}
main .picup2>* {
	width: 50%;
	color: #333;
}
main .picup2>.txt {
	font-size: 75%;
	line-height: 166.666%;
	padding: 0 0.625em;
	margin: 0;
}
main .picup2>.image {
	overflow: hidden;
	height: 4.25em;
	padding: 0;
}
main .picup2>.image>* {
	max-height: 4.25em;
}





main #branding>h1 {
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #e6e6e6;
}
main #side section {
	background-color: #f0eae0;
	margin-bottom: 1.25em;
	overflow: hidden;
}
main #side .menu {
	padding: 0 10px;
	line-height: 300%;
	text-align: center;
}
main #side .menu>li:not(:last-child) {
	border-bottom: 1px solid #b3b3b3;
}
main #side section>h2 {
	line-height: 3.125em;
	text-align: center;
	font-family: "Noto Sans JP";
	color: #c1272d;
	font-weight: bold;
}
main #side .privilege>dl {
	background-color: #fff;
	margin: 0 17px 1.25em;
	padding: 0.625em 0.3125em 0.5em;
}
main #side .privilege>dl>dt,
main #side .privilege>dl>dd>h3 {
	font-size: 13px;
	line-height: 160%;
	font-weight: bold;
}
main .privilege dl>dt {
	font-weight: bold;
	color: #c1272d;
}
main #side .privilege>dl>dd>h3 {
	margin-bottom: 0.5em;
}
main #side .privilege>dl>dt:not(:first-child) {
	margin-top: 1em;
}
main #side .privilege>dl>dd>.txt {
	line-height: 160%;
	font-size: 12px;
}
main #side .privilege>dl>.link {
	margin-top: 0.825em;
	margin-bottom: 0;
	font-size: 75%;
	text-align: center;
}
main #side .privilege>dl>.taxfree {
	color: #333;
}
main #side .privilege>dl>.link>a {
	color: #00f;
}










main .link {
	position: relative;
	margin-bottom: 0.625em;
}
main .link>a,
main #side .menu a {
	display: inline-block;
	position: relative;
}
main #side .menu a {
	padding: 0 18px;
	min-width: 80%;
	font-size: 16px;
	font-family: "Noto Sans JP";
}
main .link>a {
	padding: 0 22px 0 0;
}
main .link>a::after,
main #side .menu a::after {
	content: "▶";
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 10px;
	line-height: 1.0;
	transform: translateY(-50%);
}
main #contents>.contents_top {
	padding: 0;
}
main #contents>.contents_top+section {
	padding-top: 3.125em;
}
main #contents>.contents_top>.flex>.overview .flex {
	overflow: hidden;
}
main #contents>.contents_top>.flex>.overview .flex:first-of-type {
	margin-bottom: 32px;
}
main #contents>.contents_top>.flex h2,
main #contents>.contents_top>.flex h3 {
	padding: 0;
}
main #contents>.contents_top .flex:first-child>.infomation {
	flex-basis: 62%;
    width: 62%;
    float: left;
}
#top main #contents>.contents_top h2 {
	font-size: 100%;
	white-space: nowrap;
}
#top main #contents h2 {
	color: #333;
}
main .contents_top .flex>li>h2:first-child {
	margin-top: 1.25em;
}
main .contents_top .flex>li>h2:not(first-child) {
	margin-top: 0.625em;
}
main #contents>.contents_top .overview>.column3>li {
	width: calc(33.333% - 0.8333em);
	margin-bottom: 0;
}
main #contents>.contents_top .flex>.recommend {
	flex-basis: 38%;
    width: 38%;
    float: right;
}
main #contents>.contents_top li:not(.howto)>h2+.image {
	overflow: hidden;
	padding-bottom: 0;
}
main .contents_top .flex>.infomation .flex {
	background-color: #f7f8f8;
}
main .infomation .flex>* {
	padding: 0.625em 0;
	font-size: 87.5%;
	position: relative;
}
main .contents_top .flex:first-child>.infomation .flex>*:nth-child(6n-5),
main .contents_top .flex:first-child>.infomation .flex>*:nth-child(6n-4),
main .contents_top .flex:first-child>.infomation .flex>*:nth-child(6n-3),
main .contents_top .flex:not(:first-child)>.infomation .flex>*:nth-child(4n-3),
main .contents_top .flex:not(:first-child)>.infomation .flex>*:nth-child(4n-2) {
	background-color: #f7f8f8;
}
main .contents_top .flex:first-child>.infomation .flex>*:not(:nth-child(3n)),
main .contents_top .flex:not(:first-child)>.infomation .flex>dt {
	flex-basis: 6em;
	text-align: center;
}
main .contents_top .flex:first-child>.infomation .flex>*:nth-child(3n) {
	flex-basis: calc(100% - 12em);
	flex-basis: 1;
}
main .contents_top .flex:not(:first-child)>.infomation .flex>dt {
	padding: 0.625em;
	text-align: left;
}
main .contents_top .flex>.infomation .flex>dt.new::after {
	content: "new";
	color: #22ac38;
	display: block;
}
main .contents_top .flex:not(:first-child)>.infomation .flex>dd {
	flex-basis: calc(100% - 6em);
}
main .contents_top .flex:first-child>.infomation .flex>*:nth-child(3n),
main .contents_top .flex:not(:first-child)>.infomation .flex>dd {
	padding: 0.625em 1em;
}
main [class^="infomation"] .flex>dd::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.625em;
	bottom: 0.625em;
	border-left: 1px solid #595757;
}
main .new_picture h2 {
	text-align: center;
	line-height: 337.5%;
	border-left: 1px solid #dcdddd;
	background-color: #f0eae0;
	font-weight: bold;
}
main .new_picture ul {
   	border-right: 1px solid #dcdddd;
    padding-top: 2px;
}
@-moz-document url-prefix() {
    main .new_picture ul {
        padding-top: 0;
    }
}
@media all and (-ms-high-contrast:none){
    main .new_picture ul {
        padding-top: 0;
    }
}
main .new_picture ul>li {
   	/*border-right: 1px solid #dcdddd;*/
    border-bottom: 1px solid #dcdddd;
	clear: both;
}
main .new_picture ul>li>a {
	display: block;
	line-height: 149%;
	padding: 25px 1em;
	clear: both;
	overflow: hidden;
}
@-moz-document url-prefix() {
    main .new_picture ul>li>a {
        line-height: 144%;
    }
}
main .new_picture ul>li>a>.image {
	float: left;
	width: 5.25em;
	min-height: 5.25em;
	height: 100%;
}
main .new_picture ul>li>a>span:not(.image) {
	display: block;
	float: right;
	width: calc(100% - 5.25em);
	padding: 0 0 0 0.75em;
}
main .howto p.image {
	height: 58px;
}
main .howto p.image:last-child {
	padding-bottom: 0;
}
main #contents .list+.list {
	/*border-top: 1px solid #ccc;*/
	/*padding-top: 3.125em;*/
	padding-top: 30px;
}
#top main #contents .list+.list {
	border-top: 1px solid #ccc;
	/*padding-top: 3.125em;*/
	padding-top: 35px;
    margin-top: 15px;
}
main .list .overview {
	align-items: center;
	/*margin-bottom: 3.125em;*/
	margin-bottom: 35px;
    display: table;
}
main .list .overview>dt {
	min-width: 190px;
	white-space: nowrap;
	/*font-size: 110%;*/
	font-size: 20px;
    font-weight: bold;
}
#top main .list .overview>dt {
	min-width: 190px;
	white-space: nowrap;
	/*font-size: 110%;*/
	font-size: 16px;
    font-weight: bold;
}
main #under_contract.list .overview>dt {
	font-size: 20px;
}
/*main #contents>.list>*:not(.column6, .overview)>li {
	margin-bottom: 3.125em;
}*/
/* main .list li>a>span {
	display: block;
} */
main .list li>a>.image {
	height: 5.75em;
}
main .list li>a>.artist {
	margin-bottom: 0.75em;
	line-height: 1.2;
	/*font-weight: bold;*/
	font-family: "Noto Sans JP";
}
main .work-list .list li>a>.artist {
	margin-bottom: 0.75em;
	/*font-weight: bold;*/
	line-height: 1.8;
	font-family: "Noto Sans JP";
}
main .list .column3>li>a>.artist>small {
	display: inline-block;
	font-size: 67.5%;
	margin-left: 1em; 
}
main .list .column4>li>a {
	width: 100.03%;
	align-items: center;
	align-content: center;
}
main .list .column4>li>a>.image {
	width: 3.75em;
	height: 3.75em;
    float: left;
}
main .work-list .list .column4>li>a>.image {
	width: 3.75em;
	height: 3.75em;
	display: table-cell;
	vertical-align: middle;
	float: none;
	padding-bottom: 0;
}
main .artistDetail .list .column4>li>a>.image {
	width: auto;
	height: auto;
    float: left;
}
main .list .column4>li>a>.artist {
	width: 160px;
	padding: 0 0.625em;
	font-size: 75%;
	color: #333;
    display: inline-block;
}
main .work-list .list .column4>li>a>.artist {
	width: 160px;
	padding: 0 0.625em;
	font-size: 75%;
	color: #333;
    display: table-cell;
	vertical-align: middle;
}
main .list .column4>li>a>.artist>small {
	display: block;
	font-size: 83.33%;
}

main #contents .list .skin_color>li {
    background-color: #fff;
    position: relative;
    padding-bottom: 0;
}
main #contents .list .skin_color>li a {
    display: block;
    color: #333;
}
main #contents .list .flex.skin_color>li a>.images,
main #contents .list .flex.skin_color>li a>.image {
    margin: 0.625em;
    height: 9.375em;
    padding: 0;
    position: relative;
    display: table;
    width: calc(100% - 1.25em);
    box-sizing: border-box;
}
main #contents .list .flex.skin_color>li a>.images > span,
main #contents .list .flex.skin_color>li a>.image > span {
    display: table-cell;
    vertical-align: middle;
}
main #contents .list .flex.skin_color>li a>.images img,
main #contents .list .flex.skin_color>li a>.image img {
    width: auto !important;
	height: auto;
    max-height: 150px;
    max-width: 150px;
}
main #contents .list .flex.skin_color>li a>.images>.new,
main #contents .list .flex.skin_color>li a>.image>.new {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 75%;
    line-height: 166.667%;
    text-align: center;
    color: #8cc63f;
    text-shadow: 0 0 3px #fff, -1px -1px 2px #fff, 1px 1px 2px #fff, 1px -1px 2px #fff, -1px 1px 2px #fff;
}
main #contents .list .flex.skin_color>li a>.table>span>* {
    font-size: 75%;
    padding: 0.4666em 0.8333em;
}
main #contents .list .flex.skin_color>li a>.table>span:nth-child(2n-1) {
    background-color: #f2f2f2;
    padding: 0.625em;
}
main #contents .list .flex.skin_color>li a>.table>span>:nth-child(2n-1) {
    white-space: nowrap;
    width: 3em;
    text-align: center;
    font-weight: bold;
}
main #contents .list .flex.skin_color>li a .detail {
    position: absolute;
    font-size: 75%;
    line-height: 166.666%;
    right: 0.8333em;
    bottom: 0;
}
main .list .column6>li {
	font-size: 75%;
	border: 1px solid #c9caca;
	margin-bottom: 0.625em;
	position: relative;
}
main .list .column6>li>a {
    display: block;
	padding: 0.5em 1.5em 0.5em 0.5em;
	width: 100%;
    height: 100%;
}
main .list .column6>li>a>.artist>small {
	font-size: 83.33%;
	display: block;
}
main .list .column6>li>a::after {
    content: "▶";
    font-size: 10px;
    position: absolute;
    right: 7px;
    top: calc(50% - 0.75em);
	color: #796A55;
}
main #contents>.lineup>h2 {
	/*padding: 0 0 1.8em;*/
	font-size: 125%;
}
main #contents>.lineup>.artist_tab {
}
main #contents>.lineup>.artist_tab>li {
	border: solid #dcdddd;
}
main #contents>.lineup>.artist_tab>li {
	text-align: center;
	position: relative;
}
main #contents>.lineup>.artist_tab>li>a {
	display: block;
	width: 100%;
    height: 100%;
	/*padding: 0.625em 5px 1.25em;*/
	padding: 3px 5px 15px;
	color: #333;
    letter-spacing: -1.0px;
}
main #contents>.lineup>.artist_tab>li>a.current {
	background-color: #f2f2f2;
}
main #contents>.lineup>.artist_tab>li>a::after {
    content: "";
    position: absolute;
    bottom: 0.5em;
    left: calc(50% - 0.75em);
    border-top: 0.5em solid #333;
    border-left: 0.75em solid transparent;
    border-right: 0.75em solid transparent;
}
@media all and (-ms-high-contrast:none){
    main #contents>.lineup>.artist_tab>li>a::after {
        content: "";
        position: absolute;
        bottom: 0.65em;
        left: calc(50% - 0.75em);
        border-top: 0.5em solid #333;
        border-left: 0.75em solid transparent;
        border-right: 0.75em solid transparent;
    }
}
main>article #recruitment .flex>li {
	padding-bottom: 1.5em;
	background-color: #f7f8f8;
	position: relative;
    float: left;
    width: 31.8%;
}
main>article #recruitment .link {
	background-color: #fff;
	padding-bottom: 0.625em;
	white-space: nowrap;
}
main>article #recruitment .txt {
	padding: 1.25em 0.625em;
	overflow: hidden;
	font-size: 14px;
}
main>article #recruitment .txt+.link {
	position: absolute;
	padding: 0;
	right: 0.625em;
	bottom: 0;
}
main>article #recruitment .txt+.link>a {
	font-size: 0.75em;
	line-height: 2em;
	padding: 0.25em 2.5em 0.25em 2em;
}
main>article #recruitment .txt+.link>a::after {
	right: 15px;
	/*top: calc(50% - 1em);*/
}
main .fix_message .flex {
	align-content: center;
	align-items: center;
	padding: 11px 10px;
	border: 2px solid #ccc;
}
main .fix_message>* {
	background-color: #fff;
	padding: 1em 1em 0.5em;
}
main .fix_message .registrance>:first-child {
	width: 100%;
}
main .fix_message .title {
	font-weight: bold;
	line-height: 1.6;
	font-size: 14px;
	text-align: center;
}
main .fix_message .title span {
	color: #c1272d;
}
main .fix_message .title+.txt {
	margin-top: 0.5em;
	text-align: center;
}
main .fix_message .title .link {
	display: block;
	font-size: 75%;
	line-height: 100%;
	font-weight: normal;
	margin-top: 0.25em;
}
main .fix_message .title .link a:after {
	content: none;
}
main .fix_message .title .link>a {
	padding-right: 0.5em;
}
main .fix_message .txt {
	font-size: 75%;
	line-height: 133.333%;
}
main .fix_message .link {
	font-size: 75%;
	line-height: 133.333%;
	/*text-align: center;*/
	text-align: right;
	padding-top: 0.625em;
	margin-bottom: 0;
}
main .fix_message .link>a {
	color: #00f;
	padding: 0.325em 22px 0.325em 0;
}
main .fix_message .link>a::after {
	content: "▶";
	font-size: 1em;
	position: absolute;
	right: 0;
	top: 50%;
	font-size: 10px;
	line-height: 1.0;
	transform: translateY(-50%);
}
main .fix_message .registrance>:first-child .txt {
	font-size: 87.5%;
	line-height: 142.86%;
}
main .fix_message>.registrance {
	width: 43%;
	max-width: 400px;
	padding: 10px 13px;
    float: left;
}
main .fix_message>.registrance .image {
	/*max-height: 5em;*/
	width: 160px !important;
}
main .fix_message>.registrance .image.pcatalog {
	width: 160px !important;
	padding: 0 42px;
}
main .fix_message>.registrance ul.pc + ul.pc {
	margin-top: 10px;
}
main .fix_message>.promiss {
	width: 54%;
	max-width: 32.5em;
	text-align: center;
    float: right;
	padding: 10px 13px;
}
main .fix_message>.promiss>.inner {
	border: 2px solid #ccc;
}
main .fix_message>.promiss>.inner>h2 {
	color: #c1272d;
	font-size: 112.5%;
	margin-bottom: 0.3em;
	margin-top: 0.3em;
}
main .fix_message>.promiss>.inner>dl {
	display: inline-flex;
	text-align: left;
	flex-direction: column;
	margin: auto;
}
main .fix_message>.promiss>.inner>dl>dt {
	font-size: 14px;
	font-weight: bold;
	/*margin-bottom: 1em;*/
}
main .fix_message>.promiss>.inner>dl>dd {
	font-size: 12px;
	margin-bottom: 0.3em;
}
main .fix_message>.promiss>.inner>p.link {
	margin-right: 15px;
	padding: 0;
	margin-bottom: 0.625em;
}
main .linkbox {
	display: inline-block;
	line-height: 2.5em;
	white-space: nowrap;
	position: relative;
	color: #333;
	border: 0.05em solid #e8e8e8;
	text-align: center;
	background-color: #f7f7f7;
}
main .linkbox.art {
	background-color: #fff;
}
main .linkbox.skin_color {
	background-color: #f0eae0;
}
main .linkbox::hover {
	background-color: #f0eae0;
	border-width: 0;
}
main .linkbox.skin_color::hover {
	background-color: #f7f7f7;
}
main .linkbox.art:hover {
	background-color: #f7f7f7;
	border-width: 0;
}
main .linkbox>span {
	display: inline-block;
	position: relative;
	font-size: 105%;
	padding: 0 2.5em 0 1.5em;
	font-weight: bold;
    width: 100%;
}
main .pagelinkList .linkbox>span {
	width: auto;
}
main .linkbox.small {
	font-size: 66.667%;
}
main .linkbox.small>span {
	font-size: 110%;
}
main .linkbox>span::after {
    content: "▶";
    /*font-size: 1em;*/
    position: absolute;
    right: 16px;
    top: 0;
	font-size: 10px;
}
/*main .linkbox.email>span::before,*/
main .linkbox.email>span {
    /*content: url(../img/email.svg);*/
    /*content: "";*/
    background: url(/common/img/icon_contact.png) no-repeat 1px 15px;
    background-size: 16px 11px;
    /*width: 16px;
    height: 11px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;*/
}
main .links>*:not(:last-child) {
    margin-bottom: 1em;
}
main .preview .info1 {
    clear: both;
}
main .preview .info1 dt,
main .preview .info1 dd {
    margin-bottom: 10px;
}
main .preview .info1 + .info1 dt,
main .preview .info1 + .info1 dd {
    margin-bottom: 20px;
}
main .preview .info1>dt {
    color: #754c24;
    /*font-size: 87.5%;*/
    font-size: 15px;
    line-height: 2.0;
    float: left;
}
main .preview .info1>dt + dd {
    float: right;
    width: 200px;
    margin-left: 28px;
}
main .preview .info1>dt + dd a + a {
    display: none;
}
main .preview .info1>dt:not(:first-child) {
    margin-top: 1.4286em;
}
main #contents .artworks h3 {
    color: #333;
    font-weight: normal;
    padding: 0;
}
main #contents .artworks .info1>dd>h2,
main #contents .artworks .info1>dd>h3 {
    color: #333;
    font-size: 100%;
    font-weight: normal;
    padding: 0;
}
main .artworks .preview .info2 {
    border: solid #e8e8e8;
    border-width: 0 0.0625em 0.0625em 0;
    margin: 1.25em 0;
}
main .artworks .preview .info2>* {
    border: solid #e8e8e8;
    border-width: 0.0625em 0 0 0.0625em;
    padding: 0.7143em;
    font-size: 87.5%;
}
main .artworks.list .flex>li>a {
    display: block;
    height: 100%;
    font-size: 75%;
    color: #333;
    padding: 0.8333em;
    background-color: #fff;
    overflow: hidden;
}
main .artworks.list .flex>li span:not(.image) {
    display: block;
    text-align: center;
	font-size: 75%;
}
main .artworks.list .flex>li span.artist {
	font-weight: bold;
}
main .artworks.list .flex>li>a>.image {
    height: 9.16666em;
    overflow: hidden;
    padding: 0;
}
main #contents  .artworks.list+.list {
    border-width: 0;
    padding-top: 0;
}






main ol.spot {
    counter-reset:spot;
}
main ol.spot>li {
    counter-increment:spot;
}
main #contents ol.spot>li h4 {
    position: relative;
    padding-left: 2.675em;
    line-height: 200%;
}
main ol.spot>li h4:before {
    content:counter(spot);
    position: absolute;
    left: 0;
    top: 0;
    width: 2em;
    height: 2em;
    background-color: #f7931e;
    color: #fff;
    text-align: center;
}
main ol.spot>li>.flex {
    margin-bottom: 0.625em;
}
main ol.spot>li>.flex>dt {
    flex-basis: 6.875em;
}
main ol.spot>li>.flex>dd {
    flex-basis: calc(100% - 7.5em);
}
main ol.spot>li>.flex>dd>.txt>a {
    width: 100%;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
main ol.spot>li>.flex>.txt {
    width: 100%;
    overflow: hidden;
}

main .step>li {
    position: relative;
    margin-bottom: 2.5em;
}
main .step>li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: calc(50% - 4em);
    bottom: -1.25em;
    width: 0;
    height: 0;
    border-top: 1.25em solid #808080;
    border-left: 4em solid transparent;
    border-right: 4em solid transparent;
}
main ol.step {
    counter-reset:step;
}
main ol.step>li {
    counter-increment:step;
}
main #contents ol.step>li h4 {
    position: relative;
    padding-left: 7.875em;
    line-height: 200%;
}
main ol.step>li h4::before {
    content: "Step "counter(step);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
    width: 7.25em;
    height: 2em;
    background-color: #006934;
    color: #fff;
    text-align: center;
}

main #contents form {
    border: 0.05em solid #e6e6e6;
    padding: 1.5em;
	margin-bottom: 1.5em;
}
main #contents form>.flex {
    font-size: 87.5%;
}
main #contents form>.flex>* {
    margin-bottom: 1.875em;
}
main #contents form>.flex>dd>.red {
    display: block;
}
main #contents form>.flex>dd>.small {
    display: block;
}
main #contents form>.flex>dd>.flex {
    justify-content: flex-start;
}
main #contents form>.flex>dd>.flex>li {
    width: 11em;
    min-height: 3em;
    vertical-align: top;
}
main #contents form>.flex>dd label {
    display: inline-block;
    white-space: nowrap;
}
main #contents form>.flex>dd label>span {
    min-width: 2.625em;
}
main #contents form textarea,
main #contents form input[type="text"] ,
main #contents form input[type="email"] {
    font-size: 114.288%;
    border: 0.0625em solid #ccc;
}
main #contents form textarea {
    width: 100%;
    height: 10.5em;
    line-height: 150%;
}
main #contents form input[type="text"],
main #contents form input[type="email"] {
    min-width: 10em;
    height: 2.25em;
    line-height: 2.25em;
}
main #contents form>.flex>dd label input[type="text"] {
    margin-right: 1em;
}
main #contents form>.flex>dd label>:first-child {
    float: left;
}
main #contents form>.flex>dd label>span:last-child {
    width: calc(100% - 1.5em);
    display: inline-block;
}
main #contents small {
    display: block;
    font-size: 77.77%;
}
main #contents form small {
    display: block;
    width: 100%;
    clear: both;
}
main #contents form span.wpcf7-not-valid-tip {
    display: inline-block;
    clear: both;
    float: left;
    width: 100%;
}
main #contents .column3 .artist small {
    display: inline-block;
}
main #contents form .asterisk {
    font-size: 62.5%;
}
main #contents form .submit {
    text-align: center;
    margin: 2.5em 0 0;
}
main #contents form .submit>span {
    font-size: 87.5%;
    display: block;
    margin-bottom: 0;
}
main #contents form .submit>input[type="submit"] {
    display: block;
    background-color: #e6e6e6;
    width: 14.285em;
    height: 2.857em;
    padding: 0.75em 0;
    font-size: 87.5%;
    line-height: 100%;
    text-align: center;
    margin: auto;
    border: 0.0625em solid #b3b3b3;
}

main #contents .artist_history {
	padding-bottom: 1.875em;
}

main #contents .artist_history h2 {
    /*color: #c1272d;*/
    /*color: #800000;
    font-size: 150%;*/
}
main #contents .artist_history h2+.life {
    margin-top: -1.25em;
}
main #contents .artist_history .life {
    font-weight: bold;
}
main #contents .artist_history h3 {
    color: #006837;
    font-size: 125%;
}
main #contents .artist_history>.flex>*:last-child {
    position: relative;
    padding-bottom: 20px;
}
main #contents .artist_history>.flex>*:last-child {
    position: relative;
    padding-bottom: 1.875em;
}
main #contents .artist_history>.flex>*:last-child>.detail {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
}
main .list .image>.txt {
    text-align: center;
}
main #contents .artist_history .history {
    border: solid #e8e8e8;
    border-width: 0.05em 0;
}
main #contents .artist_history .history>* {
    padding: 0.357em 0.714em;
    font-size: 83.333%;
}
main #contents .artist_history .history>:nth-child(4n-2),
main #contents .artist_history .history>:nth-child(4n-3) {
    background-color: #f7f7f7;
}
main #contents .artist_history .col2 h3 {
	width: calc(25% - 0.94em);
	float: left;
}
main #contents .artist_history .col2 div {
	float: right;
	width: 75%;
}

.linetitle::before,
.linetitle::after {
    content: "";
    display: inline-block;
    height: 0.45em;
    margin: 0 0.625em;
}
h2.linetitle::before,
h2.linetitle::after {
    border-top: 0.125em solid #008000;
}
h3.linetitle::before,
h3.linetitle::after {
    border-top: 0.125em solid #800000;
}
main #contents .tel {
	white-space: nowrap;
}
main #contents .tel.big {
	font-size: 22px !important;
}
main #contents .tel>img {
	width: 1em;
	height: auto;
	display: inline-block;
}
main ol.clist {
    counter-reset: clist;
}
main ol.clist>li {
    counter-increment: clist;
    padding-left: 1.6em;
    position: relative;
}
main ol.clist>li::before {
    content: counter(clist);
    /*border: 0.0625em solid #808080;*/
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    height: 1.5em;
    width: 1.5em;
    font-size: 100%;
    line-height: 1.5em;
    border-radius: 50%;
    text-align: center;
}
main .sell #step4 .wbox {
    /*display: flex;*/
    flex-direction: column;
    justify-content: space-between;
    align-content: space-between;
}
main .sell .flex.column4>li>a {
    color: #333;
}




/* 「/sell/」専用 */
main .steplist {
    counter-reset: steplist;
}
main .steplist .steplist01 {
	margin-left: 30px;
}
main .steplist .steplist02 {
	margin-right: 30px;
}
main .steplist>ol.flex.column5>li {
    counter-increment: steplist;
    border: 0.0625em solid #e8e8e8;
    position: relative;
}
main .steplist>ol.flex.column5>li::before,
main .steplist>ol.flex.column5>li::after {
    content: "";
    position: absolute;
}
main .steplist>ol.flex.column5>li>a {
    /*display: flex;*/
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    padding: 2.5em 1.25em 1.25em;
    color: #333;
    display: block;
    font-size: 14px;
    text-align: center;
}
main .steplist>ol.flex.column5>li>a::before {
    content: "Step "counter(steplist);
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2em;
    background-color: #006934;
    color: #fff;
    text-align: center;
}
main .sell .flex.column3.topline>.flexgrow1>dl>dt {
    font-weight: bold;
}
main .sell .flex.column3.topline>.flexgrow1>dl>dt:not(:first-child) {
    margin-top: 1.75em;
}


/* 各種サービス */
main .indexbox>li  {
	border: 0.0625em solid #e8e8e8;
	/*display: flex;*/
	flex-direction: column;
	justify-content: space-between;
	align-content: space-between;
}
main #contents .indexbox h2 {
	background-color: #e5f0eb;
	font-weight: normal;
	color: #333;
	font-size: 100%;
	line-height: 100%;
	padding: 1em;
	text-align: center;
}
main .indexbox .txt {
	padding: 1.25em;
}
main .indexbox .txt~.txt {
	padding-top: 0;
}
main dl.arrowlist {
    counter-reset: arrowlist;
}
main dl.arrowlist>* {
    padding-left: 2em;
    position: relative;
}
main dl.arrowlist>dt {
    counter-increment: arrowlist;
    font-weight: bold;
}
main dl.arrowlist>*::before {
    content: "⇒";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
main dl.arrowlist>dt::before {
    content: counter(arrowlist)") ";
}
main dl.arrowlist.arrnone dd {
    padding-left: 0;
}
main dl.arrowlist.arrnone dd::before {
    display: none;
}
main ol.bracketlist {
    counter-reset: bracketlist;
}
main ol.bracketlist>li {
    counter-increment: bracketlist;
    padding-left: 2em;
    position: relative;
}
main ol.bracketlist>*::before {
    content: "("counter(bracketlist)")";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}
main dl.dllist {
    counter-reset: dtlist;
}
main dl.dllist>* {
    padding-left: 1.5em;
    position: relative;
}
main dl.dllist>dt {
    counter-increment: dllist;
    font-weight: bold;
}
main dl.dllist>dt::before {
    content: counter(dllist)".";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

/* column column-list */
main .artcolumn>.flex>li>a {
    width: 100%;
    display: inline-flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    border: 1px solid #e6e6e6;
    margin-bottom: 0.625em;
    overflow: hidden;
}
main .artcolumn>.flex>li>a:hover {
    text-decoration: none;
    background-color: #f0eae0;
    border-width: none;
}
main .artcolumn>.flex>li>a>* {
    color: #333;
}
main .artcolumn>.flex>li>a>.txt {
    font-size: 100%;
    line-height: 166.666%;
    margin: 0;
}
main .artcolumn>.flex>li>a>.image {
    overflow: hidden;
    min-height: 7.75em;
    height: 100%;
    padding: 0;
}
main .artcolumn>.flex>li>a>.image>* {
    max-height: 7.75em;
}
main .artcolumn>.flex.bloglist>li>a>.image>* {
    max-height: 7.75em;
    overflow: hidden;
    height: auto !important;
}
main .infomation1 .flex,
main .infomation2 .flex {
    background-color: #fff;
}
main .infomation1 .flex>*:nth-child(6n-5),
main .infomation1 .flex>*:nth-child(6n-4),
main .infomation1 .flex>*:nth-child(6n-3),
main .infomation2 .flex>*:nth-child(4n-3),
main .infomation2 .flex>*:nth-child(4n-2) {
    background-color: #f7f8f8;
}
main .infomation1 .flex>dt.new::after,
main .infomation2 .flex>dt.new::after {
    content: "new";
    color: #22ac38;
    display: block;
}
main .infomation1 .flex>dd>a,
main .infomation2 .flex>dd>a {
    color: #333;
}
main .infomation1 .flex>dd,
main .infomation2 .flex>dd {
    padding: 0.625em 1em;
    position: relative;
}
main #contents .artcolumn.list .flex.skin_color>li {
    background-color: #fff;
    height: auto;
    margin-bottom: 1.25em;
    padding: 0;
    overflow-x: hidden;
}
main #contents .artcolumn.list .flex.skin_color>li>a {
    color: #333;
    height: 100%;
    padding: 0 0 0.625em;
    margin: 0;
    border-width: 0;
}
main #contents .artcolumn.list .flex.skin_color>li a>.image {
    margin: 0;
    height: 12.5em;
}
/*main #contents .artcolumn.list .flex.skin_color>li a>.image>* {
    min-height: 12.5em;
}*/
main #contents .artcolumn.list .flex.skin_color>li a>.txt {
    padding: 1.25em 1.25em 0.625em;
    display: block;
}
main #contents .artcolumn.list .flex.skin_color>li a>.txt+.txt {
    padding-top: 0;
}
main #contents .list .bloglist.flex.skin_color>li a>.image img {
	max-height: 190px;
}

/* knowledge */
main .flex.knowledgelist>li {
    border: 0.0625em solid #e8e8e8;
    background-color: #f7f7f7;
}
main .flex.knowledgelist>li span {
    display: block;
}
main .flex.knowledgelist>li span.txt {
	padding-bottom: 0;
	font-size: 14px;
	margin-top: 7px;
}

main .flex.knowledgelist>li a:hover,
main #contents .flex.knowledgelist>li a:hover>span {
    color: #fff;
}
main .flex.knowledgelist>li a {
    padding: 10px 15px;
    display: block;
    height: 100%;
    color: #333;
}
main .flex.knowledgelist>li a:hover {
    background-color: #8c6239;
    text-decoration: none;
}
main #contents .flex.knowledgelist>li .h3 {
    padding-bottom: 0;
}
main .knowledge .flex[class*="column"]>* {
	overflow-x: hidden;
}

/* room */
main #contents .room .flex.column3>li {
    background-color: #fff;
    padding-bottom: 0;
}
main .room .flex.column3>li>a {
    display: block;
    height: 100%;
    padding: 0.625em;
    color: #333;
}
main .room .flex.column3>li>a:hover {
    background-color: #8c6239;
    text-decoration: none;
}
main .room .flex.column3>li>a:hover,
main .room .flex.column3>li>a:hover span {
    color: #fff;
}
main .room .flex.column3>li>a span {
    display: block;
    padding-bottom: 0.625em;
}
main .room .flex.column3>li>a .title {
    color: #8c6239;
    text-align: center;
    padding-top: 0.625em;
    border-top: 0.0625em solid #e8e8e8;
    margin-top: 0.625em;
}
main .room .flex.column3>li>a .title+.txt {
    font-size: 87.5%;
    text-align: center;
}
main .room .flex.column3>li>a .txt {
    font-size: 75%;
}
main .room .flex.column3>li>a span:last-child {
    padding-bottom: 0;
}
#iframe {
    position: fixed;
    margin: auto;
    /*width: 80%;
    height: 80%;*/
    left: 10%;
    right:  10%;
    bottom:  10%;
    top: 10%;
    -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    z-index: 1002;
    display: none;
    background: #FFF;
}
#iframe *:focus {
    outline: none;
}
#iframe .close {
    background-color: #e6e6e6;
    width: 2.25em;
    height: 2.25em;
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer;
    position: absolute;
    top: 0.625em;
    right: 0.625em;
    opacity: 1;
    font-size: 100%;
}
#iframe .close::before,
#iframe .close::after {
    content: "";
    display: block;
    width: 0.125em;
    height: 1em;
    background-color: #808080;
    position: absolute;
    left: calc(50% - 0.0625em);
    top: calc(50% - 0.5em);
}
#iframe .close::before {
    transform: rotate(45deg);
}
#iframe .close::after {
    transform: rotate(-45deg);
}
#iframe_overlay {
    position: fixed;
    z-index: 1001;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
#iframe_container {
	height: 100%;
}
#iframe_container iframe {
	height: 100%;
	min-height: 28.25em;
	width: 100%;
    border: none;
    overflow: auto;
    background-color: #fff;
    display: block;
    margin: auto;
}

/* stuff */
main .flex[class*="recruit"] {
    justify-content: flex-start;
}
main .flex[class*="recruit"]>dt {
    flex-basis: 13.75em;
}
main .flex[class*="recruit"]>dd {
    flex-basis: calc(100% - 16.25em);
}
main .flex.recruit1 {
    border-bottom: 0.0625em solid #e6e6e6;
}
main .flex.recruit1>* {
    padding: 1.875em 0;
    border-top: 0.0625em solid #e6e6e6;
}
main .flex.recruit2>* {
    padding: 0.625em 0;
}
main .flex.recruit1>dt {
    font-weight: bold;
}




@media screen and (min-width: 769px),print {
    .mt1pc {
        margin-top: 1em;
    }
	a[href^="tel:"] {
		cursor: default;
		color: #333;
	}
	a[href^="tel:"]:hover {
		text-decoration: none;
	}
	.sp {
		display: none;
	}
	.fl {
		float: left;
		margin-right: 1.25em;
	}
	.fr {
		float: right;
		margin-left: 1.25em;
	}
	.w50 {
		width: 3.125em;
	}
	.w100 {
		width: 6.25em;
	}
	.w150 {
		width: 9.375em;
	}
	.w200 {
		width: 12.5em;
	}
	.w250 {
		width: 15.625em;
	}
	.w300 {
		width: 18.75em;
	}
	.w350 {
		width: 21.875em;
	}
	.w400 {
		width: 25em;
	}
	.w450 {
		width: 28.125em;
	}
	.w500 {
		width: 31.25em;
	}
	.w550 {
		width: 34.375em;
	}
	.w600 {
		width: 37.5em;
	}
	.w650 {
		width: 40.625em;
	}
	.w700 {
		width: 43.75em;
	}
	.w750 {
		width: 47.875em;
	}
	.w800 {
		width: 50em;
	}
	.h50 {
		height: 3.125em;
	}
	.h100 {
		height: 6.25em;
	}
	/*.h150 {
		height: 9.375em;
	}*/
	.h150 img {
		height: 9.375em;
        width: auto;
	}
	/*.h200 {
		height: 12.5em;
	}*/
	.h250 {
		height: 15.625em;
	}
	.h300 {
		height: 18.75em;
	}
	.h350 {
		height: 21.875em;
	}
	.h400 {
		height: 25em;
	}
	.h450 {
		height: 28.125em;
	}
	.h500 {
		height: 31.25em;
	}
	.h550 {
		height: 34.375em;
	}
	.h600 {
		height: 37.5em;
	}
	.mr10 {
		margin-right: 0.625em;
	}
	.mr20 {
		margin-right: 1.25em;
	}
	.mr30 {
		margin-right: 1.875em;
	}
	.mr40 {
		margin-right: 2.5em;
	}
	.mr50 {
		margin-right: 3.125em;
	}
	.mr60 {
		margin-right: 3.75em;
	}
	.mr70 {
		margin-right: 4.375em;
	}
	.mr80 {
		margin-right: 5em;
	}
	.mr90 {
		margin-right: 5.625em;
	}
	.mr100 {
		margin-right: 6.25em;
	}
	.ml10 {
		margin-left: 0.625em;
	}
	.ml20 {
		margin-left: 1.25em;
	}
	.ml30 {
		margin-left: 1.875em;
	}
	.ml40 {
		margin-left: 2.5em;
	}
	.ml50 {
		margin-left: 3.125em;
	}
	.ml60 {
		margin-left: 3.75em;
	}
	.ml70 {
		margin-left: 4.375em;
	}
	.ml80 {
		margin-left: 5em;
	}
	.ml90 {
		margin-left: 5.625em;
	}
	.ml100 {
		margin-left: 6.25em;
	}
	.flexpadding10>* {
		padding-bottom: 0.625em;
	}
	.flexpadding20>* {
		padding-bottom: 1.25em;
	}
	.flexpadding30>* {
		padding-bottom: 1.875em;
	}
	.flexpadding40>* {
		padding-bottom: 2.5em;
	}
	.flexpadding50>* {
		padding-bottom: 3.125em;
	}
	.flexpadding60>* {
		padding-bottom: 3.75em;
	}
	.flexpadding70>* {
		padding-bottom: 4.375em;
	}
	.flexpadding80>* {
		padding-bottom: 5em;
	}
	.flexpadding90>* {
		padding-bottom: 5.625em;
	}
	.flexpadding100>* {
		padding-bottom: 6.25em;
	}
	.pd10 {
		padding: 0.625em;
	}
	.pd20 {
		padding: 1.25em;
	}
	.pd30 {
		padding: 1.875em;
	}
	.pd40 {
		padding: 2.5em;
	}
	.pd50 {
		padding: 3.125em;
	}
	.pd60 {
		padding: 3.75em;
	}
	.pd70 {
		padding: 4.375em;
	}
	.pd80 {
		padding: 5em;
	}
	.pd90 {
		padding: 5.625em;
	}
	.pd100 {
		padding: 6.25em;
	}
	/*.flexgrow1:nth-child(2n-1) {
		padding-right: 1.25em;
	}
	.flexgrow1:nth-child(2n) {
		padding-left: 1.25em;
	}*/

	/*header:not(.en) {
	    height: 45px;
	}*/
	header.en>article {
		justify-content: flex-end;
		align-items: flex-end;
	}
	header .logo {
		height: 100%;
		width: 200px;
        float: left;
	}
	header .search>img {
		margin: 0.5em;
		height: calc(100% - 1em);
	}
	header #global_nav>ul.flex>li:not(:last-child)::after {
		content: "";
		position: absolute;
		display: block;
		width: 1px;
		right: 0;
		top: 0.625em;
		bottom: 0.3275em;
		border-right: 0.05em solid #585757;
	}
	header #searchform,
	header #searchform-change {
		width: 28.5em;
		top: 45px;
		right: 0;
	}
	header.en #searchform,
	header.en #searchform-change {
		top: 90px;
	}
	header #searchform #keywords1,
	header #searchform-change #keywords1 {
	    width: 22.5em;
	}
	header #global_nav {
		flex-direction: column;
		width: calc(100% - 200px);
		flex-wrap: nowrap;
		position: relative;
        float: right;
	}
	header.en #global_nav {
		margin: 0;
	}
	header #global_nav>div.flex strong {
		font-size: 116.67%;
		font-weight: normal;
		margin-left: 3em;
	}
	header #global_nav>ul.flex>li {
		width: 16.666%;
		height: 45px;
		line-height: 45px;
		position: relative;
		flex-shrink: 2;
	}
	header .submenu.open>ul {
		width: 100%;
		background-color: #f2f2f2;
		text-align: left;
		position: absolute;
        z-index: 1000;
	}
	header .submenu.open:not(:last-child)>ul {
		left: 0;
	}
	header .submenu.open:last-child>ul {
		right: 0;
	}
	header .submenu.open>ul>li>a {
		white-space: nowrap;
	}
	header .submenu.open>ul>li>a::after {
		content: " ▶";
		font-size: 10px;
		margin-left: 5px;
	}

	footer article>ul.flex {
		border-bottom: 1px solid #fff;
		margin-bottom: 1.25em;
	}
	footer article>ul.flex>li {
		width: 20%;
		font-size: 75%;
		line-height: 166.67%;
		margin-bottom: 1.25em;
        float: left;
	}
	footer .footer2 {
		position: relative;
	}
	footer .footer2 .sns {
		position: absolute;
		top: 0;
		right: 0; 
	}
	.sns>li {
		margin-left: 0.625em;
	}

/*	main {
		margin-top: 90px;
	}*/
	main>article>#branding+#contents {
		padding-top: 3.125em;
	}
	main #contents>section {
		padding: 0 0 1.875em;
	}
	main #contents>section.categoryBtn {
		padding: 0 0 1.875em;
	}
	main #contents>section.categoryList {
		padding: 0 0 1.875em;
	}
	main #contents>section#recruitment {
		padding: 0 0 1.875em;
	}
	main.main_en #contents>section {
		padding: 0 0 1.875em;
	}

	main .flex[class*="column"]>* {
		/*margin: 0 1.25em 1.25em 0;*/
	}
	main .flex.column2>*:nth-child(2n),
	main .flex.column3>*:nth-child(3n),
	main .flex.column4>*:nth-child(4n),
	main .flex.column5>*:nth-child(5n),
	main .flex.column6>*:nth-child(5n),
	main .artistDetail .flex.column2:nth-child(2n) {
		margin-right: 0 !important;
	}
	main .flex.column2>* {
		width: calc(50% - 0.64em);
	}
	main .flex.column2.large>* {
		width: calc(50% - 34px);
	}
    main .flex.column2 > li,
    main .flex.column2 > dl,
    main .flex.column2 > p,
    main .flex.column2 > div {
        float: left;
	}
    main .flex.column2 > li:nth-child(odd) {
        margin-right: 1.24em;
        margin-bottom: 1.24em;
	}
    main .flex.column2.large > li:nth-child(odd) {
        margin-right: 68px;
        margin-bottom: 68px;
	}
    main .flex.column2 > div + p {
		width: calc(50% - 0.64em);
        float: right;
	}
    main .flex.column2 > dl + dl,
    main .flex.column2 > p + p,
    main .flex.column2 > div + div {
        float: right;
	}
    main .artistDetail .flex.column2,
	main .flex.column5>* {
        float: left;
		margin: 0 1.25em 1.25em 0;
 	}
	main .artistDetail td.flex.column2 {
		margin-bottom: 0;
	}

    main .artistDetail td .flex.column2 {
		float: right;
	}
	main .flex.column3>* {
		/*flex-basis: calc(33.3% - 0.84em);*/
        float: left;
        width: 32%;
        margin-right: 1.33%;
        margin-bottom: 20px;
	}
	main #under_contract .flex.column3>* {
        float: left;
        width: 28.5%;
        margin-right: 7.25%;
	}
	main .flex.column3.large>* {
        float: left;
        width: 30%;
        margin-right: 5%;
        margin-bottom: 20px;
	}
    .kakusyumargin li {
        margin-right: 2.3% !important;
    }
    .indexrei3 li {
        margin-right: 2.6% !important;
    }
    .kakusyumargin li:last-child,
    .indexrei3 li:last-child {
        margin-right: 0 !important;
    }
	
	main .artistDetail .flex.column3 .txt.flexgrow1 {
		width: 65.78%;
		float: left;
	}
	main .artistDetail .flex.column3 .txt.tar {
		width: 32.89%;
		margin-right: 0 !important;
	}

	main .artistDetail .flex.column3>* {
		width: calc(33.3% - 0.84em);
	}

	main .flex.column4>* {
		/*flex-basis: calc(25% - 0.94em);*/
        width: 25%;
        float: left;
        margin-bottom: 15px;
	}
	main .sell .flex.column4>* {
		/*flex-basis: calc(25% - 0.94em);*/
        width: 25%;
        float: left;
        margin-bottom: 10px;
		font-size: 14px;
	}
	main .artistDetail .flex.column4>* {
		width: calc(25% - 0.94em);
		margin: 0 1.25em 1.25em 0;
	}
	main .artistDetail .flex.column4>*:nth-child(4n) {
		margin-right: 0;
	}
	main .flex.column5>* {
		/*flex-basis: calc(20% - 1em);*/
		width: calc(20% - 1em);
	}
	main .flex.column6>* {
		/*margin: 0 0.6em 0.625em 0;*/
		/*flex-basis: calc(16.666% - 0.5em);*/
        /*width: 16%;*/
        margin: 0 1.2% 0.625em 0;
        width: 19%;
        float: left;
	}
    main .flex.column6>*:nth-child(5n) {
        margin-right: 0;
	}
	main .flex>.image {
	    padding: 0;
	}
	main #contents>.contents_top>.flex>.overview {
		flex-basis: 81%;
		padding: 0 1.875em 18px;
        width: 81%;
        float: left;
	}
	main #contents>.contents_top .flex>.recommend {
		max-width: 19.375em;
	}
	main .contents_top .flex:first-child>.infomation  {
		padding: 0 1.875em 0 0;
	}
	main .new_picture {
		width: 19%;
		max-width: 200px;
        float: right;
        border-bottom: 1px solid #dcdddd;
	}
	main #contents .flex>h2~* {
		padding-top: 1.5em;
	}
	main #contents>.contents_top li:not(.howto)>h2+.image {
		height: 100%;
	}
	main .new_picture ul>li>a {
		font-size: 75%;
	}
	main .new_picture ul>li:last-child {
		border-bottom-width: 0;
	}
	/*main .list .overview>dt::after {
		content: "";
		position: absolute;
		right: 0;
		height: 2em;
        top: 50%;
        margin-top: -1em;
		border-right: 1px solid #595757;
        display: inline-block;
	}*/
@media all and (-ms-high-contrast:none){
	main .list .overview>dt::after {
        display: none;
	}
/*    main .list .overview>dt {
        background: url(/wp-content/uploads/2018/08/index_border.jpg) no-repeat right center;
	}*/
}
    
	main .list .overview>dt {
		/* padding-right: 1.875em; */
		position: relative;
		/*float: left;*/
		display: table-cell;
		vertical-align: middle;
		/* background: url(/wp-content/uploads/2018/08/index_border.jpg) no-repeat right center; */
		text-align: left;
		width: 100%;
	}
	main .list .overview>dd {
		padding-left: 0.75em;
        /*float: right;*/
        width: 75%;
        display: table-cell;
	}
	main .linkbox {
		/*min-width: 12.5em;*/
        display: block;
	}
	main .artistDetail .linkbox {
		min-width: 12.5em;
        display: inline-block;
	}
	
	/*main #contents>.lineup:first-child {
		margin-bottom: 1.875em;
	}*/
	main #contents>.lineup>.artist_tab {
		/*border-width: 1px;*/
	}
	main #contents>.lineup>.artist_tab>li {
		/*border-width: 0 1px 0 0;*/
        border: 1px solid #dcdddd;
	}
	main #contents.work-list>.lineup>.artist_tab>li {
		/*border-width: 0 1px 0 0;*/
        border: 1px solid #dcdddd;
		background: #F8F8F8;
	}
	main #contents>.lineup>.artist_tab>li + li {
        border-left: none;
	}
	main #contents>.lineup>.artist_tab>li:last-child {
		/*border-width: 0;*/
	}
	main #contents.knowledgedetail>.lineup>.artist_tab>li {
		/*border-width: 0 1px 0 0;*/
        border: 1px solid #dcdddd;
		border-right: none;
		width: 20%;
		margin-bottom: 3px;
	}
	main #contents.knowledgedetail>.lineup>.artist_tab>li:nth-of-type(5n) {
        border-right: 1px solid #dcdddd;
	}
	main #contents.knowledgedetail>.lineup>.artist_tab>li:last-child {
        border-right: 1px solid #dcdddd;
	}
	main #aboutus .flex>.txt {
		flex-basis: calc(100% - 20.625em);
	}
	main #aboutus .flex>.image {
		flex-basis: 18.125em;
	}
	main>article>#side {
		margin-top: 1.25em;
		float: left;
	}
	main#workdetail>article>#side {
		margin-top: 0;
		float: left;
	}
	main>article>#side+#contents {
		width: calc(100% - 15em);
		margin-top: 1.25em;
		float: right;
	}
	main#workdetail>article>#side+#contents {
		width: calc(100% - 15em);
		margin-top: 0;
		float: right;
	}
	main #branding>h1 {
		flex-basis: calc(100% - 12.5em);
		flex-grow: 2;
	}
	main #branding>h1>.title {
		/*font-size: 200%;
		left: 1.25em;
		top: calc(50% - 0.325em);*/
		letter-spacing: 0.1em;
        position: static;
        font-size: 30px;
        display: table-cell;
        vertical-align: middle;
        line-height: 1.4;
        padding-left: 33px;
        padding-right: 15px;
	}
	main #branding.kaitori>h1>.title {
		padding-top: 167px;
	}
	main #branding>h1>.title b {
        display: block;
        font-size: 18px;
	}
	main #branding>h1>.title.titlew {
		top: calc(50% - 32px);
	}
	main .picup1>.wbox {
		max-width: 166px;
		padding: 0.5em 0.5em 1.25em;
	}
	main #branding .picup1>.wbox,
	main .catalog .picup1>.wbox {
		width: 166px;
		padding: 0.5em;
		height: 146px;
	}
	main .picup2 {
		max-width: 12.5em;
	}
	main .fix_message {
		padding: 1.875em 2.7em;
	}
	main .fix_message>.promiss>.inner>dl {
		width: 66%;
	}
	main .fix_message>.promiss>.inner>dl>dt {
		white-space: nowrap;
	}
	main .fix_message>.promiss>.inner>dl>dd {
		padding: 0 0 0 3em;
	}
	main .fix_message>.promiss>.inner>dl>dd>span {
		white-space: nowrap;
		display: inline-block;
	}

	main ol.spot>li>.flex>dd>.txt>a {
	    max-width: 15em;
	}

	.linetitle::before,
	.linetitle::after {
	    width: 20%;
	}


	main #contents form>.flex>dt {
	    flex-basis: 16em;
        float: left;
        font-weight: bold;
	}
    main #contents form>.flex>dt small {
        font-weight: normal;
	}
	main #contents form>.flex>dd {
	    width: calc(100% - 17.25em);
        float: right;
	}
	main #contents form .questionnaire .flex dt {
		float: left;
		margin-right: 15px;
	}
	main #contents form .questionnaire .flex dt,
	main #contents form .questionnaire .flex dd {
		font-size: 15px;
	}
	main #contents form .questionnaire .flex dd .wpcf7-checkbox .wpcf7-list-item,
	main #contents form .questionnaire .flex dd .mwform-checkbox-field.horizontal-item {
		width: auto !important;
	}


	main .preview>.slider-pro {
	    overflow: hidden;
		float: left;
	}
    .newlydataBox,
	main .preview>.slider-pro+* {
	    width: calc(100% - 33em);
		float: right;
	}




	/* 「/sell/」専用 */
	main .steplist>ol.flex.column5>li {
	    /*flex-basis: calc(20% - 2em);*/
        width: 151px;
        float: left;
	}
	main .steplist>ol.flex.column5>li:not(:last-child)::before {
	    top: calc(50% - 0.5em);
	    right: -1.75em;
	    width: 1.25em;
	    height: 1em;
	    background-color: #808080;
	}
	main .steplist>ol.flex.column5>li:not(:last-child)::after {
	    top: calc(50% - 1em);
	    right: -2.5em;
	    width: 0;
	    height: 0;
	    border-left: 1em solid #808080;
	    border-top: 1em solid transparent;
	    border-bottom: 1em solid transparent;
	}
	main .steplist>ol.flex.column5:not(:last-child)>li:last-child::before {
	    left: calc(50% - 0.5em);
	    bottom: -1.75em;
	    height: 1.25em;
	    width: 1em;
	    background-color: #808080;
	}
	main .steplist>ol.flex.column5:not(:last-child)>li:last-child::after {
	    left: calc(50% - 1em);
	    bottom: -2.5em;
	    width: 0;
	    height: 0;
	    border-top: 1em solid #808080;
	    border-left: 1em solid transparent;
	    border-right: 1em solid transparent;
	}
	main .steplist>ol.flex.column5>li {
	    margin: 0  2.5em 2.5em 0;
        background: #F2F2F2;
	}
	main .steplist>ol.flex.column5:nth-child(2n) {
	    justify-content: flex-end;
	}
	main .steplist>ol.flex.column5:nth-child(2n)>* {
	        margin: 0 0 0 2.5em;
	}


	/* column column-list */
	main .infomation1 .flex>dt+dd {
	    flex-basis: 8em;
	    text-align: center;
	}
	main .infomation1 .flex>*:nth-child(3n) {
		flex-basis: calc(100% - 14em);
	    flex-grow: 1;
	}
	main .infomation2 .flex>dd {
		width: calc(100% - 6em);
	    flex-grow: 1;
        float: right;
	}
	main .infomation1 .flex>dt {
	    flex-basis: 6em;
	    padding: 0.625em;
	    text-align: left;
	}
	main .infomation2 .flex>dt {
	    width: 6em;
	    padding: 0.625em;
	    text-align: left;
        float: left;
	}
	main .artcolumn>.flex>li>a {
	    height: 7.75em;
	}
	main .artcolumn>.flex>li>a>.txt {
	    flex-direction: column;
	}
	main .artcolumn>.flex>li>a>* {
	    flex-basis: 50%;
	}
	main .artcolumn>.flex>li>a>.txt {
	    padding: 0 1.25em;
	}
	main .artcolumn.list ul.flex[class*="column"]>li:not(:nth-child(-n+12)) {
		/*display: none;*/
	}
	main .artcolumn.list ul.flex.open[class*="column"]>li {
		display: block;
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
	main .artistDetail .list .archive,
	main .artcolumn.list .archive {
		height: 2.5em;
		line-height: 2.5em;
		text-align: center;
		margin: -1.25em 0 0;
		padding: 0 0 5em;
		cursor: pointer;
		background-color: #f0eae0;
		position: relative;
	}
	main .artistDetail .list .archive::before,
	main .artcolumn.list .archive::before {
		content: "";
	    position: absolute;
	    bottom: 2em;
	    left: calc(50% - 0.75em);
	    border-top: 0.5em solid #333;
	    border-left: 0.75em solid transparent;
	    border-right: 0.75em solid transparent;
	}
	main .artistDetail .list .archive.open::before,
	main .artcolumn.list .archive.open::before {
	    bottom: auto;
	    top: -0.5em;
		border-top: 0;
	    border-bottom: 0.5em solid #333;
	    border-left: 0.75em solid transparent;
	    border-right: 0.75em solid transparent;
	}
	/* room */ 
	#iframe_container {
	    height: 100%;
	    padding: 2.5em;
	    background-color: #fff;
	}
	/*#iframe_container iframe {
	    max-height: 30em;
	    max-width: 40em;
	}*/
	/* stuff */ 
	main .flex[class*="recruit"]>dd {
	    padding-left: 1.25em;
	}
}

@media all and (-ms-high-contrast:none){
    .indexrei3 li {
        margin-right: 2.5% !important;
    }
}

@media only screen and (max-width: 768px) {
	.pc {
		display: none;
	}
	.pd10,
	.pd20,
	.pd30,
	.pd40,
	.pd50,
	.pd60,
	.pd70,
	.pd80,
	.pd90,
	.pd100 {
		padding: 0.625em;
	}
	header {
	    padding: 5px;
        background: #02381d;
	}
	header .logo {
	    height: 50px;
	    width: 110px;
	}
	header #global_nav,
	header #global_nav>.flex>.search {
		display: none;
	}
	header .search {
		position: absolute;
		display: inline-flex;
		top: calc(50% - 18px);
		right: 56px;
		width: 36px;
		height: 36px;
		cursor: pointer;
		justify-content: center;
		align-items: center;
		padding: 4px;
		border: 1px solid #ccc;
		border-radius: 2px;
	}
	header .search>img {
		width: 100%;
	}
	header .btnHamburger {
		position: absolute;
		top: calc(50% - 18px);
		right: 10px;
		width: 36px;
		height: 36px;
		padding: 5px;
		cursor: pointer;
		border: 1px solid #ccc;
		border-radius: 2px;
	}
	header .btnHamburger .line {
		position: absolute;
		left: 8px;
		display: block;
		width: 20px;
		height: 2px;
		border-radius: 1px;
		border: 1px solid #fff;
		-webkit-transition: all 0.3s ease-out;
		transition: all 0.3s ease-out;
	}
	header .btnHamburger .line_01 { top: 10px; }
	header .btnHamburger .line_02 { top: calc(50% - 1px);}
	header .btnHamburger .line_03 { bottom: 10px;}
	header .btnHamburger.open .line_01 {
		top: 17px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	header .btnHamburger.open .line_02 {
		opacity: 0;
	}
	header .btnHamburger.open .line_03 {
		top: 17px;
		-webkit-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	header #searchform ::after,
	header #searchform-change ::after,
	header .btnHamburger.open+#global_nav::after {
		content: "";
		position: fixed;
		left: -5px;
		right: -5px;
		bottom: -5px;
		top: 55px;
		height: 100%;
		z-index: -1;
		background-color: rgba(0,0,0,0.5);
	}
	header .btnHamburger.open+#global_nav {
		display: block;
		position: absolute;
		left: 50%;
		right: -5px;
		top: 55px;
		background-color: #fff;
	    animation: slidedown 0.5s ease 0s 1 normal;
	    -webkit-animation: slidedown 0.5s ease 0s 1 normal;
	}

	header #global_nav,
	header #global_nav a {
		color: #333;
	}
	header #global_nav .flex {
		display: block;
		padding: 0;
		margin: 0;
	}
	header #global_nav>:first-child {
		background-color: #f0eae0;
	}
	header #global_nav .flex>* {
		display: block;
		padding: 10px;
		margin: 0;
		height: auto;
		width: auto;
		line-height: 150%;
		border-top: 1px solid #e6e6e6;
	}
	header #global_nav>div.flex strong {
		font-weight: normal;
		display: block;
	}
	header #global_nav a {
		display: block;
	}
	header #global_nav ul.flex>li {
		width: 100%;
		line-height: 150%;
	}
	header #searchform,
	header #searchform-change {
		top: 55px;
		right: -5px;
		left: -5px;
	}
	header #searchform #keywords1,
	header #searchform-change #keywords1 {
	    width: calc(100% - 3.5em);
	}
	header .submenu.open {
		position: relative;
	}
	header .submenu.open>ul {
		position: absolute;
		right: 100%;
		width: 100%;
		bottom: 50%;
	}
	footer article>ul.flex {
		display: block;
	}
	footer article>ul.flex a {
		position: relative;
		width: 100%;
		display: block;
	}
	footer article>ul.flex :not(.submenu) a::after {
		position: absolute;
		content: "▶";
		right: 5px;
	}
	footer article>ul.flex>li>h3,
	footer article>ul.flex>li>h4 {
		border: 1px solid #fff;
		margin: 0 10px 10px 10px;
		padding: 10px;
		position: relative;
	}
	footer article>ul.flex>li>ul {
		display: none;
	}
	footer .plus {
		position: absolute;
		top: calc(50% - 6px);
		right: 10px;
		width: 12px;
		height: 12px;
		cursor: pointer;
		border-radius: 2px;
	}
	footer .plus::before,
	footer .plus::after {
		content: "";
		position: absolute;
		top: calc(50% - 1px);
		left: calc(50% - 8px);
		display: block;
		width: 100%;
		height: 2px;
		background-color: #ccc;
	}
	footer .plus::after {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
	}
	footer .open>.plus::after {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		animation: plus_to 0.2s;  /* アニメーション名,アニメーション時間 */
	}
	@keyframes plus_to {
		from {
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
		}
		to {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		}
	}
	footer article>ul.flex>li>.open {
		margin-bottom: 0;
	}

	footer article>ul.flex>li>.open+ul {
		display: block;
		margin: 0 10px 10px 10px;
		border: 1px solid rgba(255,255,255,0.5);
	    animation: slidedown 0.5s ease 0s 1 normal;
	    -webkit-animation: slidedown 0.5s ease 0s 1 normal;
	}
	footer article>ul.flex>li>.open+ul>li>a {
		display: block;
		width: 100%;
		padding: 10px;
	}
	footer article>ul.flex>li>.open+ul>li:not(:last-child) {
		border-bottom: 1px solid rgba(255,255,255,0.5);
	}
	footer .footer2>.flex {
		display: block;
	}
	footer .footer2>.flex>:first-child {
		border: dotted #FFF;
		border-width: 1px 0;
		padding: 10px;
        margin: 0 10px;
		overflow: hidden;
	}
	.sns {
		float: left;
	}
	.sns>li {
		margin: 0.5em 0.625em 0 0;
	}
	.sns+.sp {
		float: right;
		font-size: 87.5%;
		white-space: nowrap;
	}
	footer .footer2 .sp_button {
		/*display: flex;*/
		justify-content: space-between;
		padding: 10px;
	}
	footer .footer2 .sp_button>li {
		flex-basis: calc(33.33% - 6.666px);
		display: inline-flex;
		align-items: center;
		height: 75px;
		border-radius: 10px;
		background-color: #fff;
		text-align: center;
		font-size: 87.5%;
		line-height: 125%;
		font-weight: bold;
	}
	footer .footer2 .sp_button>li>a {
		display: block;
		width: 100%;
		color: #093a1e;
	}
	footer .footer2 .sp_button>li>a>span:not(.pc) {
		display: inline-block;
		white-space: nowrap;
	}



	#contents>section {
		padding: 0 10px 1.875em;
	}
    #top #contents>section {
        padding: 0 10px 1.875em;
        width: 98% !important;
        margin-left: 1% !important;
        margin-right: 1% !important;
    }
    #top #contents>section + section {
        /*padding-top: 3.125em !important;*/
        padding-top: 1em !important;
    }
	main {
		margin-top: 60px;
	}
	main section div {
		width: 100% !important;
	}
	main #contents>.contents_top li:not(.howto)>h2+.image {
		width: 100%;
	}
	main>article>#branding+#contents {
		padding-top: 1.25em;
	}
	main .flex[class*="column"] {
		justify-content: space-around;
	}
	main .flex[class*="column"]>* {
		width: 100%;
		/*margin-bottom: 0.625em;*/
        margin-bottom: 20px;
	}
	main .flex>.flex.column2.nowrap {
		width: 100%;
		/*display: flex;*/
	}
	main .flex>.flex.column2.nowrap>* {
		flex-basis: calc(50% - 0.3125em);
	}
	main #contents>.contents_top>.flex,
	main #contents .overview>.flex {
			display: block;
			width: 100%;
	}
	main #contents .list>.flex:not(.overview)+.flex {
			padding-top: 1.25em;
	}
	main #contents .list>.flex:not(.artist_tab),
	main #contents .list>.flex:not(.artist_tab) {
			display: block;
			width: 100%;
	}
	main #contents .list>.flex.column6>* {
		/*flex-basis: calc(50% - 0.625em);*/
        width: 48%;
        display: inline-block;
	}
	main #contents .list>.flex.column6>* {
        clear: none !important;
        float: left;
	}
	main #contents .list>.flex.column6>*:nth-child(odd) {
        margin-right: 2%;
	}
	main #contents>.contents_top>.flex>.overview {
		padding: 10px;
	}
	main #contents>.contents_top .flex>.infomation dl {
		font-size: 87.5%;
	}
	main #contents>.contents_top>.flex>.overview>.flex>* {
		flex-basis: auto;
		width: 100%;
	}
	main .new_picture>ul {
		width: 100%;
		/*display: flex;*/
		flex-wrap: wrap;
	}
	main .new_picture>ul>li {
		flex-basis: 50%;
		font-size: 66.666%;
        border-left: 1px solid #dcdddd;
        max-width: 49.1%;
        display: inline-block;
        border-width: 0 0 1px 0;
	}
	main #contents>.lineup>.artist_tab {
		flex-wrap: wrap;
	}
	main #contents>.lineup>.artist_tab {
		/*border-width: 1px 0 0 1px;*/
        border-top: 1px solid #dcdddd;
        border-left: 1px solid #dcdddd;
	}
	main #contents>.lineup>.artist_tab>li {
		border-width: 0 1px 1px 0;
	}
	main #contents>.lineup>.artist_tab>li {
		width: 50% !important;
	}
	main #contents #recruitment>ul {
		display: block;
	}
	main>article #recruitment .flex>li {
		margin-right: 0;
	}
	main .list .overview>dt {
		padding-bottom: 1em;
	}
	main .list ul.flex[class*="column"]>li:not(:nth-child(-n+6)) {
		/*display: none;*/
	}
	main .list ul.flex.open[class*="column"]>li {
		display: block;
		animation: fadeIn 2s ease 0s 1 normal;
		-webkit-animation: fadeIn 2s ease 0s 1 normal;
	}
	main .list .archive {
		border-radius: 1.25em;
		border: 1px solid #c9caca;
		height: 2.5em;
		line-height: 2.5em;
		width: 80%;
		text-align: center;
		margin: 1.25em auto;
	}
	main .list .archive.open {
		background-color: #e6e6e6;
	}
	main .linkbox {
		width: 100%; 
		min-width: 10em;
	}
	main>article>#branding>div:first-child,
	main #side,
	main #side2 {
		display: none !important;
	}
	main #branding>h1>.title {
		font-size: 133.3333%;
		/*left: 20px;
		top: calc(50% - 0.467em);*/
        position: static;
        display: block;
        text-align: center;
        padding: 50px 5px;
	}
	main>article>#side+#contents {
		padding: 10px;
	}
	main .picup1 {
		width: 100%;
	}
	main .picup1>.wbox {
		font-size: 112.5%;
		padding: 10px 10px 1.25em;
	}
	main .picup2>.image {
		justify-content: flex-end;
	}
	main .fix_message {
		padding: 10px;
		display: block;
	}
	main .fix_message>.promiss {
		margin-top: 10px;
	}
	main .fix_message .registrance>div.flex {
		display: block;
		font-size: 112.5%;
	}
	main .fix_message .registrance>ul>.flex>*,
	main .fix_message .registrance>div.flex>ul>.flex>* {
		flex-basis: 50%;
	}
	main .fix_message .registrance>ul>.flex>div,
	main .fix_message .registrance ul>.flex>.title {
		padding-left: 10px;
	}
	main #aboutus .flex>.image {
		width: 100%;
	}

	main ol.spot>li>.flex>dt {
		height: 12.5em;
	}
	main ol.spot>li>.flex>dd>.txt>a {
	    max-width: 10em;
	}

	.linetitle::before,
	.linetitle::after {
	    width: 1em;
	}
	main #contents form>.flex {
		display: block;
	}
	/*main #contents form>.flex>dd>label+label {
		margin-top: 0.625em;
	}*/
	main #contents form input[type="text"],
	main #contents form input[type="email"] {
	    width: 100%;
	    min-width: 4em;
	}
	main #contents form .postal_code>input[type="text"] {
	    width: 25%;
	}
	main #contents .artworks>.flex {
		display: block;
	}
	main #contents .artworks>.flex {
		display: block;
	}
	main #contents .artworks.list>.flex {
		/*display: flex;*/
		flex-wrap: wrap;
    	width: 100%;
    }
	main #contents .artworks.list>.flex>* {
    	width: calc(50% - 0.5em);
    	margin-bottom: 1em;
		float: left;
		margin-right: 0.5em;
    }
	main #contents .artworks.list>.flex li:nth-child(2n) {
		margin-right: 0;
		margin-left: 0.5em;
	}




	/* 「/sell/」専用 */
	main .steplist>ol.flex.column5 {
	    flex-wrap: nowrap;
	}
	main .steplist>ol.flex.column5>li {
	    flex-basis: calc(33% - 1em);
	    font-size: 3vw;
	}
@media screen and (min-width: 769px),print {
	main .steplist>ol.flex.column5>li:not(:last-child)::after {
	    top: calc(50% - 1em);
	    right: -1em;
	    width: 0;
	    height: 0;
	    border-left: 1em solid #808080;
	    border-top: 1em solid transparent;
	    border-bottom: 1em solid transparent;
	}
}
	main .steplist>ol.flex.column5>li {
	    margin: 0  1em 1em 0;
	}
	main .step .graybox.pd30 .wbox.pd30 {
		width: 100%;
	}
	main .sell .flex.column4 {
	    justify-content: flex-start;
	    white-space: nowrap;
	}
	main .sell .flex.column4>li {
	    flex-basis: 50%;
	}
	main .sell .image.h200.contain {
	    height: 10em;
	}
	/* column column-list */
	main #contents .infomation1.list>.flex {
		/*display: flex;*/
	}
	main .infomation1 .flex>dt,
	main .infomation1 .flex>dt+dd {
	    padding: 0.625em;
	    flex-basis: 50%;
	    text-align: center;
	}
	main .infomation1 .flex>*:nth-child(3n) {
		padding-top: 0;
		flex-basis: 100%;
	    flex-grow: 1;
	}
	main .infomation2 .flex>dt,
	main .infomation2 .flex>dd {
	    padding: 0.625em;
		flex-basis: 100%;
	}
	main .infomation1 .flex>*:nth-child(3n)::before,
	main .infomation2 .flex>dd::before {
		display: none;
	}
	main .artcolumn>.flex>li>a {
	    flex-direction: column;
	}
	main .artcolumn>.flex>li>a>.txt {
	    font-size: 125%;
	    padding: 0.625em;
	}
	main .artcolumn>.flex>li>a>.image {
	    flex-direction: column;
	}
	/* room */ 
	#iframe_container {
	    height: 100%;
	    padding: 0.625em;
	    background-color: #fff;
	}
	/* stuff */
	main .flex[class*="recruit"] {
	    display: block;
	}
	main .flex.recruit1>* {
	    padding: 1.25em;
	}
	main .flex.recruit2>* {
	    padding: 0 0.625em;
	}
	main .flex.recruit2>dt:not(:first-child) {
	    margin-top: 1em;
	}
	main .steplist .steplist01 {
		margin-left: 0;
	}
	main .steplist .steplist02 {
		margin-right: 0;
	}
}

@media all and (-ms-high-contrast:none){
	main .flex.column3>* {
		flex-basis: auto;
        width: 31.33%;
	}
}
.pc-hide {
    display: none;
}

/* 180806
-----------------------------------------------------------------------------------------------------------------*/
.infomation h2,
.infomation h2 a {
    height: auto !important;
}
.center {
    text-align: center;
}
.fleft {
    float: left !important;
}
.fleftimg {
    float: left !important;
    margin: 0 1em 1em 0;
    max-width: 300px;
}
.fright {
    float: right !important;
}
.frightimg {
    float: right !important;
    margin: 0 0 1em 1em;
    max-width: 300px;
}
.fleftimg img,
.frightimg img {
    max-width: 100%;
}
.flefttxt {
    float: left;
}
.tleft {
    text-align: left !important;
}
.clear {
    clear: both;
}
.txtbold dt,
.txtbold dd,
.txtbold {
    font-weight: bold;
}

.mt0 { margin-top: 0 !important; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt70 { margin-top: 70px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mb0 { margin-bottom: 0px !important; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.pb0 { padding-bottom: 0 !important; }
.pb10 { padding-bottom: 10px !important; }
.pb20 { padding-bottom: 20px !important; }

/* clearfix */
.yokumira li span.image a,
.clearfix {
  *zoom: 1;
}
.yokumira li span.image a:after,
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.room_photo img {
    width: auto;
    /*max-height: 250px;*/
	/*height: 100%;*/
}

.room_box {
    padding: 10px 40px;
}
.room_box h3,
.room_box .room_photo,
.room_box .artists_name_text {
    text-align: center;
}
.room_box h3 {
    color: #8C6239;
}
.room_box .artists_name_text a {
    color: #0000FF;    
}
.privacyDl {
}
.privacyDl dt {
    font-weight: bold;
    margin-top: 60px;
}
.privacyDl dd {
}

.header_menu01 {
    float: right;
    padding-top: 5px;
}
.header_menu01 ul {
    font-size: 12px;
    float: left;
}
.header_menu01 ul li {
    float: left;
}
.header_menu01 ul:nth-child(1) {
    /*width: 142px;*/
    padding-top: 17px;
}
.header_menu01 ul:nth-child(2) {
    width: 118px;
}
.header_menu01 ul:nth-child(3) {
    width: 199px;
}
.header_menu02 {
    float: right;
    width: 824px;
    background: #FFF;
    border-right: 1px solid #999;
}
.header_menu02 li {
    float: left;
    width: 16.6%;
    text-align: center;
    font-size: 16px;
    /*padding: 10px 0;*/
	padding: 9px 0 8px;
    position: relative;
    /*border-bottom: 1px solid #CCC;*/
	font-family: "Noto Sans JP";
	letter-spacing: -1px;
}
.header_menu02 li:nth-of-type(6) {
	width: 17%;
}
@media all and (-ms-high-contrast:none){
    header #global_nav>div.flex {
        line-height: 140%;
    }
}
.header_menu02 li + li {
    border-left: 1px solid #999;
}
.fc0,
ul.header_menu02 a,
ul.header_menu02 li {
    color: #000;
}
.header_menu02 li ul {
    top: 44px;
}
.header_menu02 li ul li {
    border-left: none;
    text-align: left;
    float: none;
    width: 100%;
}
footer .logo {
    float: left;
}
ul.address {
}
.footer_menu02 {
    float: right;
    width: 800px;
    margin-top: 25px;
}
.footer_menu02 .address {
    float: left;
    width: 40%;
}
.footer_menu02 .address + p {
    float: left;
    width: 22%;
    margin-top: 22px;
}
.footer_menu02 .sp_button {
    float: left;
    width: 18%;
    margin-top: 24px;
}
.footer_menu02 .sp_button + ul {
    float: left;
    width: 20%;
    margin-top: 48px;
}
#side .wbox.clearfix .image,
#side dd .image {
    float: left;
    padding-top: 4px;
}
#side .wbox.clearfix .image img,
#side dd .image img {
    max-width: 48px;
}
#side .wbox.clearfix .txt,
#side dd .txt {
    float: right;
}
#side .catalog .wbox.clearfix .image {
	padding-top: 0;
}
#side .catalog .wbox.clearfix .image img {
	max-width: 60px;
}
#side .catalog .wbox.clearfix .txt {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
}
#branding .image {
    float: left;
}
.main_strengthen #branding .image {
    float: left;
    width: 100%;
    height: 180px !important;
    display: table;
}
#branding .image.bdg {
    width: calc(100% - 204px);
    float: right;
    display: table;
}
#branding .txt {
    float: right;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	margin-top: 10px;
}
main.columlayout #branding .txt {
    padding: 5px !important;
    text-align-last: justify;
    border: 1px solid #CCC;
    margin-bottom: 10px;
    line-height: 1.6;
}
#branding .txt span + span,
main.columlayout #branding .txt span {
    display: none;
}
main.columlayout #branding .txt span + span {
    display: block;
    color: #c1272d;
}
.information_list {
}
.information_list dt {
    /*float: left;*/
    /*width: 20%;*/
}
.information_list dd {
    /*float: left;
    width: 20%;*/
}
.information_list dd + dd {
    width: 60%;
}
#top .column3 .infomation dt {
    width: 35%;
    float: left;
}
#top .column3 .infomation dd {
    width: 65%;
    /*height: 70px;*/
    float: left;
}
.new_picture li a {
    
}
.new_picture .image {
    padding-bottom: 0;
}
.new_picture .image img {
    height: auto;
}
.artist_tab li {
    float: left;
}
#top .artist_tab li {
    width: 25%;
}
#top #aboutus .image {
    float: left;
    width: 30%;
}
#top #aboutus .txt {
    float: right;
    width: 67%;
	font-size: 14px;
}
#branding .picup1 {
    float: left;
	height: 180px;
}
.tab2 li {
    width: 50%;
}
.tab3 li {
    width: 33.33%;
}
.tab4 li {
    width: 25% !important;
}
.tab5 li {
    width: 20%;
}
.tab6 li {
    width: 16.6%;
}

.econtact.acs {
	padding: 18px 10px 10px 15px !important;
}
.econtact .image {
    float: left;
    width: 50%;
}
.econtact .image + div {
    float: right;
    width: 49%;
}
.kakucontact {
    margin-top: 20px;
}
.kakucontact ul {
    width: 48%;
    float: left;
}
.kakucontact ul + ul {
    float: right;
}
.kakucontact ul li {
    float: left;
}
.kakucontact ul li + li {
    margin-top: 10px;
}
.kakucontact ul .image {
    float: left;
    width: 48%;
}
.kakucontact ul .title {
    float: right;
    width: 48%;
}
.kkBox {
    border-bottom: 1px dotted #CCC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.kkBox dt {
    float: left;
    width: 38%;
}
.kkBox dd {
    float: right;
    width: 55%;
}
.kkBox dd ul {
}
.kkBox dd ul li {
    text-align: left;
}
.kkBox dd ul li a {
    color: #333;
}
.kkBox dd ul li + li {
    margin-top: 5px;
}

.ul_next {
    margin: 20px 0 0 0;
}
.ul_next li {
    width: 50%;
}
.ul_next .next {
    float: left;
}
.ul_next .prev {
    float: right;
    text-align: right;
}
.infomaBox {
}
.infomaBox dt {
    width: 15%;
    float: left;
}
.infomaBox dd {
    width: 15%;
    float: left;
}
.infomaBox dd + dd {
    width: 70%;
    float: left;
}
.artist_tab li span.sub_title {
    display: none;
}
.img2c {
}
.img2c li {
    float: left;
    width: 48%;
    margin-bottom: 15px;
}
.img2c li + li {
    float: right;
}
.accessItem {
}
.accessItem li {
    float: left;
    width: 48%;
    margin-right: 2%;
}
.accessItem li:nth-child(2n) {
    margin-right: 0;
}
.accessItem li dl {
}
.accessItem li dl dt {
    float: left;
}
.accessItem li dl dd {
    margin-left: 120px;
}
.accessItem li dl + p {
    display: block;
    margin-top: 10px;
    clear: both;
}
main  {
    background: url(/common/img/main_back.jpg) repeat-x 0 43px;
}
main.bg__none {
    background: none;
}
/*@-moz-document url-prefix() {
    main  {
        background: url(/common/img/main_back_ff.jpg) repeat-x 0 43px;
    }
}*/

#top main {
    background: none !important;
}
main#workdetail  {
    background: none;
}
/*main.main_strengthen {
    background: url(/common/img/main_strengthen.jpg) repeat-x 0 43px;
}*/
main.sellmain {
    background: url(/common/img/main_sellmain.jpg) repeat-x 0 43px;
}
#branding.categorymain .image.bdg {
    width: 100% !important;
    height: 182px;
}
#branding.categorymain.kaitori .image.bdg {
    width: 100% !important;
    height: 295px;
}

.steplist .column5 + .column5 {
    float: right;
    width: 580px;
    margin-bottom: 30px;
}
.steplist li {
    width: calc(20% - 2em);
    float: left;
}
.steplist .column5 li {
}
#step4 dl {
    margin-bottom: 0;
}
#step1 .linkbox,
#step2 .linkbox,
#step3 .linkbox,
#step5 .linkbox,
#step6 .linkbox {
    display: inline-block;
}
.sellhoho {
    width: auto !important;
    display: inline;
    float: none !important;
}
.pagelinkList {
    text-align: center !important;
}
.pagelinkList li {
    width: 30% !important;
    float: none !important;
    display: inline-block !important;
}
.pagelinkList {
    margin-left: 2% !important;
}
.dbinline {
    display: inline-block !important;
    padding-right: 3em;
    padding-left: 3em;
}
.contents-top {
    margin-top: 3.125em;
}
.blockmenu {
    text-align: center;
    margin-top: 20px;
}
.blockmenu li {
    display: inline-block;
}
.blockmenu li a {
    display: inline-block;
    padding: 0 3em;
}
.blockmenu li + li {
    margin-left: 15px;
}
.strengthenblock h3 {
    padding-bottom: 0 !important;
}
.strengthenblock .image + div * {
    padding-left: 10px !important;
}
.dtdmargin dt + dt,
.dtdmargin dd + dt {
    margin-top: 30px;
}
.telmail {
    margin-bottom: 30px;
}
.telmail li {
    float: left;
}
.telmail li + li {
    float: right;
}
.flex.w350 dt {
    float: left;
}
.flex.w350 dd {
    float: right;
}
.block100 {
    display: block;
    width: 100% !important;
}
.ib2c dd {
    width: 85%;
}
.wp-pagenavi {
    text-align: center;
    margin-bottom: 30px;
}
.pagenav01 .wp-pagenavi {
    text-align: right;
    margin-bottom: 10px;
}
.pagenav02 .wp-pagenavi {
    margin-top: 10px;
}
.wp-pagenavi * {
    display: inline-block;
}
.wp-pagenavi * + * {
    margin-left: 10px;
}
.artcolumn + .wp-pagenavi {
    display: none;
}
.columnlistprofile {
    background: #F2F2F2 !important;
}
.columnlistprofile .image {
    margin-bottom: 0 !important;
}
.columnlistprofile .image .txt {
    padding-bottom: 0 !important;
}
.columnlistprofile .flexgrow2 {
    width: 75% !important;
    margin-bottom: 0 !important;
}
.wnone {
    width: 100%;
}
.writersBox .hislist {
    float: left;    
    width: 46%;
    padding: 0 2%;
    margin-bottom: 3%;
}
.writersBox .hislist img {
    width: 100%;
    display: block;
    text-align: center;
}
.writersBox .hislist:nth-child(odd) {
    padding-left: 0;
    width: 48%;
}
.writersBox .hislist:nth-child(even) {
    padding-right: 0;
    width: 48%;
}
.writersBox2 .hislist {
    width: 50% !important;
}
.writersBox .hislist ul {
    margin: 0 0  10px 0;
}
.writersBox .hislist ul li {
}
.writersBox .hislist ul li + li {
    margin-top: 5px;
}
.writersBox .hislist ul li span {
    display: inline-block;
    float: right;
    width: 350px;
}
.writersBox .hislist ul.rekireki li span {
    width: 240px;
}
.writersBox + .writersBox {
    margin: 20px 0 0 0 !important;
    padding: 20px 0 0 0 !important;
    border-top: 1px solid #CCC;
}
.writerh2 {
    border-bottom: none !important;
    margin-bottom: 0 !important;
}

.companyimg {
    position: relative;
}
.companyimg_photo {
    position: absolute;
    top: 60px;
    right: 0;
}
.econtact div {
    margin-left: 15px;
}
.sp-menu {
    display: none;
}
section.sell {
    margin-top: 1.875em;
}
section.sell .image {
    text-align: center;
}
.mw100img,
.mw100img img {
    max-width: 100%;
}
.clearfix.mmbox {
    min-height: 180px;
}
.searchList {
    margin-bottom: 1.875em;
}
.searchList li {
    display: block;
}
.searchList li a {
    display: inline-block;
    padding-left: 10px;
    background: url(/common/img/spmenu.png) no-repeat 0 8px;
    background-size: 6px 11px;
}
.searchList li + li {
    border-top: 1px dotted #CCC;
    padding-top: 15px;
    margin-top: 15px;
}
.searchTtl {
    padding: 15px 10px;
    background: #EEE;
    margin: 15px 0;
}
.searchTtl .h2_titile {
    float: left;
}
.searchTtl .link_box {
    float: right;
}
a.ablink {
    font-weight: bold !important;
    color: #0000FF !important;
}
.tblink_h23 h2,
.tblink_h23 h3,
.tblink {
    font-weight: bold !important;
    color: #333 !important;
}

.stuffBox {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
.stuffBox + .stuffBox {
    border-top: none;
}
.stuffBox dt {
    width: 25%;
    float: left;
    padding: 20px 0;
    font-weight: bold;
}
.stuffBox dd {
    width: 75%;
    float: right;
    padding: 20px 0;
}
.h300height span {
    line-height: 1.0;
    padding-bottom: 0 !important;
}

.shudan .clearfix h3 {
    padding-bottom: 0 !important;
}
.shudan .clearfix .h200 {
    float: left;
    width: 40%;
    line-height: 1.0;
    padding-bottom: 0;
}
.shudan .clearfix .h200 img {
    height: auto !important;
    width: 100% !important;
    padding-bottom: 0;
}
.shudan .clearfix h3,
.shudan .clearfix p.txt {
    float: right;
    width: 50%;
}
.txttya {
    color: #603813 !important;
}
.wpcf7-checkbox {
}
.wpcf7-checkbox .wpcf7-list-item,
.mwform-checkbox-field.horizontal-item {
    display:inline-block;
    /*float:left;*/
    width:33.33%;
}
.form_text {
    font-size:12px;
}

.infomation dl:nth-child(even),
.infomation dl:nth-child(even) dt,
.infomation dl:nth-child(even) dd {
    background: #FFF !important;
}
.infomation dl:nth-child(odd),
.infomation dl:nth-child(odd) dt,
.infomation dl:nth-child(odd) dd {
    background: #f7f8f8 !important;
}

@media all and (-ms-high-contrast:none){/* ie10以降 */
    a img {
        border: none;
    }
    main  {
        background: url(/common/img/main_back11.jpg) repeat-x 0 43px;
        background-size: 100% 180px;
    }
}
_:-ms-lang(x), main .new_picture ul > li > a {/* ie10用 */
    padding: 30.2px 1em;
    line-height: 150%;
}
#content.artistDetail {}

#content.artistDetail .txt {
	width: 66.666%;
}
.artistDetail .artist_history.list p + h4 {
    font-weight: normal !important;
}
.artistDetail .artist_history a.image span.txt {
    color: #0000FF;
}

.bruckebox {
    padding: 12.59px 12px 12px;
    background: #E5F0EA;
    width: 100% !important;
    max-width: 295.67px;
    line-height: 1.7;
    float: left;
}
.bruckebox img {
    float: left;
    width: 29%;
}
.bruckebox span {
    float: right;
    width: 66%;
}
.columnlistprofile .image em {
    text-align: center;
}
.columnlistprofile .image img {
    width: auto !important;
    max-width: 100%;
}
.columnlistprofile .image .txt {
    color: #7a6a56;
}
.columnlistprofile .image + .pd20 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.column_sidebar {
}
.column_sidebar .picup1 {
}
.backnone,
.column_sidebar .colummenu {
    background: none !important;
}
.column_sidebar .colummenu li {
    border: 1px solid #dcdddd;
}
.column_sidebar .colummenu li.knowledge {
    border: none;
}
.column_sidebar .colummenu li + li {
    margin-top: 15px;
}
.column_sidebar .colummenu li span {
    width: 54%;
    float: left;
    padding: 5px;
    font-size: 12px;
    line-height: 1.6;
}
.column_sidebar .colummenu li span.sc01 { padding: 18px 0 0 10px; }
.column_sidebar .colummenu li span.sc02 { padding: 28px 0 0 10px; }
.column_sidebar .colummenu li span.sc03 { padding: 9px 0 0 10px; }
.column_sidebar .colummenu li span.sc04 { padding: 10px 0 0 10px; }

.column_sidebar .colummenu li span + span {
    float: right;
    padding: 0;
    width: 40%;
    line-height: 0;
}
.colummenu li span + span img {
    width: 100%;
}
.columnkiji {
    border: 1px solid #e8e8e8;
}
.columnkiji dt {
    text-align: center;
    font-size: 14px;
    padding: 4px 10px 2px;
    background: #e8e8e8;
	font-weight: bold;
}
.columnkiji dd {
    padding: 5px 20px;
    background: #FFF;
    font-size: 12px;
}
.columnkiji dd + dd {
    border-top: 1px dotted #e8e8e8;
    /*padding-top: 10px;*/
}
.column_sidebar dd span {
    display: block;
}
.dblock {
    display: block;
}
.blankbase {
    padding-right: 30px;
    font-weight: bold !important;
}
.pcbody {
    width: 360px;
    margin-bottom: 20px;
    float: left;
}
.pcbody + .pcbody {
    float: right;
    width: 392px;
}
.pctitle {
    font-weight: bold;
    color: #800000;
    font-size: 16px;
    margin-bottom: 5px;
}
.pcblock1 {
    padding: 10px;
}
.pcblock1 > p {
    margin-bottom: 10px;
}
.pcblock1 .clearfix img {
    float: left;
    width: 20%;
}
.pcblock1 .clearfix p {
    float: right;
    width: 75%;
}
.pcblock1 .clearfix p a {
    float: right;
    color: #0000FF;
}
.pcblock2 {
}
.pcblock2 li {
    border: 1px solid #e8e8e8;
    width: 190px;
    margin: 0 12px 10px 0;
    float: left;
    font-size: 14px;
    line-height: 1.4;
}
.pcblock2 li:nth-child(2n) {
    margin-right: 0;
}
.pcblock2 li:nth-child(1) a {
    margin-top: 10px;
}
.pcblock2 li:nth-child(3) a {
    /*margin-top: 20px;*/
}
.pcblock2 li span {
    width: 48%;
    float: left;
}
.pcblock2 li img {
    widht: 48%;
    float: right;
}
.pcblock2 li a {
    padding: 10px;
    display: inline-block;
    font-size: 12px;
    letter-spacing: -1px;
    line-height: 1.7;
}

.undertitle h1 {
    display: table;
}
.undertitle h1 .title {
    position: static !important;
    display: table-cell;
    vertical-align: middle;
    padding-left: 1.25em;
    width: 100%;
}

.klbox {
    margin-bottom: 0;
}
.klbox .klbox_item {
    float: left;
    width: 23%;
}
.klbox .klbox_item + .klbox_item {
    margin-left: 2%;
}
.klbox.klver3 .klbox_item + .klbox_item {
    margin-left: 15%;
}
.klbox .klbox_item .imgbox {
    display: table;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #e8e8e8;
    padding: 7%;
}
@media all and (-ms-high-contrast:none){
    .ie154 img {
        max-width: 154px !important;
    }
}
.klbox .klbox_item .imgbox span {
    display: table-cell;
    vertical-align: middle;
}
.klbox .klbox_item .imgbox img {
    max-width: 100%;
    max-height: 180px;
    display: inline-block;
    margin: 0 auto;
}
@media all and (-ms-high-contrast:none){
    .klbox .klbox_item .imgbox img {
        max-width: 250px;
        max-height: 180px;
        display: inline-block;
        margin: 0 auto;
    }
}
.klbox .klbox_item dl {
    margin: 10px 0;
}
.klbox .klbox_item dl dt {
    text-align: center;
}
.klbox .klbox_item dl dd {
    text-align: center;
}
.klbox a {
    text-align: center;
    color: #0000FF !important;
    display: block;
}
.klbox.klright {
    float: right;
    width: 180px;
    margin: 0 0 0 20px;
}
.klbox.klright .klbox_item {
    width: 100%;
}
.rightlink {
    margin-top: 20px;
    margin-bottom: 40px;
}
.rightlink + .rightlink {
    margin-left: 20px;
}
.hovernone:hover {
    opacity: 1.0 !important;
}
.btn_english span {
    line-height: 2.0em;
    padding: 5px 2.5em 0 2.5em !important;
    font-size: 90% !important;
}
.btn_english span::after {
    top: 14px !important;
}
.btn_english small {
    line-height: 0;
}
.nituitettl {
    font-size: 18px;
    margin-bottom: 20px;
}
#top img.flt {
    /*max-width: 100%;
    width: auto;*/
    width: 100%;
    float: left;
}
#top section.list,
#top section.lineup.topline {
    padding-left: 0;
    padding-right: 0;
    /*width: calc(100% - 6.25em);
    margin-left: 3.125em;*/
}
.c0 {
    color: #000;
}
form dd .red {
    font-size: 12px;
}
form dd .small {
    font-size: 12px;
}

.privacyList {
}
.privacyList dt {
    font-weight: bold;
    margin-top: 50px;
}
.privacyList dd {
}
.dleven2 dl dt:nth-child(odd) {
    background: #f7f7f7;
}
.dleven2 dl dt:nth-child(even),
.dleven dl:nth-child(even) dt,
.dleven dl:nth-child(even) dd {
    background: #FFF !important;
}
.faq-faq-buy li:nth-child(1),/*ご購入について*/
.faq-faq-price li:nth-child(2),/*価格について*/
.faq-faq-sell li:nth-child(3),/*絵画査定・買取について*/
.faq-faq-artists li:nth-child(4),/*作品全般*/
.info-activity li:nth-child(1),/*画廊の活動*/
.info-event li:nth-child(2),/*イベント*/
.info-news li:nth-child(3) {/*お知らせ*/
    background: #f2f2f2 !important;
}

.pd30.wbox_tel {
    padding: 43px 30px;
}
.endisplay {
    float: left;
    margin-right: 30px;
}
.mezasebox {
    padding: 0.5em !important;
}
.mezasebox .image {
    width: 5.3636em !important;
}
.mezasebox .image img {
    max-width: inherit !important;
}
.mezasebox .txt {
    width: calc(100% - 6em) !important;
}
.w250 {
    width: 250px;
}


/*　en▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
header.en {
    background: #02381d !important;
}
header.en #global_nav>div.flex {
    width: 560px;
    float: right;
    padding: 45px 0 0 0;
}
header.en .gn_en_item {
    float: left;
    margin-right: 10px;
}
main.main_en {
    background: none !important;
}
#workdetail .list + .list ul li {
    margin-bottom: 0 !important;
}
.nituitebox .left-col {
    width: 100%;
    float: none;
}
.artworks .nituitebox .left-col table,
.artworks .nituitebox .left-col table td {
	border: none;
}
.nituitebox .right-col {
    width: calc(100% - 33em);
}
.nituitebox .right-col li {
}
.btn_english,
.nituitebox .right-col a {
    width: 80%;
	margin: 0 auto;
}

.bx-controls {
    text-align: center;
    height: 0px;
    width: 100%;
    z-index: 500;
}
.kgky {
    margin-bottom: 95px !important;
    margin-top: 50px !important;
}
.daikoprice {
    margin-top: 70px !important;
    padding-bottom: 10px !important;
}
.btnone {
    border-top: none !important;
}
.bt20 {
    padding-top: 20px !important;
    margin-top: 20px;
    border-top: 1px solid #CCC;
}
.amazon_txt {
    margin-top: 80px !important;
}
.stuffnone dl.stuffBox  {
    border: none;
}
.stuffnone dl.stuffBox dt,
.stuffnone dl.stuffBox dd {
    padding: 10px 0
}
.txta .txt {
    width: calc(60% - 0.64em);
}
.txta .txt + .txt {
    width: calc(38% - 0.64em);
}
.sateflow dd + dt,
.sateflow dd + dt {
    margin-top: 15px;
}
.sateflow dd h4 {
    padding-bottom: 0 !important;
}
.sell .step .graybox#step6 {
    margin-bottom: 0;
}
.fc3_g2 h3 {
    color: #000 !important;
    margin-bottom: 20px !important;
}

h3.flexgrow1.dbinline.tleft.txttya.mt20 { margin-top: 20px !important; }

.artstImgbox {
}
.artstImgbox .image.contain {
    margin-bottom: 20px !important;
    overflow: inherit;
}
.artstImgbox .new {
    bottom: -20px !important;
}
.newly_tel {
    /*float: right;*/
    text-align: center;
    width: 214px;
    margin-top: 1.25em;
	margin: 10px auto;
}

.bigitems {
    margin: 0 0 30px 0;
}
.bigitems li {
    float: left;
    width: 20%;
}
.bigitems li a {
    display: block;
}
.bigitems li img {
    float: left;
}
.bigitems li span {
    float: right;
    display: inline-block;
    width: 65%;
    font-size: 12px;
    padding-right: 5%;
}
.bigitems li span strong {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    color: #a37b54;
}

.imgtyose {
    display: table;
    float: left;
    height: 60px;
}
.imgtyose strong {
    display: table-cell;
    vertical-align: middle;
}



dt .dtxt {
    font-weight: normal;
}

.shudan_item p a span::after {
    content: " ";
    position: absolute;
    right: 0;
    border-top: 0.3em solid #333;
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    top: 10px;
}
p.submit a {
    color:#0000FF;
}
.linktextcolor li a::after {
    display: none;
}
.linktextcolor a {
    color: #0000FF;
}
main #contents .artist_history h3.ryakuttl {
    font-weight: normal;
    color: #333;
    font-size: 22px;
    padding-bottom: 40px;
}
main #contents .artist_history h3.ryakuttl small {
    font-size: 14px;
}
.art_catg {
    background: #f0eae0;
    padding: 20px 20px 5px 20px;
}
.btn_area01 {
    padding-top: 15px;
}
.btn_area01 li {
    float: left;
    width: 23.5%;
    margin: 0 2% 2% 0;
}
.btn_area01 li:nth-child(4n) {
    margin-right: 0;
}
.btn_area01 li a {
    display: block;
    padding: 10px;
    background: #FFF;
    text-align: left;
    font-size: 14px;
    position: relative;
}
.btn_area01 li a::after {
    content: "▶";
    font-size: 10px;
    position: absolute;
    right: 8px;
    top: 50%;
	transform: translateY(-50%);
}

.imgBox-left .imgBox {
    float: left;
    margin: 0 30px 30px 0;
}
.imgBox-right .imgBox {
    float: right;
    margin: 0 0 30px 30px;
}
.imgBox-center .imgBox {
    text-align: center;
    margin: 30px 0;
}
/*.imgBox-left .imgBox img,
.imgBox-right .imgBox img,
.imgBox-center .imgBox img {
    max-width: 200px;
}*/
.imgBox-left .imgBox strong,
.imgBox-right .imgBox strong,
.imgBox-center .imgBox strong {
    text-align: center;
    margin-top: 5px;
    font-size: 14px;
    display: block;
    font-weight: normal;
}
.imgBox-block .block .block_inner {
    width: 48%;
    float: left;
}
.imgBox-block .block .block_inner + .block_inner {
    float: right;
}
.imgBox-block .block .block_inner img {
    width: 100%;
}
.imgBox-block h2,
.imgBox-left h2,
.imgBox-right h2,
.imgBox-center h2 {
    padding-bottom: 0.5em !important;
}
.imgBox-block .txt,
.imgBox-left .txt,
.imgBox-right .txt,
.imgBox-center .txt {
    font-weight: bold;
}
.c2 .imgBox_txt {
    overflow: hidden;
}



.workbody {
    position: relative;
	margin-top: 57px;
}
.workbody .work_prev {
    position: absolute;
    left: 0;
    top: 120px;
}
.workbody .work_next {
    position: absolute;
    right: 0;
    top: 120px;
}
.workbody .work_prev:hover,
.workbody .work_next:hover {
    opacity: 0.5;
}
.workbody .work_prev span,
.workbody .work_next span {
    display: none;
}
.yokumira li span.image {
    display: block;
    text-align: center;
    padding-bottom: 5px !important;
}
.yokumira li span.image a {
    display: block;
    text-align: center;
}
.yokumira li span.image img {
    float: none;
}
.yokumira li span.artist {
    font-weight: normal !important;
}


@media screen and (min-width: 767px),print {
    /*#scene1,
    #scene2,
    #scene3 {
        padding-top: 110px !important;
        margin-top: -110px;
    }*/
    .sellvoice .flexgrow1 {
        width: calc(100% - 400px) !important;
    }
    .sellvoice .image {
        max-width: 350px;
    }
    main .flex.column2.ryakubox > div {
        width: calc(100% - 350px);
    }
    main .flex.column2.ryakubox > div + div {
        width: 300px;
    }
}


/*　SP▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media only screen and (min-width: 0px) and (max-width: 768px) {
    .pc-hide {
        display: block !important;
    }
    .sp-hide {
        display: none !important;
    }
    .room_photo {
        max-width: 100%;
    }
    .privacyDl {
    }
    .privacyDl dt {
    }
    .privacyDl dd {
    }
    .kkBox {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
    .kkBox dt,
    .kkBox dd {
        float: none;
        width: 100%;
    }
    .kkBox dt img {
        width: 100%;
    }
    .fleftimg,
    .frightimg,
    .fleft,
    .fright {
        float: none !important;
        text-align: center;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
        max-width: 100%;
        display: block;
    }
    .fleftimg img,
    .frightimg img,
    .fleft img,
    .fright img {
        max-width: 100%;
    }
    .flefttxt {
        float: none;
    }
    img.frightimg {
        display: block;
        margin: 0 auto;
    }
    footer .submenu {
        height: auto !important;
    }
    .footer_menu02 {
        display: none;
    }
    .companyimg_photo {
        position: static;
    }
    .header_menu02 {
        width: 100%;
        float: none;
        display: block;
        border-bottom: 1px solid #CCC;
        clear: both;
    }
    .header_menu02 li {
        width: 100%;
        float: none;
        border-top: 1px solid #CCC;
    }
    .header_menu02 li + li {
        border-left: none;
    }
    #aboutus .txt,
    #aboutus .image {
        float: none !important;
        display: block;
        width: 100% !important;
    }
    main {
        background: none;
    }
    main>article #recruitment .flex>li {
        float: none;
        width: 100%;
    }
    main>article #recruitment .flex>li h3 {
        margin-bottom: 0;
    }
    .header_menu02 li ul li {
        background: #FFF;
    }
    .header_menu02 li ul li:last-child {
        border-bottom: 1px solid #CCC;
    }
    .img2c li {
        float: none;
        width: 100%;
    }
    .img2c li img,
    .img2c li iframe {
        width: 100%;
    }
    .history dt {
        float: none !important;
        width: 100% !important;
        font-weight: bold;
    }
    .history dd {
        float: none !important;
        width: 100% !important;
    }
    .history dd + dt {
        margin-top: 15px;
    }
    main .fix_message>.registrance {
        width: 100%;
        max-width: 100%;
        float: none;
    }
    main .fix_message>.promiss {
        width: 100%;
        max-width: 100%;
        float: none;
    }
	main .fix_message>.registrance ul.sp + ul.sp {
		margin-top: 30px;
	}
    main .fix_message>.registrance .column2 ul {
        float: left;
        width: 48%;
    }
    main .fix_message>.registrance .column2 ul + ul {
        float: right;
        width: 48%;
    }
    main .fix_message>.registrance .column2 ul li.column2 .image {
        width: 100%;
        float: none;
    }
	main .fix_message>.registrance .image,
	main .fix_message>.registrance .image:first-of-type {
		width: 100% !important;
	}
    main .fix_message>.registrance .column2 ul li.column2 .title {
        float: none;
        width: 100%;
        padding: 0;
    }
    dl.history + dl.history {
        margin-top: 15px;
    }
    dl.history dd .fright {
        padding-bottom: 0;
    }
    main .flex[class*="column"]>* {
        margin-bottom: 10px !important;
        height: auto !important;
    }
    /*.room_photo img {
        width: 100% !important;
        height: auto !important;
        max-height: 100% !important;
    }*/
    #branding .picup1 {
        display: none;
    }
    #branding .image {
        float: none;
        width: 100% !important;
        height: auto !important;
    }
    .image img {
        max-width: 100%;
        width: auto;
        height: auto !important;
    }
    .pagelinkList li {
        display: block !important;
        float: none !important;
        width: 100% !important;
    }
    .pagelinkList li + li {
        margin-top: 10px;
        margin-left: 0;
    }
    .blockmenu {
        margin-bottom: 20px;
    }
    .blockmenu li {
        float: none;
        width: 100%;
    }
    .blockmenu li + li {
        margin-top: 10px;
        margin-left: 0;
    }
    .spheightnone li {
        height: auto !important;
        display: block !important;
        float: none !important;
        clear: both !important;
    }
    main.main_strengthen {
        background: none;
    }
    .main_strengthen #branding .image img {
        height: auto !important;
    }
    .strengthenblock .column2 {
        height: auto !important;
    }
    form dt {
        margin-bottom: 0 !important;
        font-weight: bold;
    }
    form dd .wpcf7-list-item {
        float: none;
        display: block;
    }
    form dd .wpcf7-list-item + .wpcf7-list-item {
        margin-top: 3px;
    }
    a {
        word-break: break-all;
    }
    main .selectitem .flex[class*="column"]>* {
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }
    main .selectitem .flex.column2 + .flex.column2 {
        margin-bottom: 20px !important;
    }
    #contents .h2.title :not(:first-child) {
        text-align: center;
        margin-top: 15px;
    }
    .infomaBox dt {
        float: left;
        width: 30%;
    }
    .infomaBox dd {
        float: left;
        width: 70%;
        text-align: left !important;
    }
    .infomaBox dd + dd {
        float: none;
        width: 100%;
        clear: both;
    }
    .infomaBox dl {
        border-bottom: 1px dotted #CCC;
    }
    main .artcolumn>.flex.bloglist>li>a>.image>* {
        /*max-height: 100% !important;
        min-height: 100% !important;*/
    }
    main .artcolumn>.flex.bloglist>li>a>.txt {
        font-size: 100%;
        height: auto !important;
    }
    main .artcolumn>.flex.bloglist>li>a>.image img {
        margin: 10px auto 0 auto;
        text-align: center;
        display: block;
        max-width: calc(100% - 10px);
    }
    main .artcolumn>.flex.bloglist>li>a>.image em {
        height: auto !important;
    }
    .columnlistprofile .image {
        padding-bottom: 0;
    }
    .columnlistprofile .image .txt {
        text-align: center;
    }
    .columnlistprofile .flexgrow2 {
        width: 100% !important;
    }
    main .flex.knowledgelist>li {
        height: auto !important;
    }
    .imgheight img {
        height: auto !important;
    }
    .logo + .search + .btnHamburger {
        display: none;
    }
    header .btnHamburger.open+#global_nav.sp-menu {
        width: 100%;
        left: 0;
        right: 0;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul {
        background: #FFF;
        border-bottom: 1px solid #CCC;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li {
        margin: 0 5px;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li a {
        padding: 5px;
        text-align: left;
        display: block;
        background: url(/common/img/spmenu.png) no-repeat 95% center;
        background-size: 6px 11px;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li.second ul {
		border-bottom: none;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li.second a {
        padding: 5px;
        text-align: left;
        display: block;
        background: none;
        background-size: 6px 11px;
		position: relative;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li.second>a:after {
		content: '';
		background:  url(/common/img/spmenu.png) no-repeat;
        background-size: 6px 11px;
		width: 6px;
		height: 11px;
		display: block;
		position: absolute;
		top: 50%;
		left: 93%;
		transform: translateY(-50%) rotate(90deg);
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li.second.on>a:after {
		content: '';
		background:  url(/common/img/spmenu.png) no-repeat;
        background-size: 6px 11px;
		width: 6px;
		height: 11px;
		display: block;
		position: absolute;
		top: 50%;
		left: 93%;
		transform: translateY(-50%) rotate(-90deg);
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li i {
        right: 15px;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #c00;
        font-size: 12px;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li a:hover {
        text-decoration: none;
    }
    header .btnHamburger.open+#global_nav.sp-menu ul li + li {
        border-top: 1px dotted #CCC;
    }
    .sp-menu .menucontact ul {
        text-align: center;
        border: none !important;
    }
    .sp-menu .menucontact ul li {
        border: none !important;
        text-align: center;
    }
    .sp-menu .menucontact ul li strong {
        display: inline-block;
        font-size: 25px;
        line-height: 1.0;
        padding-top: 15px;
    }
    .sp-menu .menucontact ul li.time {
        font-size: 14px;
        text-align: center;
        line-height: 1.0;
        margin-bottom: 15px;
    }
    .sp-menu .menucontact ul li a {
        background: none !important;
    }
    .sp-menu .menucontact ul + ul {
        text-align: center;
        padding: 15px 5% 200px 5%;
    }
    .sp-menu .menucontact ul + ul li {
        width: 50%;
        float: left;
        text-align: center;
        box-sizing: border-box;
        margin: 0 !important;
        display: inline-block;
    }
    .sp-menu .menucontact ul + ul li a {
        display: block !important;
        text-align: center !important;
        margin: 1px !important;
        border-radius: 4px;
        background: #02381d !important;
        color: #FFF !important;
        font-weight: normal !important;
        font-size: 14px;
        padding: 10px 5px !important;
    }
    .sp-menu .menucontact ul + ul li + li {
        float: right;
    }
    #scenery li,
    #flower li,
    #figures li,
    #animals li,
    #abstract li,
    #under_contract li,
    #contemporary li,
    #overseas li,
    #japanese li,
    #under_contract li,
    #contemporary li,
    #maestro ul.flex li {
        height: auto !important;
        clear: both;
    }
    .wboxheight {
        height: auto !important;
    }
    .clearfix.mmbox {
        min-height: auto;
    }
    .sellmain {
        background: none !important;
    }
    .steplist .column5 + .column5 {
        width: 100%;
        float: none;
    }
    main .steplist>ol.flex.column5 li::after {
        left: calc(50% - 1em);
        bottom: -11px;
        width: 0;
        height: 0;
        border-top: 1em solid #808080;
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-bottom: none;
    }
    main .steplist>ol.flex.column5.steplist02 li:last-child::after {
        display: none;
    }
    .writersBox .hislist {
        float: none;
        width: 100% !important;
        height: auto !important;
        padding: 0 2% !important;
    }
    .writersBox .hislist ul li span {
        float: none;
        display: block;
        width: 100%;
    }
    /*.column4.clearfix + .archive,*/
    .knowledgelist + .archive {
        display: none;
    }
    .searchTtl .h2_titile {
        float: none;
    }
    .searchTtl .link_box {
        float: none;
    }
    .searchList li a {
        margin: 0 10px;
    }
    .stuffBox {
    }
    .stuffBox + .stuffBox {
    }
    .stuffBox dt {
        width: 100%;
        display: block;
        float: none;
        padding-bottom: 0;
    }
    .stuffBox dd {
        width: 100%;
        display: block;
        float: none;
        padding-top: 0;
    }
    button.image img {
        height: 100% !important;
    }
    .h300height {
        height: auto !important;
    }

    .shudan .clearfix .h200 {
        float: none;
        width: 100%;
        height: auto !important;
        margin-bottom: 10px;
    }
    .shudan .clearfix h3,
    .shudan .clearfix p.txt {
        float: none;
        width: 100%;
    }
    .shudan .clearfix p.txt br {
        display: none;
    }
    .room_box {
        padding: 10px 30px;
    }
    .wpcf7-checkbox .wpcf7-list-item,
	.mwform-checkbox-field.horizontal-item {
        display:block;
        float:none;
        width:100%;
    }
	.artworks .left-col {
		float: none;
		width: 100%;
	}
	.artworks .right-col {
		float: none;
		width: 100%;
	}
	.knowledgedetail table {
		width: 100% !important;
	}
	.knowledgedetail table th,
	.knowledgedetail table td {
		display: block;
		width: 100% !important;
	}
	.knowledgedetail table img {
		max-width: 100%;
		height: auto;
	}
	.sp-slide img {
		width: 100% !important;
	}
    #top .sp-slide,
    #top .sp-slide img {
        height: auto !important;
    }
	.sp-thumbnail-container {
		width: 25% !important;
		margin: 0px !important;
	}
	#workdetail .info1 {
		margin-top: 10px;
	}
    #top .column3 .infomation dt {
        width: 25%;
    }
    body.enbody .search {
        right: 10px !important;
    }
    .writersBox .hislist img {
        max-width: 100%;
        display: block;
        text-align: center;
    }
    .pd30.wbox_tel p + p {
        padding-bottom: 0;
    }
    .endisplay {
        float: none;
        margin-right: 0;
    }
    .kgky {
        margin-bottom: 20px !important;
        margin-top: 0 !important;
    }
    .kgky:last-child {
        margin-bottom: 40px !important;
    }
    .daikoprice {
        margin-top: 50px !important;
    }
    .amazon_txt {
        margin-top: 0 !important;
    }
    .txta .txt + .txt {
        width: 100%;
    }
    .w250 {
        width: 100%;
    }
    .footer_faq + .plus {
        display: none;
    }
    .pcbody {
        width: 100% !important;
        float: none !important;
    }
    .pcblock1 .clearfix p a {
        float: right;
        color: #0000FF;
    }
    .pcblock2 li {
        width: 100%;
    }
    .writersBox + .writersBox {
        padding-right: 10px !important;
        padding-left: 10px !important;
    }

.bigitems {
    margin: 0 0 30px 0;
}
.bigitems li {
    float: left;
    width: 50%;
    max-height: 60px;
    clear: inherit !important;
    margin-bottom: 10px;
}
.bigitems li img {
    float: left;
    width: 35%;
    max-width: 58px;
}
.bigitems li span {
    float: right;
    display: inline-block;
    width: 60%;
    padding-right: 5%;
    font-size: 11px;
    line-height: 1.2;
}
.bigitems li span strong {
    display: block;
    margin-bottom: 3px;
    font-size: 10px;
    color: #a37b54;
}
.imgtyose {
    display: table;
    float: left;
    height: 60px;
    width: 58px;
}
.imgtyose strong img {
    width: 100%;
}

.footer_menu_sp {
    margin: 10px;
}
.footer_menu_sp li {
    float: left;
    display: table;
    width: 32.0%;
}
.footer_menu_sp li + li {
    margin-left: 3%;
}
.footer_menu_sp li:last-child {
    margin-left: 0;
    float: right;
}
.footer_menu_sp li a {
    text-align: center;
    background: #FFF;
    border-radius: 5px;
    font-weight: bold;
    font-size: 12px;
    color: #093a1e;
    line-height: 1.4;
    padding: 15px;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}
#top.home #contents>section.contents_top {
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-right: 0;
    padding-left: 0;
    width: 100% !important;
}
.bruckebox {
    max-width: 100% !important;
}
.indexrei3 {
    border-top: 1px solid #CCC;
    margin-top: 1.25em;
}

.information_list dd {
    width: 25%;
}
.information_list dd + dd {
    width: 55%;
}

#top .infomation * {
    height: auto !important;
}
/*main [class^="infomation"] .flex>dd::before {
    display: none;
}*/

.motomiru a {
    padding: 10px;
    border: 1px solid #CCC;
    border-radius: 30px;
    font-size: 16px;
    margin: 20px auto 0 auto;
    display: block;
    width: 90%;
}
#top .infomation h2 {
    margin-top: 0;
}
main .new_picture ul>li>a>span:not(.image) {
    padding: 0 0 0 0.75em;
}
#top .new_picture h2::before {
    content:" ";
    display: block;
    margin: 0 10px;
    height: 1px;
    background: #dcdddd;
}
#top #contents section#under_contract {
    padding-top: 0;
}
#top main #contents>.lineup>h2 {
    padding-bottom: 1em;
}
#top main .list .overview {
    margin-bottom: 1em;
}
main #contents>.lineup>.artist_tab>li>a {
    text-align: left;
    /*padding: 0.625em 5px !important;*/
    padding: 0.625em 32px 0.625em 5px !important;
    font-size: 14px;
}
main #contents>.lineup>.artist_tab>li>a::after {
    bottom: inherit;
    left: inherit;
    top: calc( 50% - 4px );
    right: 5px;
}


/*main#workdetail .singledisplay {
    display: none;
}*/
#workdetail .sp-slide img {
    width: auto !important;
}
.nituitebox .right-col {
    display: none;
}
.newlydataBox p.tar {
    width: 48% !important;
    float: left;
    font-size: 14px;
}
.newlydataBox p.tar a {
    min-width: inherit !important;
}
.newlydataBox + .slider-pro {
    clear: both;
}
.newlydataBox p.tar + p.tar {
    float: right;
    font-size: 12px;
    margin-top: 0.3em;
}
.newlydataBox p.tar + p.tar a {
    font-size: 16px;
}
.newlydataBox dd p.f12pt {
    font-size: 14px;
}
#workdetail .list + .list.gyarasakuhin ul li {
    margin-bottom: 10px !important;
}

.art_catg {
    background: #f0eae0;
    padding: 20px 20px 15px 20px;
}
.btn_area01 {
    padding-top: 15px;
}
.btn_area01 li {
    float: none;
    width: 100%;
    margin: 0 0 2% 0;
}
.btn_area01 li a {
    display: block;
    padding: 10px;
    background: #FFF;
    text-align: left;
    font-size: 14px;
    position: relative;
}
.btn_area01 li a::after {
    right: 10px;
    top: calc( 50% - 12px);
}
    .imgBox-left .imgBox,
    .imgBox-right .imgBox,
    .imgBox-center .imgBox {
        float: none;
        text-align: center;
        margin: 0 0 0 0;
    }
    .imgBox-left .imgBox img,
    .imgBox-right .imgBox img,
    .imgBox-center .imgBox img {
        max-width: 100%;
    }
    .imgBox-block .block .block_inner {
        width: 100%;
        float: none;
    }
    .imgBox-block .block .block_inner + .block_inner {
        float: none;
        margin-top: 15px;
    }
    .room_photo img {
        max-width: 100% !important;
        height: auto;
    }

main #branding {
    height: auto !important;
    text-align: left !important;
}
main #branding h1 {
    background-size: cover !important;
    text-align: left !important;
}
main #branding h1 span {
    text-align: left !important;
}
main #branding h1 b {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    text-align: left !important;
}

.workbody .work_prev {
    position: static;
    float: left;
}
.workbody .work_next {
    position: static;
    float: right;
}
.workbody .work_prev img {
    height: 10px;
    float: left;
    margin: 10px 5px 0 0;
}
.workbody .work_next img {
    height: 10px;
    float: right;
    margin: 10px 0 0 5px;
}
.workbody .work_prev span,
.workbody .work_next span {
    display: inline-block;
}
	main .fix_message .link {
		text-align: center;
	}

/* △ここまでSP
---------------------------------------------------*/
}



/* 選べる買取方法
---------------------------------------------------*/
.strengthen-way .item {
	width: calc(33.333% - 20px);
	float: left;
	margin-right: 30px;
}
.strengthen-way .item:nth-of-type(3n) {
	margin-right: 0;
}
.strengthen-way .item .inner {
	border: 1px solid #e8e8e8;
	padding: 15px;
}
.strengthen-way .item .inner .image {
	width: 115px;
	height: 107px;
	float: left;
	margin-right: 15px;
	overflow: hidden;
}
.strengthen-way .item:nth-of-type(2) .image {
	margin-top: -10px;
}
.strengthen-way .item .inner .image img {
	width: 100%;
}
.strengthen-way .item .inner .text {
	overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.strengthen-way .item {
		width: 100%;
		padding: 10px;
		margin: 0;
	}
	.strengthen-way .item .inner .text {
		float: right;
		width: 55%;
	}
	.strengthen-way .item .inner .image {
		width: 40%;
		height: auto;
		margin-right: 5%;
	}
}

/* ヘッダー動作用
---------------------------------------------------*/
header * {
    transition: 1.5s;
}
.header-change{
    position: fixed;
    top: -152px;
    transition: .5s;
}
.header-change.show{
    top: 0;
}
@media only screen and (max-width: 768px) {
	header {
		position: fixed;
		top: 0;
	}
	.workbody {
		margin-top: 20px;
	}
}
@media screen and (min-width: 768px),print {
header.is-animation {
    background: #02381D;
}
header.is-animation .header_menu01::after,
header.is-animation .header_menu01 ul {
    display: none;
}
header.is-animation .logo {
    width: 140px;
}
header.is-animation .header_menu02 {
    margin-right: 60px;
}
header.is-animation .header_menu02 li ul {
    top: 63px;
}
header.is-animation #searchform-change {
    top: 63px;
}
header.is-animation .header_menu02 li {
    padding: 16px 0 19px;
    height: 63px;
}
header.is-animation .search {
    position: absolute;
    right: 0;
    top: 15px;
}

}


/*レイアウト調整
--------------------------------------------------------------------*/

main #contents>.contents_top .infomation dl {
	display: table;
	width: 100%;
}
main #contents>.contents_top .infomation dl dt,
main #contents>.contents_top .infomation dl dd {
	display: table-cell;
	vertical-align: middle;
}
main #contents>.contents_top .infomation dl dd {
	font-size: 14px;
	padding: 7px 2px 6px 10px;
	line-height: 1.5;
}
main #contents>.contents_top .infomation dl dt,
main #contents>.contents_top .infomation dl dd.cate {
	font-size: 12px;
	padding: 9px 2px 7px;
	position: relative;
}
main #contents>.contents_top .infomation dl dt {
	text-align: center;
	width: 70px;
}
main #contents>.contents_top .infomation dl dd.cate {
	width: 71px;
	text-align: center;
}
main #contents>.contents_top .infomation dl dt:after,
main #contents>.contents_top .infomation dl dd.cate:after {
	content: "";
	background-color: #A8A7A7;
	width: 1px;
	height: 16px;
	position: absolute;
	right: 0;
	top: 50%;
	display: block;
	transform: translateY(-50%);
}
main #contents>.contents_top .infomation dl.column dt:after {
	height: 42px;
	top: 6px;
	transform: none;
}
section.list ul.flex.column4 {
	padding: 0 15px;
}
main .artistDetail .categoryBtn .flex.column3 .txt.flexgrow1 {
	padding: 0;
	margin-bottom: 0;
}
main .artistDetail .categoryList  + section,
main .artistDetail .categoryBtn  + section {
	margin-top: 20px;
}
main .artistDetail .categoryBtn  + .categoryList {
	margin-top: 0;
}
.txt.tar a.btn_english {
	float: none;
	margin: 0 auto;
}
#knowPage h2 {
	margin-bottom: 1em;
	border-bottom: 1px solid #e6e6e6;
}
#contents section .indexbox li.area-link h2 {
	padding: 15px 0;
}
.questionnaire dl + dl {
	margin-top: 1.5em;
}
.questionnaire dl dt {
	margin-bottom: 8px;
}

.form-privacy {
	text-align: left;
	font-size: 14px;
}
.form-privacy h4 {
	font-size: 16px;
	margin-top: 15px;
}
.form-privacy a {
	color: #0000FF;
	font-size: 12px;
}

.work_group {
	text-align: center;
}
section.categoryBtn,
section.categoryList {
	padding: 0 0 1.875em;
}
.bloglist li a span {
    width: 100% !important;
}
.bloglist li a img {
    min-height: inherit !important;
}
.newstatus strong {
    font-weight: normal;
    color: #FF0000;
}
.newstatus b {
    font-weight: normal;
}
.wpcf7-checkbox .wpcf7-list-item input,
.mwform-checkbox-field.horizontal-item input {
    float: left;
}
@media screen and (min-width: 768px),print {
    .consullist .wpcf7-checkbox .wpcf7-list-item,
	.consullist .mwform-checkbox-field.horizontal-item {
        width: 47%;
    }
    .btnabsolute {
        position: relative;
    }
    .btnabsolute .tar.fright {
        position: absolute;
        right: 0;
        top: -10px;
    }
	#contents>section#aboutus {
		padding-left: 30px;
		padding-right: 30px;
	}
}
#request.picup1 .title {
	 font-size: 14px;
	 line-height: 1.3 !important;
}
#ryakureki {
	padding-top: 107px !important;
	margin-top: -107px !important;
}
#overview {
	padding-top: 1.875em !important;
	margin-top: -1.875em !important;
}

.sell a {
	text-decoration: none;
}
.sell a:hover {
	text-decoration: underline;
}
#contents .sell h3 {
	margin-top: 20px;
	color: #000;
}
#contents .sell h3:first-of-type {
	margin-top: 0;
}


li.submenu.current {
    background-color: #f2f2f2;
}
li.submenu.current:after {
    background-color: #09381E;
    width: 100%;
    height: 3px;
    display: block;
    position: absolute;
    bottom: 0;
}
/*li.submenu.current a {
    color: #09381E;
}*/
@media screen and (max-width: 768px) {
	li.submenu.current {
	    background-color: #fff;
	}
	li.submenu.current:after {
		content: none;
	}
	li.submenu.current a {
		color: #333;
	}
}

@media print {
	body {
		width: 1100px;
	}
	.header-change {
		display: none;
	}
	main .image:not(.contain) img{
		animation: none;
		-webkit-animation: none;
	}	
}

main.columlayout {
}
main.columlayout>article>#side {
    float: right;
    margin-top: 100px;
}
main.columlayout>article>#contents {
    float: left !important;
    overflow: inherit;
}
main.columlayout #branding {
    overflow: inherit;
    position: relative;
    height: 180px;
}
main.columlayout #branding #request {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 5;
}
main.columlayout article:first-child:after {
    content: "";
    position: absolute;
    right: 0;
    top: 43px;
    width: 200px;
    height: 266px;
    display: block;
    background: #FFF;
}
main.columlayout #branding h1.image.bdg {
    float: left;
    height: 180px;
}
.columnmain_text {
    display: none;
}
main.columlayout .columnmain_text {
    font-size: 12px;
    text-align: center;
    background: #FFF;
    line-height: 1.4;
    padding: 7px 5px 10px 5px;
    display: block;
    position: relative;
}
main.columlayout .columnmain_text:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -65px;
    width: 130px;
    height: 1px;
    display: block;
    background: #CCC;
}
main.columlayout .columnmain_text strong {
    clear: both;
    display: block;
    margin-top: 6px;
}
main.columlayout .columnmain_text strong span {
    color: #c1272d;
}
main.columlayout #request.picup1 .title {
    line-height: 1.7 !important;
}
main.columlayout #branding .picup1>.wbox {
    height: inherit;
}

.newlydataBox.pclayout {
    width: 550px;
    float: none;
    margin: 25px auto 0 auto;
    clear: both;
}
.newlydataBox.pclayout .newsPcBox {
    float: left;
    margin-top: 81px;
}
@media all and (-ms-high-contrast:none){
    .newlydataBox.pclayout .newsPcBox {
        width: 48%;
    }
}

.newlydataBox.pclayout .newsPcBox + .newsPcBox {
    float: right;
    width: 43%;
}
.newlydataBox.pclayout .newsPcBox + .newsPcBox .btn_english {
    width: 80%;
}
.newlydataBox.pclayout .newsPcBox + .newsPcBox .newly_tel {
    width: 100%;
    font-size: 16px;
}
.newlydataBox.pclayout .newsPcBox + .newsPcBox .newly_tel a {
    font-size: 16px;
}
.newlydataBox.pclayout .newsPcBox + .newsPcBox .tar a {
    line-height: 2.3em;
}
.close-btn,
.foot-action-inner,
#action-wrap {
    display: none;
}
.sakka_movie {
    margin-bottom: 1.875em;
}

.workPage {
    background: none;
}
.workPage #contents h2 {
    color: #000;
    font-size: 23px;
    padding: 0;
    margin-bottom: 25px;
}
.workcategory {
    margin: 50px 0 35px 0;
    overflow: hidden;
}
.workcategory li {
    float: left;
}
.workcategory li + li {
    margin-left: 10px;
}
.btn_goods,
.workcategory li select {
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    width: 196px;
    padding: 9px 0 13px 0;
    background: #e6e6e6;
    border: 1px solid #CCC;
}
.btn_goods {
    display: block;
    line-height: 1.2;
    text-align: left;
    padding-left: 5px;
    background: #e6e6e6 url(../img/btn_goods.png) no-repeat 180px center;
}
.btn_goods:hover {
    opacity: 1;
}

.flickImg {
    position: relative;
}
.flickImg .work_prev {
    top: 95%;
    left: -90px;
    margin-top: -22px;
}
.flickImg .work_next {
    top: 95%;
    right: -90px;
    margin-top: -22px;
}
.newlynavi {
    margin-top: 18px;
}

@media all and (-ms-high-contrast:none){
    .workcategory li select {
        font-size: 16px;
        text-align: center;
        font-weight: bold;
        width: 235px;
        padding: 10px;
        background: #FFF;
        border: 1px solid #CCC;
    }
}
.workcategory li select option {
    text-align: center;
    font-weight: bold;
    background: #FFF;
}
.workcategory li select option + option {
    border-top: 1px solid #CCC;
    margin: 0 20px;
    font-weight: normal;
}
.workbody2 {
    padding-top: 2.125em;
}
.sp-contact {
	display: none;
}
.strongbtnArea {
	width: 100%;
	padding: 10px 0;
	text-align: center;
	border: 1px solid #e8e8e8;
}
.strongbtnArea h2 {
	font-size: 125% !important;
	color: #008000 !important;
	font-weight: bold !important;
	padding: 0 0 1.0em !important;
}
.strongbtnArea .linkbox {
	margin: 0 auto;
	width: auto !important;
	display: inline-block !important;
}
.mw-wp-form_image img {
 width: 200px !important;
}

@media all and (min-width: 0px) and (max-width: 768px) {
    .close-btn,
    .foot-action-inner {
        display: block;
    }
    .newlydataBox.pclayout {
        width: 100% !important;
    }
    .newlydataBox.pclayout .newsPcBox .links {
        margin-bottom: 20px;
        display: none;
    }
    #action-wrap {
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 100;
        width: 100%;
    }
    #action-wrap.foot-action .close-btn {
        width: 100%;
        text-align: left;
        margin: 0 auto;
        font-size: 0;
    }
    #action-wrap.foot-action .close-btn span {
        width: 54px;
        height: 30px;
        background: #CDB379;
        display: inline-block;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        cursor: pointer;
        margin-right: 5px;
    }
    #action-wrap.foot-action .close-btn span figure {
        display: block;
        width: 8px;
        height: 8px;
        border-top: 2px solid #fff;
        border-left: 2px solid #fff;
        transform: rotate(-135deg);
        margin: 12px auto;
        transition: 0.3s;
    }
    #action-wrap.foot-action .close-btn span.close-box figure {
        transform: rotate(45deg);
        margin: 14px auto;
        transition: 0.3s;
    }
    #action-wrap .foot-action-inner {
        text-align: left;
        background: #CDB379;
        width: 100%;
    }
    #action-wrap .foot-action-inner .footer_contact_in {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0;
    }
    #action-wrap .foot-action-inner #action-btn a {
        display: block;
        padding: 11px 0;
        /*border: 3px solid #02381d;*/
        width: 100%;
        height: 100%;
        background: #FFF;
        color: #CDB379;
        line-height: 1.6;
        text-align: center;
        border-radius: 5px;
        font-size: 16px;
        font-weight: bold;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
	.foot-action.close-box h3 i {
		position: absolute;
		right: 10px;
		top: 50%;
		transform: translateY(-50%);
		transition: 0.3s;
	}
    #pagetop {
        /*position: fixed;
        bottom: 20px;
        right: 20px;
        z-index: 12;*/
        position: static;
        overflow: hidden;
        float: right;
        margin: -24px 0 0 0;
        right: 0;
    }
    .sakka_movie iframe {
        width: 100% !important;
    }
    .flickImg .work_prev,
    .flickImg .work_next {
        display: none;
    }
    .workcategory {
        margin: 50px 0.625em 35px 0.625em;
        overflow: hidden;
    }
    .workcategory li {
        width: 48%;
    }
    .workcategory li select {
        width: 100%;
    }
    .newlynavi {
        margin-top: 20px;
    }
    main.columlayout article:first-child:after {
        display: none;
    }
    main .linkbox>span {
        padding: 0 !important;
    }
    main .linkbox>span::after {
        right: 10px;
    }
    .work_group {
        clear: both;
    }
    .work_group li {
        float: right;
        width: 48%;
    }
	.sp-contact {
		position: absolute;
		display: inline-flex;
		top: calc(50% - 25px);
		right: 101px;
		width: auto;
		cursor: pointer;
		justify-content: center;
		align-items: center;
		padding: 4px;
		font-size: 12px;
		text-align: right;
	}
	.strongbtnArea .linkbox {
		margin: 0 auto;
		width: auto !important;
		display: inline-block !important;
	}
	.strongbtnArea .linkbox > span {
		padding: 0 2.5em 0 1.5em !important;
	}
}

/* 190516 広告LP
----------------------------------------------------------------------*/
#lpPage header {
    background: #02381d !important;
}
#lpPage header {
}
@media all and (min-width: 769px) {
    #lpPage header #global_nav {
        margin-top: 20px;
    }
}
@media all and (min-width: 0px) and (max-width: 768px) {
    #lpPage .btnHamburger,
    #lpPage .search {
        display: none;
    }
    #lpPage .sp-contact {
        right: 10px;
    }
    .newlydataBox.pclayout .newsPcBox + .newsPcBox .btn_english {
        width: 100%;
    }
}


/* 190627 pager styles
----------------------------------------------------------------------*/
.box_page{
	clear:both;
	overflow:hidden;
	padding:25px 0;
	text-align:center;
	background: #f0eae0;
	}
ul.page{
	list-style:none;
	}

.box_page .page-numbers,
ul.page li{
	display:inline-block;
	margin:0 3px 0 0;
	border:1px solid #999999;
	width:45px;
	height:45px;
	box-sizing: border-box;
	background: #fff;
	}
.box_page .prev,
ul.page li.prev{
	border:none;
	width:45px;
	background: none;
	}
.box_page .next,
ul.page li.next{
	border:none;
	width:45px;
	background: none;
}
.box_page a,
ul.page li a{
	color:#999999;
	display:block;
	text-align:center;
	padding:7px 0;
	}
.box_page a:hover,
ul.page li a:hover{
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
	background:#02381d;
	color:#FFF;
	}
.box_page span.current,
ul.page li span.here{
	/*display:block;*/
	text-align:center;
	padding:7px 0;
	background:#02381d;
	color:#FFF;
}
.box_page .dots,
.box_page .more {
	border:none !important;
	text-align:center;
	padding:10px 0 0 0;
	background: none;
}


/* 190809
--------------------------------------------------------------------------------*/
.lh14 { line-height: 1.4 !important; }

.newlydataBox.pclayout.singlelayout {
    max-width: 770px;
    width: 100%;
}
.singlelayout .newsPcBox {
    width: 48%;
}
.newlydataBox.pclayout.singlelayout .info1>dt + dd {
    width: 296px;
}

.tokuBox {
    counter-reset: number 0;
    clear: both;
    margin-top: 13px;
}
.tokuBox dt {
    font-size: 16px;
    font-weight: bold;
    /*color: #FFF;*/
    text-align: center;
    color: red;
    display: block;
    width: 100%;
    /*background: #02381D;*/
    padding: 14px 4px;
    line-height: 1;
    border: 1px solid #e8e8e8;
    border-bottom: none;
}
.tokuBox dd {
    padding: 6px 4px 6px 65px;
    position: relative;
    /*margin-top: 10px;*/
    border: 1px solid #e8e8e8;
}
.tokuBox dd + dd {
    /*margin-top: 10px;*/
    border-top: none;
}
.tokuBox dd span {
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    /* font-size: 14px; */
    padding: 3px 4px;
    line-height: 1.4;
    color: #02381D;
    font-weight: bold;
}
.tokuBox dd span:after {
    counter-increment: number 1;
    content: counter(number) " ";
}

.newsPcBox th,
.newsPcBox td {
    font-size: 100% !important;
}

.listback {
    margin-bottom: 15px;
    overflow: hidden;
}
.tar + .listback {
    margin: 10px 0;
}
.tar + .listback a {
    font-size: 80%;
}
.listback li {
    float: right;
}
.listback li a {
    background: none;
    border: none;
}
.listback li a span {
    font-size: 90%;
}

.columnList {
    background: #F0EAE0;
    overflow: hidden;
    padding: 20px 20px 0 20px;
}
.columnListbody {
}
.columnListbody #contents {
    width: 100%;
}
.columnListbody #contents .columnList dl {
    float: left;
    width: 228px;
    margin: 0 24px 24px 0;
}
.columnListbody #contents .columnList dl:nth-child(4n) {
    margin-right: 0;
}
.columnListbody #contents .columnList dl dt {
    width: 100% !important;
    background: none;
}
.columnListbody #contents .columnList dl dt img {
    display: block;
    margin: 0 auto 15px auto;
    max-width: 100%;
    max-height: 150px;
    height: auto;
    width: auto;
}
.columnListbody #contents .columnList dl dd {
    width: 100% !important;
    background: none;
    text-align: left;
    padding: 0 0.625em 0.625em;
}
.columnListbody #contents .columnList dl dd:before {
    display: none;
}

.columnlistmenu {
    overflow: hidden;
    margin-top: 1.875em;
}
.columnlistmenu li {
    float: left;
    width: 31%;
    box-sizing: border-box;
    border: 1px dotted #CCC;
    padding: 5px 5px 5px 10px;
}
.columnlistmenu li + li {
    margin-left: 3%;
}
.columnlistmenu li a {
    display: flex;
    align-items: center;
}
.columnlistmenu li a .sc01,
.columnlistmenu li a .sc03,
.columnlistmenu li a .sc04 {
    width: calc(100% - 80px);
}
/*.columnlistmenu li a .sc01 br,
.columnlistmenu li a .sc03 br,
.columnlistmenu li a .sc04 br {
    display: none;
}*/
.columnlistmenu li a .sc01 + span,
.columnlistmenu li a .sc03 + span,
.columnlistmenu li a .sc04 + span {
    line-height: 1.0;
}



@media all and (min-width: 0px) and (max-width: 768px) {
    main #contents .list .flex.skin_color>li a>.images img,
    main #contents .list .flex.skin_color>li a>.image img {
        max-height: inherit;
        max-width: 180px;
        width: 100% !important;
    }

    .columnListbody #contents {
        width: 100%;
    }
    .columnListbody #contents .columnList dl {
        float: none;
        width: 100%;
        margin: 0 0 24px 0;
    }
    .columnListbody #contents .columnList dl dt {
        width: 100% !important;
        background: none;
    }
	.columnlistmenu li {
		float: none;
		width: 100%;
		padding: 5px 5px 5px 10px;
	}
	.columnlistmenu li + li {
		margin-left: 0;
		margin-top: 5px;
	}
	.columnlistmenu li a {
		display: flex;
		align-items: center;
	}
	.columnlistmenu li a .sc01,
	.columnlistmenu li a .sc03,
	.columnlistmenu li a .sc04 {
		width: calc(100% - 80px);
	}
	/*.columnlistmenu li a .sc01 br,
	.columnlistmenu li a .sc03 br,
	.columnlistmenu li a .sc04 br {
		display: none;
	}*/
	.columnlistmenu li a .sc01 + span,
	.columnlistmenu li a .sc03 + span,
	.columnlistmenu li a .sc04 + span {
		line-height: 1.0;
	}
}



#request {
	display: inline-block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0;
}
.horizontal-item + span.error {
	display: block;
	width: 100%;
}