@charset "UTF-8";

#subwrap {clear: both;}
.imagearea {position: relative;height: 0;padding-top: 50%;background-size: cover;}
.imagearea #ttl1 {display: block;position: absolute;top: 0;right: 4.17%;width: 55.7%;margin-top: 4.17%;}
.imagearea #ttl1 a {display: block;}
.imagearea #ttl1 img {width: 100%;height: auto;}

#sidemenu {display: none;}
#subcontent {margin: 0 4.166%;}

.title1, .title2 {clear: both;}
.title1 {font-size: 13pt;line-height: 1.2;}
.title2:after, .title1:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.title1 dt {float: left;font-size: 13pt;line-height: 1.2;}
.title1.ttltype2 dt {float: none;}
.title1 dd {float: left;font-size: 8pt;line-height: 2;}
.title2 {font-size: 16pt;line-height: 1.2;}
.title2 dt {float: left;font-size: 16pt;line-height: 1.2;}
.title2 dd {float: left;font-size: 9pt;line-height: 2;}

.detail_box .left {width: 78.788%;}
.detail_box .left p img {width: 100%;}

.hist dt, .hist dd {font-size: 7pt;line-height: 1.6;}
.hist dd {margin-top: -1.6em;padding-left: 6em;}

.img_list {clear: both;}
.img_list li {float: left;width: 22.727%;margin-left: 10px;padding-top: 10px;}
.img_list li:nth-child(4n+1) {margin: 0;}

