@charset "utf-8";

@media screen and (max-width: 767.98px) {
/*BASE*/
#headerNavi nav .sp li.violin .en {
	color:rgb(175, 47, 47) !important;
}

/*HEADER*/

/*Violins*/

/*Layout*/
#violins .contntent-box {
	padding:4rem 2rem;
}
#violins.violins li.contntent-box:nth-child(odd) {
	background-color:#FFF;
}
#violins .violins li.contntent-box:nth-child(even) {
	background-color:#F5F5F5;
}

#violins .contntent-box .txt-box {
	align-items:center;
	padding:1rem;
}
#violins .contntent-box .comment-box {
	text-align:justify;
	max-width:480px;
	margin:0 auto;
}
#violins .contntent-box .img-box .photo-box {
	width:auto;
	max-width:480px;
	margin:0 auto;
}
#violins .contntent-box .img-box .photo-box a.ico[rel^="lightbox"]::after {
	width:20px;
	height:20px;
	bottom:20px;
	right:20px;
}

/*文字制御*/
#violin #cboxTitle{
	font-size:10px;
}

#violins h1 {
	display:flex;
	flex-direction: column-reverse;
	gap:1rem;
	margin-bottom:1rem;
	letter-spacing:1;
}
#violins h1 .en {
	font-size:24px;
	line-height:1.2;
}
#violins h1 .ja {
	display:flex;
	flex-flow: row wrap;
}
#violins h1 .ja span {
	display:inline-block;
}

#violins h2 {
	font-size:18px;
	margin-bottom:1rem;
}
#violins .cite {
	text-align:right;
}
}

/*PC NPC TAB*/
@media screen and (min-width: 768px), print {

/*BASE*/
#headerNavi.display-on li.violin .en {
	color:rgb(175, 47, 47) !important;
}
	
/*HEADER*/
.keyvisual .img-bg {
	top: 50%;
	transform: translateY(-50%);
}

/*Violins*/

/*文字制御*/
#violins h1 {
	display:flex;
	flex-direction: column-reverse;
	gap:1rem;
	margin-bottom:40px;
	letter-spacing:1;
}
#violins h1 .en {
	font-size:32px;
	line-height:1.2;
}
#violins h1 .ja {
	display:flex;
	flex-flow: row wrap;
}
#violins h1 .ja span {
	display:inline-block;
}
#violins h1 .ja span:not(:nth-of-type(1))::before {
	content:"｜";
}

#violins h2 {
	font-size:24px;
	margin-bottom:1rem;
}
#violins .cite {
	text-align:right;
}

/*Layout*/
#violins .violins {
	max-width:1440px;
	margin:auto;
}

#violins .contntent-box {
	display:flex;
	flex-wrap:nowrap;
	justify-content:center;
	align-items:stretch;
}
#violins .violins li.contntent-box:nth-child(odd) {
	flex-direction: row;
}
#violins .violins li.contntent-box:nth-child(even) {
	flex-direction: row-reverse;
}

#violins .contntent-box .img-box,
#violins .contntent-box .txt-box {
	width:calc(100% / 2);
}
#violins .contntent-box .txt-box {
	display:flex;
	align-items:center;
	background-color:#FFF;
	padding-top:100px;
	padding-bottom:100px;
}
#violins .violins li.contntent-box:nth-child(odd) .txt-box {
	padding-left:60px;
	padding-right:80px;
}
#violins .violins li.contntent-box:nth-child(even) .txt-box {
	padding-left:80px;
	padding-right:60px;
}
#violins .contntent-box .comment-box {
	text-align:justify;
}
#violins .contntent-box .img-box {
	padding:100px 40px;
	position:relative;
}
#violins .contntent-box .img-box .photo-box {
	width:100%;
	height:auto;
	aspect-ratio: 1 / 1;
	position:sticky;
	top:100px;
}
#violins .contntent-box .img-box .photo-box a.ico[rel^="lightbox"]::after {
	width:32px;
	height:32px;
}

/*個別設定*/

/*後で消す*/
#violins .contntent-box .img-box {
	background-color:#efeae7;
	
}
/*後で消すここまで*/
#violins #no001 .img-box {
	background-color:#efeae7;
}

}

@media screen and (min-width: 1600px) {
/*Profile*/
#violins .violins li.contntent-box:nth-child(odd) .txt-box {
	padding-right:0;
}
#violins .violins li.contntent-box:nth-child(even) .txt-box {
	padding-left:0;
}

}