@media screen and (max-width:960px){
	nav.ctgnav a						{ padding:calc(0.938vw + -1px) 0 8px 0;}
}


/* CALLIGRAPHICWORKS
--------------------------------*/
#calligraphicworks>p					{ padding:0 10px 20px; line-height:1.4;}
#calligraphicworks>p span				{ display:inline-block;}
#calligraphy01							{ max-width:1160px; margin:0 auto; padding:0 100px 80px;}
.c_unit									{ margin:0 auto;}
.c_unit>div								{ padding:40px 3%; -webkit-box-sizing:border-box; box-sizing:border-box;}
.c_unit>div:empty						{ padding:0;}
.c_unit img								{ display:block; max-width:100%; height:auto; -webkit-transition:width 200ms; transition:width 200ms; -webkit-backface-visibility:hidden;}
.c_unit b								{ display:block; padding:12px 0 0; text-align:left; letter-spacing:1px;}
.c_scxwrap								{ position:relative;}
.c_scxwrap .expansion					{ display:none; padding:5px 0 15px; visibility:visible;}

span.overtxt							{ cursor:pointer; -webkit-tap-highlight-color:transparent;}
span.overtxt img						{ position:relative; z-index:1; -webkit-transition:opacity 200ms; transition:opacity 200ms;}
span.overtxt:hover img					{ opacity:0.8;}
span.overtxt::after						{ z-index:2; background-color:rgba(255,255,255,0); -webkit-transition:background-color 200ms; transition:background-color 200ms;}
span.overtxt.viewtxt::after				{ background-color:rgba(255,255,255,0.85);}
span.overtxt::before					{ opacity:0; position:absolute; z-index:3; content:''; top:50%; top:calc(50% + 4px); left:0; width:100%; max-height:100%; background-size:auto 100%; !important; background-position:50% 50%; background-repeat:no-repeat; -webkit-transform:translate(0,-50%); transform:translate(0,-50%); -webkit-transition:opacity 200ms; transition:opacity 200ms; -webkit-backface-visibility:hidden;}
span.overtxt.viewtxt::before			{ opacity:1;}
#c_unit01>div:nth-child(1) span::before	{ height:425px; background-image:url(../img/calligraphicworks/text01.png);}
#c_unit01>div:nth-child(2) span::before	{ height:354px; background-image:url(../img/calligraphicworks/text02.png);}
#c_unit01>div:nth-child(3) span::before	{ height:667px; background-image:url(../img/calligraphicworks/text03.png);}
#c_unit01>div:nth-child(4) span::before	{ height:486px; background-image:url(../img/calligraphicworks/text04.png);}
#c_unit00>div:nth-child(1) span::before,
#c_unit02>div:nth-child(1) span::before	{ height:316px; background-image:url(../img/calligraphicworks/text05.png);}
#c_unit02>div:nth-child(2) span::before	{ height:335px; background-image:url(../img/calligraphicworks/text06.png);}
#c_unit02>div:nth-child(3) span::before	{ height:334px; background-image:url(../img/calligraphicworks/text07.png);}
#c_unit02>div:nth-child(4) span::before	{ height:241px; background-image:url(../img/calligraphicworks/text08.png);}
#c_unit03>div:nth-child(1) span::before	{ height:395px; background-image:url(../img/calligraphicworks/text09.png);}
#c_unit03>div:nth-child(2) span::before	{ height:364px; background-image:url(../img/calligraphicworks/text10.png);}
#c_unit04>div:nth-child(1) span::before	{ height:207px; background-image:url(../img/calligraphicworks/text11.png);}
#c_unit05>div:nth-child(1) span::before	{ height:295px; background-image:url(../img/calligraphicworks/text12.png);}
#c_unit05>div:nth-child(2) span::before	{ height:283px; background-image:url(../img/calligraphicworks/text13.png);}

