@charset "UTF-8";

/*  
Theme Name: WSC7
Theme URI: http://www.studiobrain.net/wsc
Description: WSC Project, Very simple theme. Markup of css which can facilitate customization. Using the CSS media queries, change the screen size.
Version: 1.0
Author: Go Imai
Author URI: http://www.studiobrain.net/
Tags: black,silver,white,light,two-columns,right-sidebar,fixed-width,custom-background,custom-menu,editor-style,sticky-post,translation-ready,threaded-comments
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-----------------------------------------------------------------------------
 WordPress CMS Theme. Based on work by WSC Project: http://wsc.studiobrain.net/
---------------------------------------------------------------------------- */

/*reset*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body{line-height:1;}
ol, ul, li{list-style:none;margin:0;padding:0;}
blockquote, q{quotes:none;}
:focus{outline:0;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
table{border-collapse:collapse;border-spacing:0;}
caption{width:100%;}
a{outline:none;}

/*clearfix*/
.cf:before,.cf:after {content:"";display:block;overflow:hidden;}
.cf:after {clear:both;}
.cf {zoom:1;}

/*style*/
body{margin:0px;
  padding:0;
  -webkit-text-size-adjust: none;
  font:12px/24px "Meiryo","MS PGothic","Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  color:#cac7c2;
  background-color:#000000;
}
h1,h2,h3,h4,h5,h6,p{margin:0 0 15px;}
ul,ol{padding:0;margin:0 0 20px 20px;}
h1{font-size:20px;line-height:24px;}
h2{font-size:18px;line-height:20px;}
h3{font-size:15px;line-height:22px;}
h4{font-size:15px;line-height:20px;}
h5{font-size:14px;line-height:18px;}
h6{font-size:12px;line-height:16px;}



h2,h3,h4{clear:both;}
h2 {
    color            : #cdcac6;
    background-color : #3a342b;
    border-top       : #6e6355 2px solid;
    border-bottom    : #6e6355 2px solid;
    padding-top      : 3pt;
    padding-left     : 6pt;
	text-align		 : center;
	font-weight: normal; 
}

h3 {
    color            : #cdcac6;
    background-color : #3a342b;
    padding-top      : 3pt;
    padding-left     : 6pt;
	font-weight: normal; 
}
h4 {
    color            : #cdcac6;
    border-top       : #6e6355 2px solid;
    border-bottom    : #6e6355 2px solid;
    padding-top      : 3pt;
    padding-left     : 6pt;
    font-weight: normal; 
}




hr{background-color:#eee;border:0;height:1px;clear:both;margin:30px auto;}
hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin:3px;
}


img{border:none;height:auto;margin:2px;}

