/* CSS Document */


/*================================================
 *  PCモバイル共通
 ================================================*/

.line_dot_t20_b20{
	border-bottom:#999 dotted 1px;
	padding:0 0 1px 0;
	margin:20px 0 20px 0;
}

.staindglass_itemlineup{
	background:#9a7e6c;
}


.fc_red_fw_b{
	color:#C03;
	font-weight:bold;
}


.staindglass_item_images{
	text-align:center;
}


/*================================================
 *  PC向けデザイン
 ================================================*/
 
 
 
@media print, screen and (min-width:768px) {

.staindglass_main_flex{
	display: flex;        /* Flexコンテナ化 */
   flex-direction: row; /* 横向きに配置 */
}





.staindglass_main_tit{
	width:500px;
	margin:20px 40px 20px 0;
}

.staindglass_main_tit_text01{
	font-size:26px;
	font-weight:bold;
	letter-spacing:1px;
	line-height:38px;
}


.staindglass_main_tit_text02{
	font-size:14px;
	line-height:26px;
	margin:0 0 20px 0;
}


.staindglass_main_images{
	width:360px;
	margin:20px 0 20px 0;
}


.staindglass_item_flex{
	display: flex;        /* Flexコンテナ化 */
   flex-direction: row; /* 横向きに配置 */
   flex-wrap:wrap; /* 折りかえす */
	
}


.staindglass_item{
	width:295px;
	border:#CCC dotted 1px;
	padding:5px 5px 5px 10px;
	margin:0 12px 20px 0;
}

.staindglass_item_catch_text01{
	font-size:14px;
	color:#93669b;
	font-weight:bold;
	margin:10px 0 10px 0;
	border-left:#93669b solid 4px;
	padding:0 0 0 10px;
	
}


.staindglass_item_name{
	font-size:14px;
	line-height:22px;
	margin:10px 0 10px 0;
	font-weight:bold;
	
}

.staindglass_item_info_text01{
	font-size:14px;
	line-height:22px;
	margin:0 0 15px 0;
}


.staindglass_item_info_text02{
	font-size:14px;
	line-height:22px;
	margin:15px 0 10px 0;
}


.staindglass_image_enlarge_text01{
	margin:10px 0 15px 0;
	font-size:12px;
	text-align:center;
}


.staindglass_attention{
	margin:10px 0 10px 0;
}

.staindglass_attention_text01{
	font-size:14px;
	line-height:22px;

}

.staindglass_material{
	margin:10px 0 15px 0;
}

.staindglass_material_text01{
	font-size:14px;
	line-height:22px;
}



	
}


/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	
	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
.staindglass_main_flex{
	display: flex;        /* Flexコンテナ化 */
   flex-direction: column-reverse; /* 縦向きで逆順に配置 */
}


.staindglass_main_tit{
	margin:20px 0 20px 0;
}

.staindglass_main_tit_text01{
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	text-align:center;
	
}

.staindglass_main_tit img{
	width:100%;
	height:auto;
}


.staindglass_main_images{
	text-align:center;
}

.staindglass_main_images img{
	width:100%;
	height:auto;
}


.staindglass_item_catch_text01{
	font-size:12px;
	color:#93669b;
	font-weight:bold;
	margin:10px 0 5px 0;
	border-left:#93669b solid 4px;
	padding:0 0 0 10px;
}

.staindglass_item_name{
	font-size:14px;
	line-height:22px;
	margin:10px 0 10px 0;
	font-weight:bold;
	
}

.staindglass_item_info_text01{
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}

.staindglass_item_info_text02{
	font-size:12px;
	line-height:20px;
	margin:10px 0 10px 0;
}


.staindglass_item{
	border:#CCC dotted 1px;
	padding:5px 5px 5px 10px;
	margin:0 0 20px 0;
}


.staindglass_image_enlarge_text01{
	margin:10px 0 15px 0;
	font-size:11px;
	text-align:center;
}


.staindglass_attention{
	margin:5px 0 5px 0;
}


.staindglass_attention_text01{
	font-size:12px;
	line-height:20px;

}

.staindglass_material_text01{
	font-size:12px;
	line-height:20px;
}


	
}