#c_unit01>div:nth-child(1) span.viewtxt	{ min-height:425px;}
#c_unit01>div:nth-child(2) span.viewtxt	{ min-height:354px;}
#c_unit01>div:nth-child(3) span.viewtxt	{ min-height:667px;}
#c_unit01>div:nth-child(4) span.viewtxt	{ min-height:486px;}
#c_unit00>div:nth-child(1) span.viewtxt,
#c_unit02>div:nth-child(1) span.viewtxt	{ min-height:316px;}
#c_unit02>div:nth-child(2) span.viewtxt	{ min-height:335px;}
#c_unit02>div:nth-child(3) span.viewtxt	{ min-height:334px;}
#c_unit02>div:nth-child(4) span.viewtxt	{ min-height:241px;}
#c_unit03>div:nth-child(1) span.viewtxt	{ min-height:395px;}
#c_unit03>div:nth-child(2) span.viewtxt	{ min-height:364px;}
#c_unit04>div:nth-child(1) span.viewtxt	{ min-height:207px;}
#c_unit05>div:nth-child(1) span.viewtxt	{ min-height:295px;}
#c_unit05>div:nth-child(2) span.viewtxt	{ min-height:283px;}

@media (min-width:961px) and (max-width:1100px){
	#c_unit05>div:nth-child(1) span::before		{ background-image:url(../img/calligraphicworks/text12s.png);}
}
@media screen and (max-width:760px){
	#c_unit01>div:nth-child(3) span.viewtxt,
	#c_unit01>div:nth-child(4) span.viewtxt		{ padding:0 10px;}
	#c_unit02>div:nth-child(2) span::before		{ height:680px; background-image:url(../img/calligraphicworks/text06s.png);}
	#c_unit02>div:nth-child(2) span.viewtxt		{ min-height:680px;}
}
@media screen and (max-width:413px){
	#c_unit05>div:nth-child(1) span::before		{ background-image:url(../img/calligraphicworks/text12s.png);}
}
@media screen and (max-width:359px){
	#c_unit05>div:nth-child(1) span::before		{ background-image:url(../img/calligraphicworks/text12s.png);}

}

#c_unit01								{ max-width:1000px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
#c_unit00,
#c_unit09,
#c_unit02								{ max-width:800px;}
#c_unit02>div:nth-child(3)				{ max-width:600px; margin:0 auto;}
#c_unit03								{ max-width:800px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-align-items:center; align-items:center;}
#c_unit03>div:nth-child(1)				{ width:40%; padding:40px 4%;}
#c_unit03>div:nth-child(2)				{ width:50%; padding:40px 4%;}
#c_unit04								{}
#c_unit05								{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
#c_unit06 span							{ max-width:1080px;}
#c_unit06>div:nth-child(2)				{ margin:-60px 0 0;}
#c_unit07								{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
#c_unit07>div>div:nth-child(1)			{ margin:0 0 60px;}
#c_unit08								{ position:relative; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between;}
#c_unit08 b								{ position:absolute; top:auto; left:50%; white-space:nowrap; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}

@media (max-width:1380px){
	#calligraphy01						{ padding:0 calc(9.677vw + -33.55px) 80px;}
}
@media (max-width:960px){
	#c_unit01							{ -webkit-flex-wrap:wrap; flex-wrap:wrap;}
	#c_unit01>div						{ width:50%;}
	#c_unit01>div img					{ width:auto; height:540px; height:calc(12.5vw + 420px);}

	#c_unit00>div,
	#c_unit02>div						{ padding-left:calc(14.83% + -93.6px); padding-right:calc(14.83% + -93.6px);}

	#c_unit03							{ -webkit-justify-content:space-around; justify-content:space-around;}
	#c_unit03>div:nth-child(2)			{ width:calc(30% + 157.7px);}

	#c_unit04>div						{ padding-left:0; padding-right:0;}

	#c_unit05							{ display:block;}
	#c_unit05>div:nth-child(1)			{ max-width:600px; margin:0 auto;}

	#c_unit06>div						{ padding-left:0; padding-right:0;}

	#c_unit07							{ display:block; max-width:500px; margin:0 auto;}
	#c_unit07>div>div:nth-child(1)		{ margin:0 0 80px;}

	#c_unit08							{ display:block; max-width:500px; margin:0 auto;}
	#c_unit08>div:nth-child(1)			{ padding:40px 0 0;}
}