.img_list li a {display: block;border: 1px solid#CCC;}
.img_list li a img {width: 100%;}

.hidebox, .hidebox2_nav, .hidebox_nav {font-size: 8pt;line-height: 1.6;}
.hidebox2_nav li, .hidebox_nav li {font-size: 8pt;line-height: 3.5;}
.detail_box .view {font-size: 8pt;line-height: 3;}

.hidebox {position: relative;overflow: hidden;font-size: 8pt;padding-bottom: 4.5em;}
.hidebox.oem5 {height: 8em;}
.hidebox_nav {position: absolute;left: 0;right: 0;bottom: 0;border-top: 0.8em solid #FFF;background:#FFF;}
.hidebox2_nav {border-top: 1em solid #FFF;background:#FFF;}
.hidebox2_nav li, .hidebox_nav li {display: block;border: 1px solid #CCC;background: #FFF;color: #999;text-align: center;transition: 0.3s ease 0s;}
.hidebox2_nav li:hover, .hidebox_nav li:hover {border: 1px solid #666;color: #333;}
.hidebox2_nav .open, .hidebox_nav .open {dispaly: block;background: url(../png/navopen.png) no-repeat 100% 50%;background-size: 29px 21px;}
.hidebox2_nav .close, .hidebox_nav .close {display: none;background: url(../png/navclose.png) no-repeat 100% 50%;background-size: 29px 21px;}

.hidebox2 {clear: both;}
.hidebox2 .inner {display: none;}
.hidebox2_nav {clear: both;}

.detail_box .view {clear: both;padding-top: 0.8em;}
.detail_box .view a {display: block;border: 1px solid #CCC;background: #FFF;color: #999;text-align: center;}
.detail_box .view a:hover {border: 1px solid #666;color: #333;opacity: 1;}

.type2 .left {width: 43.03%;}
.type3 li {float: left;width: 48.485%;margin-left: 3.0303%;padding-top: 2em;}
.type3 li:nth-child(2n+1) {margin: 0;}
.type3 li p {padding-top: 0.5em;}
.type3 li p.title1 {padding-top: 0;}
.type3 li img {width: 100%;}
.type3 li .img50 img {width: 50%;}

.type4 li {float: left;width: 48.485%;margin-left: 3.0303%;padding-top: 1em;}
.type4 li:nth-child(2n+1) {margin: 0;}
.type4 li p {font-size: 8pt;line-height: 1.6;padding-top: 0.25em;}
.type4 li a {display: block;border: 1px solid #CCC;}
.type4 li img {width: 100%;}

.type6 dt {width: 120px;padding-top: 25px;}
.type6 dl dl dt{width: auto;padding-top: 0;}
.type6 dt img {width: 100%;}
.type6 dd {margin: -120px 0 0 135px;}
.type6 dl dl dd {margin: 0;}

.hd7516_916.block_top {margin-top: 1em;}

.movie-wrap {position: relative;padding-bottom: 56.25%;height: 0;overflow: hidden;}
.movie-wrap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.imagearea img#ttl2pc {display: none;}
.imagearea img#ttl2sp {display: block;position: absolute;bottom: 5.556%;left: 2.78%;width: 83.55%;margin-top: 4.17%;}

/* - Small Tablet (Portrait) */
@media screen and (min-width: 360px) {}

/* Tablet (Portrait) */
@media screen and (min-width: 736px) {
#sidemenu {display: block;}
#sm_title {padding: 2.5em 0 0em 0;}
#sm_title img {width: 55.556%;height: auto;}
#sidemenu ul {position: relative;top: 41px;padding-top: 1.7em;padding-bottom: 5em;}
#sidemenu li {font-size: 10.5pt;}
#sidemenu li a {display: block;padding: 0.42em 0;opacity: 1;color: #999;}
#sidemenu li a:hover {transform: translate(4px,0);opacity: 1;color: #111;}

#introduction li#s_introduction a,
#woodworking li#s_woodworking a,
#bamboocraft li#s_bamboocraft a,
#metalworking li#s_metalworking a,
#japanesesake li#s_japanesesake a,
#ceramics li#s_ceramics a,
#lacquerware li#s_lacquerware a,
#japanesepaper li#s_japanesepaper a,
#knives li#s_knives a,
#textile li#s_textile a,
#architecture li#s_architecture a,
#ryokan li#s_ryokan a {color: #111;}

#sidemenu {float: left;width: 17%;margin: 0 0 0 4.166%;}/* 17.18% */
#submain {float: right;width: 78.646%;}
#subcontent {float: right;width: 74.48%;margin: 0 4.166% 0 0;}

.imagearea {position: relative;height: 0;padding-top: 40.909%;background-size: contain;}
.imagearea #ttl1 {display: none;}

.title1 {font-size: 16pt;}
.title1 dt {font-size: 16pt;line-height: 1.2;}
.title1.ttltype2 dt {float: left;}
.title1 dd {font-size: 9pt;line-height: 2;}
.title2 {font-size: 21pt;}
.title2 dt {font-size: 21pt;line-height: 1.2;}
.title2 dd {font-size: 9pt;line-height: 28.8pt;}

.detail:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.detail_box .left {float: left;}
.detail_box .right {float: right;}

.type1 .left {width: 33.333%;}.type1 .right {width: 62.821%;}
.type5 .left {width: 51.282%;}.type5 .right {width: 44.872%;}
.type2 .left {width: 23.59%;}.type2 .right {width: 70.513%;}

.type3 li {width: 30.769%;margin-left: 3.8462%;padding-top: 4em;}
.type3 li:nth-child(2n+1) {margin-left: 3.8462%;}
.type3 li:nth-child(3n+1) {margin-left: 0;}

.type4 li {width: 30.769%;margin-left: 3.8462%;padding-top: 3.5em;}
.type4 li:nth-child(2n+1) {margin-left: 3.8462%;}
.type4 li:nth-child(3n+1) {margin-left: 0;}
.type4 li p {font-size: 10.5pt;}

.type6 dt {padding-top: 30px;}
.type6 dd {margin: -120px 0 0 140px;}

.hist dt, .hist dd {font-size: 8pt;}

.img_list li {width: 17.949%;}
.img_list li:nth-child(4n+1) {margin-left: 10px;}
.img_list li:nth-child(5n+1){margin: 0;}

.hidebox, .hidebox2_nav, .hidebox_nav {font-size: 10.5pt;line-height: 1.6;}
.hidebox2_nav li, .hidebox_nav li {font-size: 12pt;line-height: 2.8;}
.detail_box .view {font-size: 12pt;line-height: 2.3;}

.hidebox {padding-bottom: 4em;}
.hd7516_916.block_top {margin-top: -0.25em;}

.imagearea img#ttl2pc {display: block;position: absolute;top: 0;right: 10.795%;width: 9.0909%;margin-top: 4.5455%;}
.imagearea img#ttl2sp {display: none;}
}

/* */
@media screen and (min-width: 769px) {}

/* PC (SD) */
@media screen and (min-width: 980px) {
#sidemenu {width: 170px;margin: 0;}/* width: 180px */
#submain {float: right;width: 780px;}
#subcontent {width: 780px;margin: 0;}
}

/* PC (SD) */
@media screen and (min-width: 1160px) {
#subwrap {width: 1160px;margin: 0 auto;}
#sidemenu {margin: 0 0 0 100px;}/* width: 170px; */
#submain {float: right;width: 880px;}
#subcontent {width: 780px;margin: 0 100px 0 0;}
}