@charset "utf-8";
/* CSS Document */


.subgroupmainbox { padding-top: 120px; }
.subgrouptitlebox { position:relative; width: 100%; height: 10px; margin:50px 0 10px; border-top: #000000 dotted 2px; text-align:center; }
.subgrouptitletxt { position:relative; display: inline-block; width: auto; height: auto; padding:0 10px; top:-14px; font-size:20px; font-weight:900; background-color:#FFFFFF; }


.flexrowwrap { padding:0 1%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: start; }
.flexartitem {  width: calc( 100% / 4 ); height: auto; margin:2em 0px; padding:0 2%; }
.artitemimgeimg { width:100%; height:auto; margin-bottom: 16px; }
.artitemtitltxt { display:block; width: 100%; height:auto; min-height:74px; margin-bottom:8px; font-size:30px; font-weight:300; color:#C6262C; }
.artitemtit2txt { display:block; width: 100%; height:auto; margin: 10px 0 30px; padding: 0; font-size: 24px; font-weight: 300; color: #C6262C; }
.artitemsubttxt { display:block; width: 100%; height:auto; margin-bottom:16px; font-size:22px; font-weight:300; color:#000000; }
.artitemtexttxt { display:block; width: 100%; height:auto; margin-bottom:14px; font-size:13px; font-weight:300; color:#666666; }
.artitembuycbox { display:inline-block; width: auto; height:auto; margin-bottom:24px; font-size:18px; font-weight:300; color:#666666; border: solid #C6262C 1px; border-radius: 3px; padding:8px 30px; }

/* ----------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- media only screen and max-width: 950px */
/* ----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 950px)
	{



	.subgroupmainbox { padding: 0; }
	.subgrouptitlebox { border-top: #000000 dotted 1px; }
	.subgrouptitletxt { font-size: 18px; }

	.flexrowwrap {  }
	.flexartitem { width: calc( 100% / 2 ); }
	.artitemimgeimg { margin-bottom: 6px; }
	.artitemtitltxt { min-height: initial; font-size: 20px; }
	.artitemsubttxt { margin-bottom:8px; font-size:16px; }
	.artitemtexttxt { display: none; }
	.artitembuycbox {  }

	}


/* ----------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- media only screen and max-width: 500px */
/* ----------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width: 500px)
	{

	.subgroupmainbox { padding-top: 0px; }
	.subgrouptitlebox { border-top: #000000 dotted 1px; }
	.subgrouptitletxt { font-size:14px; }

	.flexrowwrap { display: block; }
	.flexartitem {  width: 100%; padding:0 12%; margin-bottom: 50px; }
	.artitemimgeimg { margin-bottom: 4px; }
	.artitemtitltxt { min-height: initial; font-size:18px; }
	.artitemsubttxt { display: none; }
	.artitemtexttxt { display: none }
	.artitembuycbox { display: none }

	}