@media screen and (max-width:760px){
	#calligraphy01						{ padding:0 0 80px; padding:0 calc(9.091vw + -29.09px) 80px;}
	.c_unit>div							{ padding:25px 0; padding:calc(3.409vw + 14.09px) 0;}

	#c_unit03							{ display:block;}
	#c_unit03>div:nth-child(n)			{ width:auto; margin:0 auto; padding:25px 0; padding:calc(3.409vw + 14.09px) 0;}
	#c_unit03>div:nth-child(1) img		{ height:594px; height:calc(20.938vw + 393px);}
	#c_unit03>div:nth-child(2) img		{ height:472px; height:calc(1.875vw + 454px);}

	#c_unit06>div:nth-child(2)			{ margin:-40px 0 0 0; margin:calc(-4.545vw + -25.45px) 0 0 0;}

	#c_unit07							{ max-width:470px;}
	#c_unit07>div>div:nth-child(1)		{ margin:0 0 50px; margin:0 0 calc(6.818vw + 28.18px);}

	#c_unit08							{ max-width:470px;}
	#c_unit08>div:nth-child(1)			{ padding:25px 0 0; padding:calc(3.409vw + 14.09px) 0 0;}
}
@media screen and (max-width:414px){
	#c_unit01>div:nth-child(1),
	#c_unit01>div:nth-child(2)			{ width:100%;}

}

@media screen and (max-width:760px)	{/*
	#c_unit04							{ width:100%; overflow:hidden;}
	#c_unit04>div						{ padding-bottom:5px;}
	#c_unit04 img						{ max-width:1200px; width:100%;}
	#c_unit04+.expansion				{ display:inline-block; margin:0 auto 20px;}

	.scx #c_unit04						{ overflow-x:auto;}
	.scx #c_unit04 img					{ width:1200px;}
*/}
@media screen and (max-width:760px)	{
	#c_unit06							{ width:100%; overflow:hidden;}
	#c_unit06>div:nth-child(2)			{ padding-bottom:5px;}
	#c_unit06 img						{ max-width:1080px; width:100%;}
	#c_unit06+.expansion				{ display:inline-block; margin:0 auto 20px;}
	#c_unit06 b							{ position:absolute; top:auto; top:calc(100% - 80px); left:0; white-space:nowrap;}

	.scx #c_unit06						{ overflow-x:auto;}
	.scx #c_unit06 img					{ width:1080px;}
}


