/*--------------------------------------------------------*/

/*  WORKS �Ú�׃y�[ƒW ‰æ–Ê•��@*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.works_detail{
	max-width:1000px;
	margin:40px auto 0;
	padding:0 20px;
}

}

@media screen and (max-width:800px){

.works_detail{
	margin:20px 0 0;
	padding:0 20px;
}

}

/*--------------------------------------------------------*/

/*  ƒ^ƒCƒgƒ‹�E�X�V“ú�EƒJƒeƒSƒŠ�[�@*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.works_titleBox{
	margin-bottom:40px;
	text-align:center;
}

.works_titleBox h1{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:24px;
	color:#222;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_titleBox p.works_category{
	margin-top:12px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_titleBox p.works_category span{
	margin:0 3px;
	border:1px solid #CCC;
	padding:2px 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.works_titleBox p.works_date{
	margin-top:14px;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

@media screen and (max-width:800px){

.works_titleBox{
	margin-bottom:40px;
}

.works_titleBox h1{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:18px;
	color:#222;
	font-weight:500;
	line-height:1.6em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_titleBox p.works_category{
	margin-top:12px;
	font-family: 'Roboto', sans-serif;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_titleBox p.works_category span{
	margin:0 5px 0 0;
	border:1px solid #CCC;
	padding:2px 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.works_titleBox p.works_date{
	margin-top:12px;
	font-family: 'Roboto', sans-serif;
	font-size:10px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

}

/*--------------------------------------------------------*/

/*  ‰æ‘œ�EƒeƒLƒXƒg�@*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.works_mainBox{
	text-align:center;
}

.works_mainBox img{
	width:100%;
}

.works_txtBox{
	max-width:800px;
	margin:50px auto 0;
}

.works_txtBox p{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:16px;
	color:#222;
	font-weight:500;
	line-height:2.1em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_imgBox{
	margin-top:55px;
}

.works_imgBox .works_img{
	margin-top:30px;
}

.works_imgBox .works_img img.img_center{
	width:100%;
	text-align:center;
}

.works_imgBox .works_img img.img_left{
	float:left;
	width:48.6%;
	text-align:center;
	padding-bottom:30px;
}

.works_imgBox .works_img img.img_right{
	float:right;
	width:48.6%;
	text-align:center;
	padding-bottom:30px;
}

.works_infoBox{
	max-width:800px;
	margin:50px auto 0;
}

.works_infoBox p{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:15px;
	color:#222;
	font-weight:500;
	line-height:2.1em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_txtBox a,
.works_infoBox a{
	text-decoration:underline;
}

.works_txtBox a:hover,
.works_infoBox a:hover{
	text-decoration:none;
}

}

@media screen and (max-width:800px){

.works_mainBox{
	text-align:center;
}

.works_mainBox img{
	width:100%;
}

.works_txtBox{
	margin:40px 0 0;
}

.works_txtBox p{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:14px;
	color:#222;
	font-weight:500;
	line-height:2.0em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_imgBox{
	padding-top:20px;
}

.works_imgBox .works_img{
	margin-top:20px;
}

.works_imgBox .works_img img.img_center{
	text-align:center;
	width:100%;
}

.works_imgBox .works_img img.img_left{
	text-align:center;
	width:100%;
}

.works_imgBox .works_img img.img_right{
	text-align:center;
	width:100%;
}

.works_infoBox{
	margin-top:40px;
}

.works_infoBox p{
	font-family:"Ÿà–¾’©","Yu Mincho","Ÿà–¾’©‘Ì",YuMincho,"ƒqƒ‰ƒMƒm–¾’© Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS–¾’©E","‚l‚r ‚o–¾’©","MS PMincho",serif;
	font-size:14px;
	color:#222;
	font-weight:500;
	line-height:2.0em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_txtBox a,
.works_infoBox a{
	text-decoration:underline;
}

.works_txtBox a:hover,
.works_infoBox a:hover{
	text-decoration:none;
}

}

/*--------------------------------------------------------*/

/*  YouTube–„‚ß�ž‚Ý�@*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.youtubeBox{
	width: 100%;
	aspect-ratio: 16 / 9;
}

.youtubeBox iframe {
	width: 100%;
	height: 100%;
}

}

@media screen and (max-width:800px){

.youtubeBox{
	width: 100%;
	aspect-ratio: 16 / 9;
	margin-bottom:-10px;
}

.youtubeBox iframe {
	width: 100%;
	height: 100%;
}

}

/*--------------------------------------------------------*/

/*  ˆê——‚É–ß‚é�@*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 800px){

.works_backbtBox{
	margin-top:55px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	padding:25px 0;
	text-align:center;
}

.works_backbtBox .works_backbtBox_inner{
}

.works_backbtBox .works_backbtBox_inner .bt_back{
	font-size:13px;
	color:#222;
	font-weight:500;
	line-height:1.9em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_backbtBox .works_backbtBox_inner .bt_back a{
	color:#222;
}

.works_backbtBox .works_backbtBox_inner .bt_back a:hover{
	color:#999;
	text-decoration:none;
}

}

@media screen and (max-width:800px){

.works_backbtBox{
	margin-top:55px;
	border-top:1px solid #222;
	border-bottom:1px solid #222;
	padding:25px 0;
	text-align:center;
}

.works_backbtBox .works_backbtBox_inner{
}

.works_backbtBox .works_backbtBox_inner .bt_back{
	font-size:13px;
	color:#222;
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.05em;
	font-feature-settings : "palt";
	-moz-font-feature-settings: "palt";
	-webkit-font-feature-settings: "palt";
}

.works_backbtBox .works_backbtBox_inner .bt_back a{
	color:#222;
}

.works_backbtBox .works_backbtBox_inner .bt_back a:hover{
	color:#999;
	text-decoration:none;
}

}