/*<agl.folder "COMMON ELEMENT">*/
body        { color: #323232; font-size: 85%; font-family: "ms pgothic", Meiryo, "Hiragino Kaku Gothic Pro", osaka, arial, sans-serif; line-height: 180%; height: 100%; -webkit-text-size-adjust: none    }
* { margin: 0; min-height:0; }
a  { color: #323232; text-decoration: none }
a:visited { color: #666 }
a:hover  { color: #c5a15e; text-decoration: underline }
img { border: 0; vertical-align: bottom; }
h1, h2, h3, h4, h5, h6 , .heading-title  { font-size: 100%; font-weight: normal }
table { border-collapse: collapse; border-spacing: 0 ;font-size:100%   }
caption, th { text-align: left }
address { font-style: normal; font-weight: normal; display: inline }
blockquote, ol, ul { margin-left: 1em }
/*</agl.folder>*/

/*<agl.folder "COMMON STYLE">*/
/*FONT*/
.large { font-size: 120% }
.small { font-size: 80%; }
.lh-100 { line-height: 100%; }
.lh-120 { line-height: 120%; }
.lh-130 { line-height: 130%; }
.lh-140 { line-height: 140%; }
.lh-150 { line-height: 150%; }
.warn { color: #f00 }
.need { color: #fff; background-color: #c5a15e; margin-right: 0.15em; margin-left: 0.15em; padding: 0.15em }
.mess { color: #359a00 }
/*ALIGN*/
.ta-center { text-align: center }
.ta-right { text-align: right }
.ta-left { text-align: left }
.va-top { vertical-align: top }
.va-center { vertical-align: middle }
.va-bottom { vertical-align: bottom }
.fl-right { float: right }
.fl-left { float: left }
/*OTHER*/
.dot { height: 1px; clear: both; border-style: dotted none none; border-width: 1px medium medium; border-color: #999 }
hr.both  { margin: 0; padding: 0; height: 0; clear: both; border-style: none }
.hidden { display: none;}
.nodot  { list-style-type: none; margin: 0; padding: 0 }
.inline { display: inline; margin-right: 0.75em }
/*BREAK*/
.break  { display: block; clear: both }
*:first-child+html .break{ height: 0 }
.clear { overflow: hidden; }
.clear { /zoom: 1; }/*for IE6,7*/
.clear:after {
content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
.clear { display: block; }
/* no ie mac \*/
* html .clear { height: 1%; }
.clear { display: block; }

/*MARGIN*/
.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-15 { margin: 15px; }
.m-20 { margin: 20px; }
.m-25 { margin: 25px; }
.m-30 { margin: 30px; }
.m-35 { margin: 35px }
.m-40 { margin: 40px }
.m-45 { margin: 45px }
.m-50 { margin: 50px }
.m-60 { margin: 60px }
.m-70 { margin: 70px }
.m-80 { margin: 80px }

.m-b5 { margin-bottom: 5px; }
.m-b10 { margin-bottom: 10px; }
.m-b15 { margin-bottom: 15px; }
.m-b20 { margin-bottom: 20px; }
.m-b25 { margin-bottom: 25px; }
.m-b30 { margin-bottom: 30px; }
.m-b35 { margin-bottom: 35px; }
.m-b40 { margin-bottom: 40px; }
.m-b45 { margin-bottom: 45px; }
.m-b50 { margin-bottom: 50px; }
.m-b50 { margin-bottom: 50px; }
.m-b60 { margin-bottom: 60px; }
.m-b70 { margin-bottom: 70px; }
.m-b80 { margin-bottom: 80px; }

.m-t5 { margin-top: 5px; }
.m-t10 { margin-top: 10px; }
.m-t15 { margin-top: 15px; }
.m-t20 { margin-top: 20px; }
.m-t25 { margin-top: 25px; }
.m-t30 { margin-top: 30px; }
.m-t35 { margin-top: 35px; }
.m-t40 { margin-top: 40px; }
.m-t45 { margin-top: 45px; }
.m-t50 { margin-top: 50px; }
.m-t60 { margin-top: 60px; }
.m-t70 { margin-top: 70px; }
.m-t80 { margin-top: 80px; }

.m-l5 { margin-left: 5px; }
.m-l10 { margin-left: 10px; }
.m-l15 { margin-left: 15px; }
.m-l20 { margin-left: 20px; }
.m-l25 { margin-left: 25px; }
.m-l30 { margin-left: 30px; }
.m-l35 { margin-left: 35px; }
.m-l40 { margin-left: 40px; }
.m-l45 { margin-left: 45px; }
.m-l50 { margin-left: 50px; }
.m-l60 { margin-left: 60px; }
.m-l70 { margin-left: 70px; }
.m-l80 { margin-left: 80px; }

.m-r5 { margin-right: 5px; }
.m-r10 { margin-right: 10px; }
.m-r15 { margin-right: 15px; }
.m-r20 { margin-right: 20px; }
.m-r25 { margin-right: 25px; }
.m-r30 { margin-right: 30px; }
.m-r35 { margin-right: 35px; }
.m-r40 { margin-right: 40px; }
.m-r45 { margin-right: 45px; }
.m-r50 { margin-right: 50px; }
.m-r60 { margin-right: 60px; }
.m-r70 { margin-right: 70px; }
.m-r80 { margin-right: 80px; }

/*PADDING*/
.p-5 { padding: 5px; }
.p-10 { padding: 10px; }
.p-15 { padding: 15px; }
.p-20 { padding: 20px; }
.p-25 { padding: 25px; }
.p-30 { padding: 30px; }
.p-35 { padding: 35px; }
.p-40 { padding: 40px; }
.p-45 { padding: 45px; }
.p-50 { padding: 50px; }
.p-60 { padding: 60px; }
.p-70 { padding: 70px; }
.p-80 { padding: 80px; }

.p-b5 { padding-bottom: 5px; }
.p-b10 { padding-bottom: 10px; }
.p-b15 { padding-bottom: 15px; }
.p-b20 { padding-bottom: 20px; }
.p-b25 { padding-bottom: 25px; }
.p-b30 { padding-bottom: 30px; }
.p-b35 { padding-bottom: 35px; }
.p-b40 { padding-bottom: 40px }
.p-b45 { padding-bottom: 45px }
.p-b50 { padding-bottom: 50px }
.p-b60 { padding-bottom: 60px }
.p-b70 { padding-bottom: 70px }
.p-b80 { padding-bottom: 80px }

.p-t5 { padding-top: 5px; }
.p-t10 { padding-top: 10px; }
.p-t15 { padding-top: 15px; }
.p-t20 { padding-top: 20px; }
.p-t25 { padding-top: 25px; }
.p-t30 { padding-top: 30px; }
.p-t35 { padding-top: 35px; }
.p-t40 { padding-top: 40px; }
.p-t45 { padding-top: 45px; }
.p-t50 { padding-top: 50px; }
.p-t60 { padding-top: 60px; }
.p-t70 { padding-top: 70px; }
.p-t80 { padding-top: 80px; }

.p-l5 { padding-left: 5px; }
.p-l10 { padding-left: 10px; }
.p-l15 { padding-left: 15px; }
.p-l20 { padding-left: 20px; }
.p-l25 { padding-left: 25px; }
.p-l30 { padding-left: 30px; }
.p-l35 { padding-left: 35px; }
.p-l40 { padding-left: 40px; }
.p-l45 { padding-left: 45px; }
.p-l50 { padding-left: 50px; }
.p-l60 { padding-left: 80px; }
.p-l70 { padding-left: 70px; }
.p-l80 { padding-left: 80px; }

.p-r5 { padding-right: 5px; }
.p-r10 { padding-right: 10px; }
.p-r15 { padding-right: 15px; }
.p-r20 { padding-right: 20px; }
.p-r25 { padding-right: 25px; }
.p-r30 { padding-right: 30px; }
.p-r35 { padding-right: 35px; }
.p-r40 { padding-right: 40px; }
.p-r45 { padding-right: 45px; }
.p-r50 { padding-right: 50px; }
.p-r60 { padding-right: 60px; }
.p-r70 { padding-right: 70px; }
.p-r80 { padding-right: 80px; }
/*</agl.folder>*/
/*<agl.folder "COMMON">*/
.content { margin-right: auto; margin-left: auto; width: 900px; clear: both }
.content-inner  { margin-bottom: 60px; padding-right: 50px; padding-left: 50px }
.content-inner-nobottom  { padding-right: 50px; padding-left: 50px }
.content-inner-border { margin-bottom: 60px; padding-right: 30px; padding-left: 30px; border: solid 1px #e5e5e5 }
.content-block-wb { margin-bottom: 60px; padding-bottom: 60px; border-bottom: double #e5e5e5 }
.content-block-sb  { margin-bottom: 60px; border-bottom: 1px solid #e5e5e5 }
.content-block-grey { background-color: #e5e5e5 }
.p-list  { font-weight: bold }
.p-example { font-weight: bold }
.p-example span { background-image: url("../images/parts/icon-cate-example.png"); background-repeat: no-repeat; background-position: left center; padding-top: 3px; padding-bottom: 3px; padding-left: 90px }
.p-blank { }
.p-blank a { color: #fff; font-weight: bold; text-decoration: none; background-color: #999; background-image: url("../images/parts/icon-blank.png"); background-repeat: no-repeat; background-position: 11px center; padding-top: 3px; padding-bottom: 3px; padding-left: 30px }
.p-blank span { background-image: url("../images/parts/icon-smalldelta.png"); background-repeat: no-repeat; background-position: right center; margin-right: 10px; padding-right: 10px }
.p-list a , .p-list span { background-image: url("../images/parts/icon-cir-right-m-brwn.png"); background-repeat: no-repeat; background-position: left center; padding-top: 0.15em; padding-bottom: 0.15em; padding-left: 18px }
.virtual-table { display: table; margin-right: auto; margin-left: auto }
.virtual-td2 { display: table-cell; width: 50% }
.virtual-td3 { display: table-cell; width: 33% }
.virtual-td4  { display: table-cell; width: 25%; vertical-align: top }
.b-btn  { font-size: 110% }
.b-btn a  { padding-top: 0.5em; padding-bottom: 0.5em }
.b-btn button  { padding-top: 1em; padding-bottom: 1em }
.b-btn button:hover { background-color: #999; cursor: pointer }
.b-btn a , .b-btn button    { color: #fff; line-height: 100%; background-color: #c5a15e; text-align: center; display: inline-block; padding-right: 3.5em; padding-left: 3.5em; border-style: none }
:root *> .b-btn a , :root *> .b-btn button { background-image: url("../images/parts/icon-delta-ss-white-R.png"); background-repeat: no-repeat; background-position: right 1em center; }

.b-btn .b-btn-ja { display: block }
.b-btn .b-btn-en { font-size: 70%; display: block }

.l-btn  { font-size: 75%; font-family: Arial }
.l-btn a    { color: #c5a15e; line-height: 100%; text-decoration: none; background-color: #fff; text-align: center; display: inline-block; padding: 0.3em 1.5em; border: solid 1px }
:root *> .l-btn a    { background-image: url("../images/parts/icon-delta-ss-brown.png"); background-repeat: no-repeat; background-position: right 0.75em center; }
.cate     { color: #fff; font-size: 90%; line-height: 120%; display: inline-block; margin-right: 1em; padding-right: 2em; padding-left: 2em }
:root *> .cate    { background-image: url("../images/parts/icon-cate-bg.png"); background-repeat: no-repeat; background-position: right -5px center }
.cate a   { color: #fff; text-decoration: none; display: block }
.l-btn a:hover    { color: #fff; text-decoration: none; background-color: #c5a15e; background-image: url("../images/parts/icon-delta-ss-white-R.png"); border: solid 1px }
.l-btn span { display: block }
#abs-pagebute { }
#abs-pagebute a  { background-color: #999; background-repeat: no-repeat; background-position: center; display: block; width: 35px; height: 35px }
#abs-pagebute span { display: none }
#abs-prev { position: fixed; top: 400px; left: 0 }
#abs-prev a  { background-image: url("../images/parts/icon-delta-s-white-L.png") }
#abs-next { position: fixed; top: 400px; right: 0 }
#abs-next a  { background-image: url("../images/parts/icon-delta-s-white-R.png") }
.footer-pagebute { text-align: center; margin-bottom: 60px }
.footer-pagebute a, .current_page { background-repeat: no-repeat; background-position: center; text-align: center; display: inline-block ; margin-right: 2px; margin-left: 2px; width: 30px; height: 30px; vertical-align: middle }
.footer-pagebute a { color: #fff; background-color: #999; border: solid 1px #999 }
.footer-pagebute a:hover { }
.current_page { color: #323232; background-color: #fff; border: solid 1px #999 }
.link_page { }
.footer-pagebute-next { }
.footer-pagebute-prev { }
.link_before { background-image: url("../images/parts/icon-delta-ss-white-L.png") }
.link_before span , .link_next span { display: none }
.link_next { background-image: url("../images/parts/icon-delta-ss-white-R.png") }
/*</agl.folder>*/
/*<agl.folder "LAYOUT">*/
#container      { margin-right: auto; margin-left: auto }
#container-inner  { margin-right: auto; margin-left: auto; min-height: 0 }
#alpha, #beta, #gamma     { position: relative; height: 100%; float: left }
#content      { clear: both }
#content-inner       { }
#content-inner { display: block }
#content-inner:after { content: " ";display: block;visibility: hidden;clear: both;height: 0.1px;font-size: 0.1em;line-height: 0;}
/* no ie mac \*/
* html #content-inner { height: 1%; }
#content-inner { display: block; }
#header-inner, #content-inner, #footer-inner, .asset-body { height: 1% }
#header-inner, #footer-inner, #alpha-inner, #beta-inner, #gamma-inner { overflow: hidden }
/* alfa-beta-gamma */
.alfa-beta-gamma #alpha { width: 560px }
.alfa-beta-gamma #beta { left: 190px; width: 190px }
.alfa-beta-gamma #gamma { right: 190px; width: 190px }
.alfa-beta-gamma #alpha-inner { padding: 20px }
.alfa-beta-gamma #beta-inner { padding: 20px }
.alfa-beta-gamma #gamma-inner { padding: 20px }
/* beta-alfa-gamma */
.beta-alfa-gamma #alpha  { left: 190px; width: 560px }
.beta-alfa-gamma #beta  { left: -560px; width: 190px }
.beta-alfa-gamma #gamma  { width: 190px }
.beta-alfa-gamma #alpha-inner { padding: 20px }
.beta-alfa-gamma #beta-inner { padding: 20px }
.beta-alfa-gamma #gamma-inner { padding: 20px }
/* alfa-beta */
.alfa-beta #alpha  { width: 700px }
.alfa-beta #beta  { width: 240px }
.alfa-beta #gamma { display: none }
.alfa-beta #alpha-inner { padding: 20px }
.alfa-beta #beta-inner { padding: 20px }
/* beta-alfa */
.beta-alfa #alpha { left: 190px; width: 750px }
.beta-alfa #beta { left: -750px; width: 190px }
.beta-alfa #gamma { display: none }
.beta-alfa #alpha-inner { padding: 20px }
.beta-alfa #beta-inner { padding: 20px }
/* alfa */
.alfa #alpha  { width: 100% }
.alfa #beta { display: none  }
.alfa #gamma { display: none }
.alfa #alpha-inner  { }
/*</agl.folder>*/
/*<agl.folder "HEADER">*/
#header    { border-bottom: 1px solid #e5e5e5 }
#header-inner    { margin: 0 auto; padding: 20px; }
#header-content   { width: 110px; float: left }
#header-name   { margin-top: 5px }
#header-name a  { background-image: url("../images/parts/logo-apple-m-2019.png"); background-repeat: no-repeat; background-size: contain; display: block; position: relative; width: 110px; height: 30px }
#header-name span { display: block; position: absolute; top: -1000px }
#header-description  { position: relative }
#header-description span { position: absolute; top: -1000px }
#header-nav-inner { margin: 0 auto; position: relative; width: 900px }
#header-right   { width: 840px; float: right }

#hhmenu           { width: 904px; float: right; overflow: hidden }
#hhmenu ul       { list-style-type: none; margin: 0; padding: 0; height: 34px }
#hhmenu li     { display: block; margin: 0; height: 34px; float: left }
#hhmenu a     { display: block; height: 34px; float: left; background-size: 100%; }
#hhmenu a:hover      { background-position: 0 -34px; background-size: 100%; }
#hhmenu span { display: none }
#hhmenu li.concept a   { background-image: url(../images/parts/hhmenu-concept-2019.png); width: 70px }
#hhmenu li.style a   { background-image: url(../images/parts/hhmenu-style-2019.png); width: 63px }
#hhmenu li.house a   { background-image: url(../images/parts/hhmenu-house-2019.png); width: 65px }
#hhmenu li.reform a   { background-image: url(../images/parts/hhmenu-reform-2019.png); width: 74px }
#hhmenu li.kitchen a   { background-image: url(../images/parts/hhmenu-kitchen-2019.png); width: 77px }
#hhmenu li.funiture a   { background-image: url(../images/parts/hhmenu-funiture-2019.png); width: 84px }
#hhmenu li.blog a   { background-image: url(../images/parts/hhmenu-blog-2019.png); width: 57px }
#hhmenu li.about a   { background-image: url(../images/parts/hhmenu-about-2019.png); width: 65px }
#hhmenu li.contact a    { background-image: url("../images/parts/hhmenu-contact-2019.png"); margin-right: 20px; width: 70px }
#hhmenu li.online-shop a    { background-image: url("../images/parts/hhmenu-online-shop-2019.png"); margin-right: 15px; width: 98px }
#hhmenu li.online-shop a:hover      { background-position: 0 -33.5px; background-size: 100%; }
#hhmenu li.gallery a   { background-image: url(../images/parts/hhmenu-gallery-2019.png); width: 65px;margin-right: 9px; }

#concept #hhmenu li.concept a,
#style #hhmenu li.style a,
#house #hhmenu li.house a,
#flow #hhmenu li.house a,
#reform #hhmenu li.reform a,
#kitchen #hhmenu li.kitchen a,
#funiture #hhmenu li.funiture a,
#blog #hhmenu li.blog a,
#about #hhmenu li.about a,
#contact #hhmenu li.contact a,
#online-shop #hhmenu li.online-shop a,
#gallery #hhmenu li.gallery a

{ background-position: 0 -67.5px }

#hhmenu li.sns-btn{ list-style-type: none; width: 30px; display: inline; margin: 6px 0 0 6px; }
#hhmenu li.sns-btn a{height: 30px;}
#hhmenu li.sns-btn img{width: 95%;}
#hmenu           { padding: 10px 30px }
#menu-sns   { list-style-type: none; margin-left: 0; padding-left: 0; width: 86px }
#menu-sns li  { display: inline-block; margin: 0 0 0 6px; padding: 0;width: 34px;}
#menu-sns a { text-decoration: none }
#menu-sns a img{width: 100%;}
.topicpath  { color: #656565; font-size: 80%; float: left }
.topicpath a  { color: #656565; text-decoration: none }
/*</agl.folder>*/
/*<agl.folder "FOOTER-CONTENTS">*/
#footer-contents     { margin-right: auto; margin-bottom: 80px; margin-left: auto; padding-top: 2px; width: 900px }
#footer-contents h2     { font-size: 150%; font-weight: bold; text-align: center; letter-spacing: 0.25em; padding-bottom: 30px }
#footer-contents-link  { overflow: hidden }
#footer-contents-link div { text-align: center; width: 225px; float: left }
#footer-contents-link h3    { font-size: 110%; font-weight: bold; text-align: center; letter-spacing: 0.25em; margin-bottom: 0.5em }
#footer-contents-link p  { text-align: center }
#footer-guide { background-color: #e5e5e5; padding-top: 50px; padding-bottom: 50px }
#footer-guide ul { list-style-type: none; margin: 0 auto; padding: 0; width: 900px; overflow: hidden }
#footer-guide li { text-align: center; margin: 0; padding: 0; width: 280px; float: left }
#footer-guide img { border: solid 1px #fff }
#footer-guide li.fg-mid { width: 340px !important }
/*</agl.folder>*/
/*<agl.folder "FOOTER">*/
#footer    { }
#footer-inner      { margin: 0 auto; padding: 20px; width: 900px }
#footer-content   { }
#footer-content, #footer-content a  { }
#fmenu  { color: #666; background-color: #eaeeea; text-align: center; margin-bottom: 20px; padding-top: 5px; padding-bottom: 5px }
#fmenu a  { color: #666; text-decoration: none; background-image: url(../images/parts/icon-del-m-green.png); background-repeat: no-repeat; background-position: left center; padding-left: 10px }
#fmenu ul  { font-size: 12px; margin: 0; padding: 0 }
#fmenu li  { display: inline; margin-right: 1em; margin-left: 1em }
#home #fmenu a.home,
#contents01 #fmenu a.contents01,
#contents02 #fmenu a.contents02,
#contents03 #fmenu a.contents03,
#contents04 #fmenu a.contents04,
#contact #fmenu a.contact
 { font-weight: bold;}
#footer-left    { width: 750px; float: left }
#footer-right   { position: relative; width: 130px; min-height: 100px; float: right }
#footer-company-img { }
#footer-companyname  { font-weight: bold }
#footer-companyaddress  { display:inline-block;vertical-align:middle; }
#footer-companyaddress img { display:inline-block;vertical-align:middle;}
#footer-companycontact { }
#copy   { font-size: 10px; font-family: Arial; text-align: center; padding-top: 10px; position: absolute; bottom: 0 }
#copy a { text-decoration: none }
.pagetop   { text-align: center; padding-bottom: 10px }
.pagetop span  { display: none }
/*</agl.folder>*/
/*<agl.folder "INQUIRY">*/
.contact-tel  { font-size: 200%; padding-top: 1em; padding-bottom: 1em }
.form-area   { margin-right: auto; margin-left: auto; width: 100%; border-collapse: collapse   }
.form-area caption  { font-weight: bold; padding: 8px }
.form-area th , .form-area td    { text-align: left; padding-top: 0.5em; padding-bottom: 0.5em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
.form-area tr:hover  { background-color: #feffff }
.form-area th   { width: 25% }
.form-area th span  { }
.form-area td { }
.form-btn { text-align: center }
.form-back { text-align: right; margin-top: 20px; padding: 5px; border: solid 1px #999 }
.form-btn button[type="submit"],.form-btn button[type="reset"] { color: #fff; font-size: 120%; background-color: #c5a15e; text-align: center; cursor: pointer; margin: 0.75em; padding: 0.5em; min-width: 200px; border-style: none }
.input-text { padding: 3px }
.form-area input , .form-area textarea  { font-size: 12px }
.spam th , .spam td { background-color: #f1eeda }
/*</agl.folder>*/
/*<agl.folder "POLICY">*/
.policy-doc  { }
.policy-doc dt  { font-weight: bold }
.policy-doc dd  { }
/*</agl.folder>*/
/*<agl.folder "TITLE">*/
#hid-txt { background-repeat: no-repeat; background-position: center 0; margin-bottom: 30px; position: relative;height: 30px  }
#hid-txt span { position: absolute; top: -9999px }
#contact #hid-txt { background-image: url("../images/title/title-contact.png"); }
#about #hid-txt   { background-image: url("../images/title/title-about.png"); }
#concept #hid-txt   { background-image: url("../images/title/title-concept.png");}
#house #hid-txt    { background-image: url("../images/title/title-house.png"); }
#flow #hid-txt { background-image: url("../images/title/title-flow.png"); }
#reform #hid-txt { background-image: url("../images/title/title-reform.png"); }
#kitchen #hid-txt { background-image: url("../images/title/title-kitchen.png"); }
#funiture #hid-txt { background-image: url("../images/title/title-funiture.png"); }
#online-shop #hid-txt { background-image: url("../images/title/title-online-shop.png"); }
#about-shop #hid-txt  { background-image: url("../images/title/title-about-shopping.png"); margin-bottom: 60px !important }
#blog #hid-txt  { background-image: url("../images/title/title-blog.png"); margin-bottom: 60px !important }
#style #hid-txt  { background-image: url("../images/title/title-style.png"); margin-bottom: 60px !important }
#gallery #hid-txt  { background-image: url("../images/title/title-gallery.png"); margin-bottom: 60px !important }
.contents-title   { font-size: 140%; font-weight: bold; text-align: center; letter-spacing: 0.25em; margin-top: 10px; margin-bottom: 60px }
#style .contents-title { margin-bottom: 20px !important }
.heading-title { color: #fff; font-size: 120%; font-weight: bold; background-color: #999; text-align: center; padding-top: 10px; padding-bottom: 10px ; margin-bottom: 50px }
.heading-title span { }
#blog .asset-name  { font-size: 150%; font-weight: bold; background-image: url("../images/parts/icon-cir-right-l-brwn.png"); background-repeat: no-repeat; background-position: left center; letter-spacing: 0.25em; margin-bottom: 3em; padding-top: 0.25em; padding-bottom: 0.25em; padding-left: 25px }
/*</agl.folder>*/
/*<agl.folder "MT">*/
.asset-meta { font-weight: normal }
.meta-date { color: #656565; font-size: 90% }
/*title*/
#page-title { }
	.search-results-header  { }
	.asset-header   { }
	.asset-name  { }
	.asset-name span  { }
	.asset-name a  { text-decoration: none }
	.asset-name a:hover { text-decoration: underline }
	.archive-header { }
	.trackbacks-header, .comments-header, .comments-open-header, .archive-header, .search-form-header, .search-results-header  { font-weight: bold; border-bottom: 1px solid #ccc }
	/*content*/
	.asset { position: static; clear: both }
	.asset-content { position: static; clear: both }
	.asset-body   { line-height: 250% }
	.asset-more  { line-height: 250% }
	.asset-more-link { font-weight: bold }
	.asset-footer { clear: both }
	.content-nav { text-align: center }
	.asset-body, .asset-more, .asset-more-link, .asset-excerpt, .comment-content, .comment-footer, .comments-open-content, .comments-open-footer, .comments-closed, .trackbacks-info, .trackback-content, .trackback-footer, .archive-content { clear: both }
	.asset, .comments, .trackbacks, .archive { width: 100%; overflow: hidden }
	.archive-content { position: static; clear: both }
	.search-results-container { position: static; clear: both }
	/*meta*/
#style .meta-category { text-align: center; margin-bottom: 60px }
.byline { }
.entry-categories, .entry-tags  { }
	/*archive*/
	.archive { }
	.archive-content ul { list-style: none; margin: 0; padding: 0 }
	.archive-content li  { }
	.archive-content-date  { }
	.archive-content-digest  { }
	.archive-entries .archive-content li  { border-bottom: 1px solid #ccc }
	/*side*/
	.widget { position: relative; width: 100%; overflow: hidden }
	.widget-header { color: #fff; background-color: #359a00 }
	.widget-header span { }
	.widget-header, .widget-header a { color: #fff; font-weight: normal; text-decoration: none }
	.widget-header, .widget-content { }
	.widget-header a:hover { }
	.widget-content { position: relative }
	.widget-content a { }
	.widget-content ul { list-style: none; margin: 0; padding: 0 }
	.widget-content ul ul { }
	.widget-content li { }
	.widget-recent-assets .widget-content ul { margin-right: 0; overflow: auto }
	.sub { }
/*</agl.folder>*/
/*<agl.folder "MT OTHER">*/
	/*content*/
	.mt-image-left { margin: 0 20px 20px 0; float: left }
	.mt-image-center { text-align: center; display: block; margin: 0 auto 20px }
	.mt-image-right { margin: 0 0 20px 20px; float: right }
	/*meta*/
	.entry-tags h4, .entry-categories h4  { font-weight: bold; display: inline; margin-bottom: 0 }
	.entry-tags ul, .entry-categories ul { list-style: none; display: inline; margin-left: 0; padding-left: 0 }
	.entry-tags ul li, .entry-categories ul li { display: inline }
	/*search-results*/
	#search-results { }
	/*comments*/
	.comments-header, .comments-open-header { }
	.comment-content { }
	.comments { }
	.top-comment-nav { }
	.comments-content, comments-open-content { }
	.comments-open { }
	#comments-open-data { }
	#comments-open-data dt { font-weight: bold }
	#comments-open-data dd { border-bottom: 1px solid #ccc }
	#comments-open-footer { text-align: center }
	/*trackbacks*/
	.trackback-header { }
	.trackbacks-content { }
	.trackback { }
	.trackbacks-info { font-weight: bold }
	/*side*/
	.widget-calendar { }
	.widget-calendar table { width: 100% }
	.widget-calendar th, .widget-calendar td { text-align: center; border: solid 1px #7b7b7b }
	.widget-calendar th { color: #fff; background-color: #ccc }
	.widget-calendar td { }
	.widget-tag-cloud .widget-content ul { margin-right: 0; margin-left: 0 }
	.widget-tag-cloud .widget-content li { background: transparent; display: inline; margin: 0; padding: 0 }
	.widget-tag-cloud .rank-1 { font-size: 1.75em }
	.widget-tag-cloud .rank-2 { font-size: 1.75em }
	.widget-tag-cloud .rank-3 { font-size: 1.62em }
	.widget-tag-cloud .rank-4 { font-size: 1.5em }
	.widget-tag-cloud .rank-5 { font-size: 1.37em }
	.widget-tag-cloud .rank-6 { font-size: 1.25em }
	.widget-tag-cloud .rank-7 { font-size: 1.12em }
	.widget-tag-cloud .rank-8 { font-size: 1em }
	.widget-tag-cloud .rank-9 { font-size: 0.95em }
	.widget-tag-cloud .rank-10 { font-size: 0.9em }
	.widget-search ul, .widget-syndication ul { list-style: none; margin-left: 0 }
	.widget-search li, .widget-syndication li { margin: 0 }
	.widget-openid { margin: 0 auto; width: 160px; border: none !important }
	.widget-openid .widget-content { margin: 0; padding: 0; border: solid 1px #ccc }
	.widget-openid .widget-content em { font-style: normal; display: block; padding: 34px 9px 9px 68px }
	.widget-openid .widget-content strong { position: absolute; left: -9999px }
	.widget-openid .widget-content a { color: #666; font-weight: normal; text-decoration: underline; background: #eee; text-align: center; display: block; padding: 5px 3px }
	.item { text-align: center; list-style-type: none; display: inline; margin: 0 5px 8px; width: 70px; float: left; overflow: hidden; vertical-align: middle }
/*</agl.folder>*/
/*<agl.folder "ABOUT">*/
#about-key-visual { text-align: center; margin-bottom: 80px }
.about-profile { width: 50% }
.about-profile tr { vertical-align: top }
.about-profile th , .about-profile td { padding: 0.5em 0.25em }
.about-profile th { font-weight: bold; width: 26% }
.about-profile td { width: 74% }
.about-staff { width: 280px; float: left }
.about-staff-photo  { margin-bottom: 1em }
.about-staff-name  { font-size: 110%; font-family: HiraMinProN-W6, "MS PMincho"; text-align: center; margin-bottom: 1em }
.about-qualification  { margin-bottom: 0.5em; padding-right: 1.5em; padding-left: 1.5em }
.about-staff-summary  { padding-right: 1.5em; padding-left: 1.5em }
.about-history-photo { width: 300px; float: left }
.about-history-photo p { margin-bottom: 1.5em }
.about-history { width: 400px; float: right }
.about-history dt  { font-size: 120%; }
.about-history dd  { margin-bottom: 2em }
/*</agl.folder>*/
/*<agl.folder "CONCEPT">*/
#concept-key-visual { text-align: center; margin-bottom: 80px }
#concept-visual  { background-image: url("../images/concept/concept-parts01.png"); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 40px }
#concept-visual-inner { background-color: #ededed; padding-top: 80px }
#concept-visual h2 { text-align: center; margin-bottom: 50px }
.concept-visual-point { display: table-cell; padding-right: 30px; padding-bottom: 30px; padding-left: 30px; width: 260px }
.concept-visual-point p { padding: 0.25em }
.concept-detail  { display: table-cell; padding-right: 30px; padding-bottom: 40px; padding-left: 30px; width: 370px }
.concept-detail-btn { margin-bottom: 10px }
.concept-detail-summary { margin-bottom: 1em }
/*</agl.folder>*/
/*<agl.folder "HOUSE">*/
#house-key-visual  { text-align: center; margin-bottom: 50px }
#house-key-contents  { margin-right: auto; margin-left: auto; padding-right: 50px; padding-left: 50px; width: 800px }
.house-left { width: 380px; float: left }
.house-right  { width: 400px; float: right }
.summary-summary  { display: table-cell; padding-right: 20px; padding-left: 20px; width: 520px }
.summary-title   { font-size: 140%; font-weight: bold; line-height: 200%; display: table-cell; padding-right: 20px; padding-left: 20px; width: 320px }
.house-title   { font-size: 130%; font-weight: bold; letter-spacing: 0.15em; margin-bottom: 1em }
.house-summary { margin-bottom: 1em }
#flow #flow-1 { background-image: url("../images/house/flow-01.jpg") }
#flow #flow-2 { background-image: url("../images/house/flow-02.jpg") }
#flow #flow-3 { background-image: url("../images/house/flow-03.jpg") }
#flow #flow-4 { background-image: url("../images/house/flow-04.jpg") }
#flow #flow-5 { background-image: url("../images/house/flow-05.jpg") }
.flow-flow    { background-repeat: no-repeat; background-position: right 30px; display: table; margin-right: auto; margin-bottom: 30px; margin-left: auto; padding: 30px 50px; min-height: 150px; border-top: 1px solid #e5e5e5 }
.flow-step { display: table-cell; width: 150px }
.flow-step-num  { font-size: 130%; font-weight: bold }
.flow-step-num img  { margin-bottom: 0.25em; margin-left: 0.5em }
.flow-step-summary    { font-size: 90%; line-height: 120%; margin-left: 1em }
.flow-summary   { display: table-cell; width: 650px }
.flow-summary dl { }
.flow-summary dt   { font-weight: bold; background-image: url("../images/parts/icon-cir-right-m-brwn.png"); background-repeat: no-repeat; background-position: left center; padding: 0.15em 240px 0.15em 18px }
#about-shop .flow-summary dt { background-image: none; padding-left: 0 }
.flow-summary dd   { margin-bottom: 1em; margin-left: 0.25em; padding-right: 240px }
#about-shop .flow-summary dd { padding-right: 0 }
.flow-title  { font-size: 120%; font-weight: bold; margin-bottom: 1.5em }
.flow-subtitle  { font-weight: bold }
.bd1 { padding-bottom: 30px; border-bottom: 1px solid #e5e5e5 }
/*</agl.folder>*/
/*<agl.folder "REFORM">*/
#reform #flow-1 { background-image: url("../images/reform/flow-01.jpg") }
#reform #flow-3 { background-image: url("../images/reform/flow-02.jpg") }
#reform #flow-4 { background-image: url("../images/reform/flow-03.jpg") }
#reform #flow-5 { background-image: url("../images/reform/flow-05.jpg") }
/*</agl.folder>*/
/*<agl.folder "KITCHEN">*/
#kitchen #flow-1 { background-image: url("../images/kitchen/flow-01.jpg") }
#kitchen #flow-2 { background-image: url("../images/kitchen/flow-02.jpg") }
#kitchen #flow-3 { background-image: url("../images/kitchen/flow-03.jpg") }
#kitchen #flow-4 { background-image: url("../images/kitchen/flow-04.jpg") }
#kitchen #flow-5 { background-image: url("../images/kitchen/flow-06.jpg") }

/*</agl.folder>*/
/*<agl.folder "SHOP">*/
.rel-abs  { margin-right: auto; margin-bottom: 40px; margin-left: auto; position: relative; width: 900px }
.posi { position: absolute; top: 0; right: 60px }
.btn-shopcart  { position: fixed; top: 130px; right: 40px }
.cate-area-parent  { font-size: 80%; background-color: #f2f2f2; margin-bottom: 60px; padding-top: 1em; padding-bottom: 1em }
.cate-area-child   { margin-right: auto; margin-left: auto; position: relative; width: 900px }
.cate-area-child dl   { display: table; padding-top: 1em; padding-bottom: 1em; width: 900px }
.cate-area-child dl+dl { border-top: 1px solid #d8d8d8 }
.cate-area-child dt  { font-family: Helvetica; font-weight: bold; background-image: url("../images/parts/icon-search.png"); background-repeat: no-repeat; background-position: left 6px; display: table-cell; padding-top: 3px; padding-bottom: 3px; padding-left: 20px; width: 118px }
.cate-area-child dd   { display: table-cell; width: 782px }
#blog .cate-area-child dd { padding-right: 200px }
.cate-area-child ul { margin: 0; padding: 0 }
.cate-area-child li  { background-image: url("../images/parts/icon-cir-right-m-dwht.png"); background-repeat: no-repeat; background-position: left center; display: inline-block ; margin-right: 2em; padding-top: 0.15em; padding-bottom: 0.15em; padding-left: 20px }
.cate-area-child a  { color: #656565; text-decoration: underline }
.cate-area-select  { padding-top: 0.3em; padding-bottom: 0.3em; position: absolute; top: 2em; right: 0; width: 160px; border: solid 1px #e5e5e5 }
.cate-area-select option { font-size: 110% }
.tokusyo { margin-right: 50px; margin-bottom: 60px; margin-left: 50px; width: 100% }
.tokusyo th , .tokusyo td { padding: 0.25em }
.tokusyo th { font-weight: bold; width: 25% }
.tokusyo td { }
#tab_parent #tab2,
#tab_parent #tab3,
#tab_parent #tab4,
#tab_parent #tab5,
#tab_parent #tab6,
#tab_parent #tab7,
#tab_parent #tab8,
#tab_parent #tab9,
#tab_parent #tab10
 { display: none }
.garellybox  { margin-bottom: 15px }
.garellybox p { text-align: center }
.thum { list-style-type: none; margin: 0; padding: 0 }
.thum li { display: inline; margin: 0 7.5px; padding: 0 }
#detail-summary  { margin-top: 60px }
#detail-summary-title  { font-size: 140%; font-weight: bold; margin-bottom: 1.5em }
#detail-summary-summary { }
#detail-summary-spec { }
#detail-summary-id  { color: #656565; margin-bottom: 1.5em }
#detail-summary-cate { }
#detail-summary-table { width: 100% }
#detail-summary-table th , #detail-summary-table td { padding-top: 0.25em; padding-bottom: 0.25em; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 }
#detail-summary-table th { font-weight: bold; width: 30% }
#detail-summary-table td { }
/*</agl.folder>*/
/*<agl.folder "GALLERY">*/
/*</agl.folder>*/
#gallery-key-visual { text-align: center; margin-bottom: 50px }
#artist   { }
#artist .virtual-table  { width: 850px }
#artist .virtual-td4   { padding-right: 25px; padding-bottom: 40px; padding-left: 25px }
#event-archive .virtual-table { width: 850px }
#event-archive .virtual-td4 { padding-right: 20px; padding-bottom: 40px; padding-left: 20px }
.event-archive-photo   { display: table; width: 100% }
.artist-photo { position: relative }
.ag-photo  { display: block; margin-right: auto; margin-left: auto; width: 100%; }
.ag-sale   { position: absolute; top: 10px; left: 0 }
.event-archive-photo  { background-color: #f2f2f2; text-align: center; display: table-cell; margin: auto; width: 170px; height: 170px; vertical-align: middle }
.event-archive-photo { background-color: #f2f2f2 }
.event-archive-photo img { }
/*<agl.folder "CMS-RESULT">*/
.result-M-parent { }
.result-M-child { width: 240px; /*min-height: 230px;*/ float: left }
.result-M-photo { margin-bottom: 10px; position: relative }
.result-M-photo .new { display: none; position: absolute; top: 10px }
.result-M-price { color: #323232; font-size: 90% }

#include-art-garrery .result-M-parent   { padding-left: 10px; width: 840px }
#include-art-garrery .result-M-child  { margin-bottom: 40px; margin-left: 40px }
#event-archive .result-M-parent  { padding-left: 10px }
#event-archive .result-M-child  { margin-bottom: 40px; margin-left: 40px }

#result-shop .result-M-parent { padding-left: 10px }
#result-shop .result-M-child { margin-bottom: 40px; margin-left: 40px }
#home .result-M-child { margin-bottom: 40px; }
#result-top .result-M-parent { }
#result-top .result-M-child { margin-right: 40px }
.result-S-parent { }
.result-S-child { padding-top: 12px; padding-bottom: 12px; border-top: 1px solid #e5e5e5 }
.result-S-photo { width: 80px; float: left }
.result-S-summary { width: 210px; float: right }
.date  { color: #999; font-size: 85%; line-height: 120% }
#result-top  { }
/*</agl.folder>*/

/*insta*/
#insta-area{
background-color: #f2f2f2;
padding: 1rem 1rem 0.5rem 1rem;
margin-bottom: 3rem;
}
#insta-area .top-cms-title{margin-bottom: 18px;}

#instafeed {
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
box-sizing: border-box;
}

#instafeed li{
	padding: 0;
	margin: 0 0.6rem 0.6rem 0;
	width: 48.2%;
	box-sizing: border-box;
}

#instafeed li:nth-child(even){margin-right: 0px;}

#instafeed li a,
#instafeed li a:link,
#instafeed li a:visited,
#instafeed li a:active {
display: block;
height: 131px;
background-repeat: no-repeat;
background-size: cover;
}