/* PAINTINGS
--------------------------------*/
#paint01								{ max-width:1140px; margin:0 auto; padding:0 95px;}
#paint01>div							{ padding:0 60px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center;}
#paint01>div:nth-child(4)				{ display:block;}
#paint01>div>div							{ position:relative; padding:0 0 100px 0; display:inline-block; -webkit-box-sizing:border-box; box-sizing:border-box;}
#paint01>div:nth-child(1)>div:nth-child(1)	{ width:48.755%;}
#paint01>div:nth-child(1)>div:nth-child(2)	{ width:51.245%;}
#paint01>div:nth-child(2)>div:nth-child(1)	{ width:48.780%;}
#paint01>div:nth-child(2)>div:nth-child(2)	{ width:51.220%;}
#paint01>div:nth-child(3)>div:nth-child(1)	{ width:52.940%;}
#paint01>div:nth-child(3)>div:nth-child(2)	{ width:47.060%;}
#paint01>div>div:nth-child(odd)				{ left:-60px}
#paint01>div>div:nth-child(even)			{ right:-60px;}
#paint01>div:nth-child(4)>div				{ width:50%; left:auto !important; right:auto !important;}
#paint01 img							{ display:block; width:100%; height:auto; -webkit-backface-visibility:hidden;}
#paint01 cite							{ display:block; padding:7px 0 0; font-size:16px; line-height:1.4; text-align:left; letter-spacing:1px;}
@media (min-width:961px) and (max-width:1380px){
	#paint01							{ padding:0 calc(9.55% + -32px);}
	#paint01>div						{ padding:0 calc(5.9% + -7.3px);}
	#paint01>div>div					{ padding:0 0 calc(4.773vw + 34.13px) 0;}
	#paint01>div>div:nth-child(odd)		{ left:calc(-4.773vw + 5.87px);}
	#paint01>div>div:nth-child(even)	{ right:calc(-4.773vw + 5.87px);}
}
@media screen and (max-width:960px){
	#paint01							{ padding:0;}
	#paint01>div						{ display:block; padding:0;}
	#paintings #paint01>div>div			{ width:auto; max-width:500px; margin:0 auto; padding:20px 0 80px; left:auto; right:auto;}
}
@media screen and (max-width:760px){
	#paint01>div						{ padding:0; padding:0 calc(18.182vw + -58.18px);}
	#paintings #paint01>div>div			{ padding:10px 0 60px; padding:calc(2.273vw + 2.73px) 0 calc(4.545vw + 45.45px);}
}


/* FUSUMA
--------------------------------*/
#fusuma01								{ max-width:900px; margin:0 auto; padding:0 50px 40px;}
#fusuma01>div							{ display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#fusuma01>div>div						{ width:48%; padding:0 0 4% 0;}
#fusuma01 img							{ display:block; width:100%; height:auto; -webkit-backface-visibility:hidden;}
@media (max-width:1100px){
	#fusuma01							{ padding:0 calc(6.41vw + -20.51px) 40px;}
}
@media screen and (max-width:760px){
	#fusuma01							{ padding:0 0 40px; padding:0 calc(22.727vw + -72.73px) 40px;}
	#fusuma01>div						{ display:block;}
	#fusuma01>div>div					{ width:auto; max-width:430px; margin:0 auto; padding:0 0 15px 0; padding:0 0 calc(2.273vw + 7.73px) 0;}
}

/* KIMONO
--------------------------------*/
#kimono01								{ padding:0 0 20px 0;}
#kimono01 div							{ max-width:800px; margin:0 auto; padding:0 50px 40px;}
#kimono01 div:nth-child(1)				{ max-width:600px; padding:0 120px 80px;}
#kimono01 img							{ display:block; max-width:100%; height:auto; -webkit-backface-visibility:hidden;}
#kimono01 cite							{ display:block; padding:5px 0 0; text-align:left;}
@media screen and (max-width:760px){
	#kimono01 div						{ padding:0 0 20px; padding:0 calc(11.364vw + -36.36px) calc(4.545vw + 5.45px);}
	#kimono01 div:nth-child(1)			{ padding:0 0 40px; padding:0 calc(27.273vw + -87.27px) calc(9.091vw + 10.91px);}
}