a{text-decoration:underline;color:#cac7c2;}
a:hover{text-decoration:underline;}
a img{vertical-align:bottom;max-width:100%;height:auto;}
.screen-reader-text{display:none;}
.clear{clear:both;}
.clear hr{display:none;}
blockquote{margin:0px 0px 20px;padding:10px 15px;background-color:#3a342b;border:1px solid #ddd;border-radius:5px;-moz-border-radius:5px;}
blockquote blockquote{margin:20px 0;background-color:#fff;}
blockquote blockquote blockquote{margin:20px 0;background-color:#f4f4f4;}
blockquote p{padding:0px;margin:0px 0px 0px 0px}
object,embed{width:100%;display:block;margin:auto;}


table{margin:0 0 20px;}
table{margin-top:1px;border:1px #464646 solid;border-collapse:collapse;border-spacing:0;}
table th{padding:5px;border:#464646 solid;border-width:0 0 1px 1px;background:#3a342b;font-weight:bold;line-height:120%;text-align:center;}
table td{padding:5px;border:1px #464646 solid;border-width:0 0 1px 1px;}
table td.right{text-align: right;}



/*wrap*/
#wrap{max-width:900px;margin:auto;text-align:left;clear:both;}
#main{text-align:left;overflow:hidden;padding:20px 0;width:620px;float:left;}
@media screen and (max-width: 920px) {#main{max-width:640px;margin:auto;display:block;float:none;width:auto;padding:20px 10px;}}
#main-wide{float:left;text-align:left;overflow:hidden;padding:20px 0;max-width:900px;}
@media screen and (max-width: 920px) {#main-wide{width:100%;padding:20px 10px;}}
#main-liquid{width:100%;padding:20px 0;}

/*header*/
#header{max-width:900px;margin:auto;overflow:hidden;}
#site-title{margin:0;padding:0;}
#site-title a{float:left;margin:0 10px 0 0;}
#site-description{font-size:12px;font-weight:normal;font-style:normal;line-height:18px;margin:10px 0 0;padding:0;text-align:right;}
@media screen and (max-width: 920px) {#site-description{margin-right:10px;}}

/*header-menu*/
#header .menu {padding:0;float:right;clear:right;margin:0;}
#header .menu li{float:left;margin:10px 0 0;}
#header .menu li a{float:left;font-size:12px;line-height:15px;padding:5px 10px;text-decoration:none;border-left:0px solid #eee;}
#header .menu li a:hover{background-color:#210e10;}

/*top-image*/
#top-image{clear:both;height:220px;}
@media screen and (max-width: 920px) {#top-image{height:auto;}}
#top-image-wrap{max-width:900px;margin:auto;}
#top-image img{width:100%;display:block;}

/*second-image*/
#second-image{clear:both;background-color:#3a342b}

/*breadcrumb*/
#breadcrumb{color:#fff;clear:both;font-size:12px;line-height:20px;padding:20px 0;max-width:900px;margin:auto;}
@media screen and (max-width:920px) {#breadcrumb{padding:10px;}}
#breadcrumb a{color:#fff;text-decoration:none;}

/*content*/
.hentry{padding:0;overflow:hidden;}
.hentry .pageTitle,
.hentry .pageTitle a{text-decoration:none;font-size:18px;line-height:22px;}
.hentry ul{margin-left:25px;padding-left:0px;}
.hentry ol{margin-left:30px;padding-left:0px;}
.hentry ul li{list-style-type:disc;}
.hentry ol li{list-style-type:decimal;}
.hentry .postmetadata{text-align:right;font-size:12px;clear:both;float:right;line-height:20px;}
.sticky {background:#f8f8f8;margin:0 0 30px;padding:20px;}
.sticky hr{display:none;}

/*navigation*/
.navigation{clear:both;padding:20px 0 0;font-size:11px;line-height:21px;text-align:center;border-top:1px solid #ccc;}
.navigation a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;}
.navigation a:hover{background-color:#aaa;}
.navigation div.alignleft {float:left;}
.navigation div.alignright {float:right;}

/*wp-pagenavi*/
.wp-pagenavi{clear:both;padding:0;font-size:11px;line-height:21px;text-align:center;}
.wp-pagenavi span.extend {color:#ccc;margin:2px;}
.wp-pagenavi span.current{background-color:#48e;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi span.pages{background-color:#ccc;padding:5px 20px;color:#fff;padding:5px 10px;border-radius:5px;-moz-border-radius:5px;margin:2px;}
.wp-pagenavi a{color:#fff;padding:5px 10px;background-color:#999;text-decoration:none;border-radius:5px;-moz-border-radius:5px;padding:5px 10px;margin:0 2px;}
.wp-pagenavi a:hover{background-color:#aaa;}

/*image*/
.thumbnail-align img{float:left;padding:7px;margin:0 20px 20px 0;background-color:#eee;}
img.centered{display:block;margin-left:auto;margin-right:auto;}
img.alignleft{float:left;margin:0 10px 10px 0;background-color:#eee;}
img.alignright{float:right;margin:0 0 10px 10px;background-color:#eee;}
.aligncenter{clear: both;display: block;margin:auto;}
.alignright{float:right;}
.alignleft{float:left;}
.wp-caption {background: #f1f1f1;line-height: 18px;margin-bottom: 20px;text-align: center;padding:7px 2px;}
.wp-caption.alignleft{float:left;margin:0 15px 15px 0;}
.wp-caption.alignright{float:right;margin:0 0 15px 15px;}
.wp-caption img {margin:0;}
.wp-caption p.wp-caption-text {color: #888;font-size: 12px;margin:0;}
.gallery {margin:0 auto 18px;padding:0 0 25px;}
.gallery .gallery-item {float: left;text-align: center;}
.gallery .gallery-caption {color: #888;font-size: 12px;margin:0;}
.gallery br+br {display: none;}
@media screen and (max-width: 480px) {.hentry img {float:none;display:block;margin:auto auto 15px;padding:0;max-width:100%;}}

/*comment*/
#comments{max-width:900px;margin:auto;}
.commentlist{margin:15px 0 0;border-top:1px solid #eee;}
.commentlist p{margin:10px 0;clear:both;}
.commentlist li{clear:both;}
.commentlist .comment-body{border-bottom:1px solid #ccc;margin:0 0 15px;clear:both;font-size:12px;line-height:20px;padding:15px 10px;}
.commentlist .reply{text-align:right;}
.commentlist .avatar{float:left;margin:0 10px 0 0;}
.comment-author.vcard {}
#respond {padding:0;}
#reply-title {margin:0;padding:0;}
#commentform{padding:10px 0;}
#commentform p{margin:0 0 5px;}
#commentform textarea#comment{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;width:98%;}
#commentform input{font-size:13px;line-height:20px;border:1px solid #666;padding:3px;clear:both;width:98%;}
#commentform .required{color:#c00;}
#commentform label{}
.commentlist .bypostauthor{background-color:#eee;}
.form-allowed-tags {font-size:11px;line-height:15px;color:#999;}
.form-submit #submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}

/*sideFix*/
#sideFix{width:250px;}
@media screen and (max-width:920px){#sideFix{width:auto;}}
.fixed{position: fixed;top: 20px;}
@media screen and (max-width:920px){.fixed{position:static;}}

/*side*/
#side{overflow:hidden;padding:0 0 20px;margin:0;width:250px;float:right;}
@media screen and (max-width: 920px) {#side{border-top:1px solid #ccc;width:100%;float:none;}}
@media screen and (max-width: 480px) {#side{clear:both;border-top:1px solid #ccc;}}
.side-widget{padding:20px 0 0;float:left;width:250px;overflow:hidden;}
@media screen and (max-width: 920px) {.side-widget{border-bottom-style:none;margin:0 10px;}}
@media screen and (max-width: 480px) {.side-widget{border-bottom:1px dotted #ccc;width:auto;display:block;float:none;padding-bottom:20px;}}
.side-widget .widget-title{margin:0;font-weight:bold;}
.side-widget ul{margin:0;}
.side-widget ul ul{margin:0;padding:0 0 0 10px;}
.side-widget p{margin:0;}
.side-widget th,.side-widget td{padding:0;text-align:center;}

/*footer*/
#footer{clear:both;background-color:#000000;padding:0;}
#footer-wrap{max-width:900px;margin:auto;}
#footer-bottom{max-width:900px;margin:auto;padding:10px 0 0;}
#copyright{float:right;padding:0 0 20px;font-size:11px;}
@media screen and (max-width: 920px) {#copyright{margin-right:10px;}}

/*footer-widget*/
#footer-wrap{clear:both;margin:0 auto;}
#footer-widget-area{float:left;width:100%;margin:0;}
.footer-widget{padding:15px 0;margin:0 10px 0 0;float:left;width:215px;}
@media screen and (max-width: 920px) {.footer-widget{margin:0 0 0 10px;}}
@media screen and (max-width: 480px) {.footer-widget{border-bottom:1px dotted #fff;width:auto;display:block;float:none;}}
.footer-widget .widget_title{margin:0;font-weight:bold;}
.footer-widget ul{margin:0;}
.footer-widget p{margin:0;}
.footer-widget img{max-width:195px;}

/*footer-menu*/
#footer-menu{clear:both;}
#footer-menu ul{float:left;margin:0;padding:0;}
#footer-menu li{float:left;border-right:1px solid #eee;padding:0 10px;margin:0 0 10px;}
#footer-menu a{float:left;}

/*Contact Form 7*/
.wpcf7-form{border:1px solid #ddd;margin:0 auto 20px;padding:20px;background-color:#f4f4f4;border-radius:10px;-moz-border-radius:10px;}
.wpcf7-form input{margin:0;}
.wpcf7-form textarea{width:99%;margin:0 0 10px;}
.wpcf7-form p{margin:0 0 10px;}
.wpcf7-not-valid-tip{padding:2px;clear:both;color:#c00;}
.wpcf7-display-none{display:none;}
.wpcf7-form img.ajax-loader{float:right;margin-top:-30px;}
.wpcf7-response-output{margin:0 0 20px;padding:5px;text-align:center;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}
.wpcf7-mail-sent-ok{background-color:#398f14;color:#fff;}
.wpcf7-mail-sent-ng{background-color:#ff0000;color:#fff;}
.wpcf7-spam-blocked{background-color:#ffa500;color:#000;}
.wpcf7-validation-errors{background-color:#f7e700;color:#000;}
input.wpcf7-submit{margin:10px auto;width:218px;display:block;cursor:pointer;padding:0;border:1px solid #aaa;font-size:13px;line-height:20px;border-radius:5px;-moz-border-radius:5px;background-color:#fff9d3;}










*.logbox{border: solid 1px #808080;height: 120px;padding: 0.5em;overflow: auto;margin-bottom :2px;}

/*
���E�ɕ����鎞�Ɏg��
*/
div.soto{overflow:hidden;}
div.soto div.hidari{float:left;margin:5px;}
div.soto div.migi{margin:5px;}

/*
���i�̃y�[�W�Ŏg��
*/
div.item{
  border: solid 1px #808080;
  overflow:hidden;
  padding:0px;
  margin:5px;
}

div.item h2{
    font-size        : 15px;
    color            : #ede1eb;
    background-color : #3a342b;
    border-top       : #6e6355 0px solid;
    border-bottom    : #6e6355 0px solid;
    padding-left     : 4pt;
    font-weight: normal; 
    margin-top:0px;
    margin-bottom :2px;
}
div.item a{color:#ede1eb;}
div.item div.gazou{float:left;padding:0px;margin:3px;}
div.item div.hidari{float:left;max-width:450px;padding:0px;margin:3px;}
div.item div.migi{text-align:right;float:right;line-height:12px;padding:0px;margin:3px;}
div.item p{line-height:12px;margin:5px;}
div.item p.kakaku{line-height:12px;margin:5px;font-size:20px;line-height:22px;color:#ff0000;}
div.item span.sub{font-size:10px;}

div.item hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin:3px;
}

/*
���j���[�Ŏg��
*/
div.side-widget h2{margin-top :8px;margin-bottom :2px;}
div.side-widget li{
    background-repeat: no-repeat;
    background-position: left center;
}
div.side-widget li a {
    display: block;
    width: 300px;
    border-bottom: 1px solid #6e6355;
    text-decoration: none;
    padding: 2px 10px 2px 20px;
}

div.side-widget li a:hover {
    background-image: url(img/sidemenu_bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-color:#210e10;
}

#slider{
    position:relative;
    width: 100%;
    max-width:920px;
    padding:0;
    margin:0 auto;
}
#slider img {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}


/* Make Blank written by Yamada 20200401 */
.blank_S{margin-top:30px;}
.blank_M{margin-top:50px;}
.blank_L{margin-top:80px;}


/* Colomn(Dangumi) written by Yamada 20200401 */
.blockLeft {float:left; width:50%; padding-right:5pt;}
.blockRight{margin-left:50%; padding-left:5pt;}

.blockThreeLeft	 {float:left; width:33%;}
.blockThreeCenter{float:left; width:33%;}
.blockThreeRight {float:left; width:33%;}

.blockClear{clear:both;}


/* Table No Boder written by Yamada 20200401 */
.tableBorderLess{border:none; margin:0;}
.tableBorderLess td{border:none; padding:1px;}


/* Table with Center Border written by Yamada 20201127 */
.tableCenterBorder{border:none;}
.tableCenterBorder td{border:none; padding:10px;}
.tableCenterBorder tr{border-bottom:1px solid #464646;}
.tableCenterBorder tr:last-child{border:none;}
.tableCenterBorder td{border-right:1px solid #464646;}
.tableCenterBorder td:last-child{border:none;}


/* Table with BackGround on Even Rows written by Yamada 20201127 */
.tableEvenBack{border:none;}
.tableEvenBack td{border:none; padding:10px;}
.tableEvenBack tr:nth-child(even){background:#3a342b;}
.tableEvenBack td:nth-child(even){border-left:1px solid #464646;}


/* Table for Banners on TopPage written by Yamada 20200401 */
.tableBanner{border:none; margin:0;}
.tableBanner td{border:none; padding:10px 1px; text-align:center; width:25%;}
.tableBanner img{width:90%;}


/* Frame Image & Text written by Yamada 20200724 
	画像と説明文を横並びで表示するフレーム
*/
.frameImageText {border:#808080 solid; border-width:3px;}
.frameImageText td{border:#808080 solid; border-width:3px;}

.frameImageText td.picture{
	width:30%;
	margin:0;
	padding:0;
	vertical-align:middle;
}

.frameImageText td.text{
	width:70%;
	font-size:11pt;
	margin:0;
	padding-left:20px;
	padding-right:20px;
	vertical-align: middle;
}

.frameImageText img{
	margin:0;
	padding:0;
	vertical-align:middle;
}


/* Frame Round Corner by Yamada 20200724 */
div.frameRound {
	border:2px solid;
	border-radius:8px; 
	padding:8px;
	margin:10px;
}

div.frameRound div.title{
	margin:5px 0px;
	font-size:12pt;
	font-weight:bold;
}

div.frameRound div.text{
	padding:0px 20px;
}

div.frameRound div.image{
	text-align:center;
}


/* Table Lesson Profile by Yamada 20200807 */
.lessonprofile{
border:none;
margin:0px 0px 30px 0px;
}

.lessonprofile td{
	border:none;
	vertical-align:top;
	padding:8px 8px 50px 8px;
}


/* Table Lesson Price written by Yamada 20200724 */
.lesson-price {
	text-align:center;
	overflow: auto;
  	white-space: nowrap;
}

.lesson-price table{
	min-width:500px;
	table-layout: fixed;
	text-align: center;
	border:none;
	border-width:0;
	margin:0px 0px 10px 0px;
}

.lesson-price th{
	padding:5px;
	border:#464646 solid;
	border-width:1px;
	background:#3a342b;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}

.lesson-price td{
	width:12.5%;
	padding:2px;
	border:#464646 solid;
	border-width:1px;
}

.lesson-price td.blank{
	border:none;
	background:none;
	text-align:center;
	vertical-align: middle;
}

.lesson-price td.title{
	padding:5px;
	border:#464646 solid;
	border-width:1px;
	background:#574e42;
	font-weight:bold;
	line-height:120%;
	text-align:center;
}




/* Rental Table written by Yamada　20200401 */
div.rental{
  border: solid 1px #808080;
  overflow:hidden;
  padding-left:0pt;
  margin:5px;
}

div.rental h2{
    font-size        : 15px;
    color            : #ede1eb;
    background-color : #3a342b;
    border-top       : #6e6355 0px solid;
    border-bottom    : #6e6355 0px solid;
    padding-left     : 4pt;
    font-weight: normal;
	text-align		 :left;
    margin-top:0px;
    margin-bottom :2px;
}
div.rental a{color:#ede1eb;}
div.rental div.gazou{float:left;padding:0px;margin:3px;}
div.rental div.block-left{float:left;width:50%;padding-right:5pt;}
div.rental div.block-right{margin-left:50%;padding-left:5pt;}
div.rental p{line-height:12px;margin:5px;}

div.rental p.kakaku{color            : #cdcac6;
    background-color : #3a342b;
    padding-top      : 3pt;
    padding-left     : 6pt;
	font-weight: normal; 
					}

div.rental span.sub{font-size:10px;}

div.rental itemimg {text-align:center;}
div.rental subimg {margin-left:40%; width:20%;}
div.rental explanation{margin-left:60%; width:40%;}

#img {padding:2px;}
#mainimg {float:left; width:40%;}
#subimg {float:left; width:20%;}
#explanation {margin-left:62%;}


div.rental hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin:3px;
}


/* 
Products Frame written by Yamada 20200703 
used in Atelier Quatrro
*/
div.products{
  border: solid 1px #808080;
  overflow:hidden;
  padding-left:0pt;
  margin:5px;
}

div.products h2{
    font-size        : 15px;
    color            : #ede1eb;
    background-color : #3a342b;
    border-top       : #6e6355 0px solid;
    border-bottom    : #6e6355 0px solid;
    padding-left     : 4pt;
    font-weight: normal;
	text-align		 :left;
    margin-top:0px;
    margin-bottom :2px;
}
div.products a{color:#ede1eb;}
div.products div.gazou{float:left;padding:0px;margin:3px;}
div.products div.block-left{float:left;width:30%;padding-right:5pt;}
div.products div.block-right{margin-left:30%;padding-left:5pt;} 
div.products p{line-height:12px;margin:5px;}


div.products p.kakaku{color            : #cdcac6;
    background-color : #3a342b;
    padding-top      : 3pt;
    padding-left     : 6pt;
	font-weight: normal; 
					}

div.products span.sub{font-size:10px;}

div.products itemimg {text-align:center;}
div.products subimg {margin-left:40%; width:20%;}
div.products explanation{margin-left:60%; width:40%;}

#img {padding:2px;}
#mainimg {float:left; width:40%;}
#subimg {float:left; width:20%;}
#explanation {margin-left:62%;}


div.products hr{
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    margin:3px;
}


/* 
Instruments Frame written by Yamada 20200918 
used in Martini & Wurmer
*/

.inst{
	border: solid 1px #808080;
	overflow:hidden;
	padding-left:0pt;
	margin:5px;
	display: flex;
	flex-wrap: wrap;
}

.inst div.title{
	width	: 100%;
	margin	: 0px;
}

.inst div.title h2{
	font-size       	: 18px;
	color           	: #ede1eb;
	background-color	: #3a342b;
	border-top      	: #6e6355 1px solid;
	border-bottom  		: #6e6355 1px solid;
	padding-left		: 4pt;
	font-weight			: normal;
	text-align		 	: left;
}

.inst div.left{
	float	: left;
	width	: 40%;
	padding	: 1%;
}

.inst div.left img{
	width: 100%;
}

.inst div.right{
	margin-left	: 42%;
	padding		: 1%;
} 

.inst div.headline{
    line-height: 26px;
    padding-left: 30px;
	border-bottom: #464646 2px solid;
    background: url(http://quattro.sub.jp/wp/wp-content/uploads/four_diamond.gif) no-repeat;
    background-size: 24px 24px;
	background-position: center left;
}

span.name{
	font-size: 16px;
	font-weight: bold;	
    padding: 0 5px;
    border-left: double 1px #464646;
}


.inst div.explain{	
	padding: 5px;
}


.inst ul.photos{
	border-top: solid 1px #808080;
	padding: 5px;
	margin: 0;
	display: flex;
	flex-wrap:wrap;
	
}

.inst ul.photos li{
	list-style	: none;
	width		: calc(100%/5);
	padding		: 0 5px;
	box-sizing	: border-box;	
}

.inst ul.photos li img{
	max-width		: 100%; 
	height			: auto; 
}





.plain_table2{
	border:none;
	text-align: center;
}

.plain_table2 td{
	border:none;
	padding:1px;
}

.plain_table2 td:nth-child(even){
	border-left: 1px solid #464646;
}

.label_vn{
	height: 100%;
	background: url(http://quattro.sub.jp/wp/wp-content/uploads/label_vn.gif) no-repeat;
	background-position: center left;
	background-size: auto 100%;
}

.label_va{
	height: 100%;
	background: url(http://quattro.sub.jp/wp/wp-content/uploads/label_va.gif) no-repeat;
	background-position: center left;
	background-size: auto 100%;
}

.label_vc{
	height: 100%;
    background: url(http://quattro.sub.jp/wp/wp-content/uploads/label_vc.gif) no-repeat;
	background-position: center left;
	background-size: auto 100%;
}




div.frame2{
	margin:0px 0px 20px;
	padding:10px 15px;
	background-color:#3a342b;
	border:2px solid #ddd;
	border-radius:10px;
	-moz-border-radius:10px;
}

div.frame2 div.title{
	margin:5px 0px 5px 0px;
	font-size:12pt;
	font-weight:bold;
}

div.frame2 div.text{
	padding:0px 20px 0px 20px;
}

div.frame2 div.image{
	text-align:center;
}

div.frame2 div.text ul{
	margin: 0 0 0 40px;
}


/* Label by Yamada 20201009 */
four-diamond{
    line-height: 26px;
    padding-left: 30px;
	font-size: 14pt;
    background: url(http://quattro.sub.jp/wp/wp-content/uploads/four_diamond.gif) no-repeat;
    background-size: 24px 24px;
	background-position: center left;
}

ul.topList li{
	margin-bottom: 10px;
}