/* CHINESEPOEM
--------------------------------*/
#ch_poem								{ width:1050px; margin:0 auto; overflow:hidden; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-flex-wrap:wrap; flex-wrap:wrap;}
#ch_poem li								{ position:relative; padding:30px 25px 120px;}
#ch_poem li::after						{ position:absolute; top:-40px; left:50%; width:200vw; height:2px; background:#ccc; -webkit-transform:translate(-50%,0); transform:translate(-50%,0);}
#ch_poem li:nth-child(1)				{ width:152px;}
#ch_poem li:nth-child(2)				{ width:154px;}
#ch_poem li:nth-child(3)				{ width:152px;}
#ch_poem li:nth-child(4)				{ width:156px;}
#ch_poem li:nth-child(5)				{ width:150px;}
#ch_poem li:nth-child(6)				{ width:161px;}
#ch_poem li:nth-child(7)				{ width:183px;}
#ch_poem li:nth-child(8)				{ width:152px;}
#ch_poem li:nth-child(9)				{ width:150px;}
#ch_poem li:nth-child(10)				{ width:150px;}
#ch_poem li:nth-child(11)				{ width:153px;}
#ch_poem li:nth-child(12)				{ width:151px;}
#ch_poem li:nth-child(13)				{ width:150px;}
#ch_poem li:nth-child(14)				{ width:150px;}
#ch_poem li:nth-child(15)				{ width:150px;}
#chinesepoem .ctgnav					{ padding-top:0;}
@media (min-width:1140px){
	#ch_poem li:nth-child(5n+1)::after	{ content:'';}
}
@media (min-width:960px) and (max-width:1139px){
	#ch_poem							{ width:850px;}
	#ch_poem li:nth-child(4n+1)::after	{ content:'';}
}
@media screen and (min-width:680px) and (max-width:959px){
	#ch_poem							{ width:590px;}
	#ch_poem li:nth-child(3n+1)			{ padding:30px 0 120px 25px;}
	#ch_poem li:nth-child(3n+3)			{ padding:30px 25px 120px 0;}

	#ch_poem li:nth-child(3n+1)::after	{ content:'';}
}
@media screen and (min-width:450px) and (max-width:679px){
	#ch_poem							{ width:390px;}
	#ch_poem li:nth-child(odd)			{ padding:30px 0 120px 25px;}
	#ch_poem li:nth-child(even)			{ padding:30px 25px 120px 0;}
	#ch_poem li:nth-child(2n+1)::after	{ content:'';}
}
@media screen and (max-width:449px){
	#ch_poem							{ width:200px;}
	#ch_poem li							{ padding:30px 0 120px;}
}

/* POETRY
--------------------------------*/
#poetry01								{ max-width:1000px; margin:0 auto; padding:30px 60px 60px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center; -webkit-flex-direction:row-reverse; flex-direction:row-reverse;}
#poetry01 p								{ width:10%; line-height:2; text-align:left; letter-spacing:4px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-justify-content:center; justify-content:center;}
#poetry01 p>span						{ display:inline-block; white-space:nowrap; -webkit-writing-mode:vertical-rl; -ms-writing-mode:tb-rl; writing-mode:vertical-rl;}
#poetry01 p span span					{ display:inline-block; white-space:nowrap;}
#poetry01 rt							{ font-size:10px; letter-spacing:0; -webkit-transform:translate(-2px,0); transform:translate(-2px,0);}
@media screen and (max-width:760px){
	#poetry01							{ padding:3px 5px 60px; padding:calc(6.818vw + -21.82px) calc(13.636vw + -43.64px) 60px;}
}

/* GENJI MONOGATARI
--------------------------------*/
#genji>div								{ padding:0 0 50px 0;}
@media screen and (max-width:760px){
	#genji>div							{ padding:0 0 calc(5.682vw + 6.82px) 0;}
}

/* CHOJYU GIGA
--------------------------------*/
#caricature>div							{ padding:0 0 50px 0;}
#caricature .onebox+.expansion			{ display:none;}
@media screen and (max-width:1000px){
	#caricature>div						{ padding:0 0 30px 0;}
	#caricature>div:nth-last-of-type(1)	{ padding:0 0 50px 0;}
	#caricature .onebox+.expansion		{ display:inline-block;}
	#caricature .scx .one1800 img		{ width:1800px;}
	#caricature .scx .one2400			{ overflow-x:auto;}
	#caricature .scx .one2400 img		{ width:2400px;}
}
@media screen and (max-width:760px){
	#caricature>div						{ padding:0 0 30px 0;}
	#caricature>div:nth-last-of-type(1)	{ padding:0 0 calc(5.682vw + 6.82px) 0;}
}