@charset "utf-8";
/* -----------------------------------------------

top

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


/* -------------------------------------------- */
/* -------------------------------------------- */
/* PC */
@media screen and (min-width: 641px) {
	.endTxt p {
font-size: 137%;
font-weight: bold;
color: #d7000f;
padding-bottom:6px;
}
		.endTxt2 p {
font-size: 125%;
font-weight: bold;
color: #d7000f;
padding-bottom:6px;
}
	#pageNav ul li#gn_goods a{
		background-position: 0 -33px;
	}
	.contentsBoxInn h2 {
		border-bottom:1px solid #CCCCCC;
		font-size:182%;
		font-weight:normal;
		padding: 0 0 5px;
		margin:0 0 10px 0;
	}
	.contentsBoxInn h2 span {
		color:#6B6B6B;
		font-size:66%;
		line-height: 1.6em;
		margin:0 20px 0 0;
		padding:0 20px 0 0;
	}
	.contentsBoxInn h3{
    border-bottom: 1px solid #cccccc;
    font-size: 	137%;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 25px 0 3px;
	}
	.contentsBoxInn h4 {
	    font-size: 108%;
	    margin: 15px 0 5px;
	}

	.sectionReadTxt{
		margin: 25px 0 0 0;
	}
	.counterBlock h3{
    border-bottom: 1px solid #cccccc;
    font-size: 	137%;
    font-weight: normal;
    margin: 0 0 10px;
    padding: 5px 0 3px;
	}


	.supportTitle{
		overflow: hidden;
		margin: 0 0 20px 0;
	}
	
	.goodsItem{
		width: 225px;
		float: left;
		margin: 0 13px 0 0;
	}
	.goodsItem img{
		margin: 0 0 3px 0;
	}
	.marNone{
		margin: 0;
	}
	.goodBlock{
		overflow: hidden;
		text-align:left;
		padding-bottom:20px;
	}
	
	.itemTit{
		font-weight: bold;
		margin: 0 0 3px 0;
	}
	.itemTit span{
		color:#D7000F;
		padding-left:8px;	
	}
	.itemtit s{
		
	}
	.itemCap{
		font-size: 93%;
		color:#cccccc;
		color:#4D4D4D;
		margin: 0 0 5px 0;
	}
	.itemTxt{
		font-size: 93%;
		line-height: 1.6em;
		color:#4D4D4D;
		text-align:left;
	}

	.goodsIg{
		position: relative;
	}
	
	.goodsIg .itemTxt{
		position: absolute;
		top: 263px;
		left: 321px;
	}
	
	

	/* ------------------ */
	.pageCaption{
		text-align: right;
		font-size: 88%;
		margin:0 0 10px 0;
	}


	.goodBlockIn{
		overflow: hidden;
		margin: 0 0 20px 0;
	}


	.column h4{
		
	}
	.column p{
		font-size: 108%;
		margin: 0 0 5px 0;
	}
	.column p.captionTxr{
		font-size: 85%;
	}
	.stTxt{
		font-weight: bold;
		font-size: 116%;
		line-height: 1.9em;
		padding: 0 0 10px 0;
	}
}

/* -------------------------------------------- */ 
/* -------------------------------------------- */
@media screen and (min-width: 641px) and (max-width: 800px) {
/* 800px用（タブレット用）の記述 */
	.contentsBoxInn{
    padding: 20px;
    width: 690px;
	}
	.goodsItem {
	    float: left;
	    margin: 0 22px 0 0;
	    width: 215px;
	}
	.goodsItem img{
		width: 215px;
	}
	.marNone {
	    margin: 0;
	}
	.gods{
		width: 100%;
	}
	.gods img{
		width: 100%;
	}
}


/* -------------------------------------------- */
/* -------------------------------------------- */
/* SP */
@media screen and (max-width: 640px) {
	
		.endTxt p {
font-size: 137%;
font-weight: bold;
color: #d7000f;
padding-bottom:6px;
}
		.endTxt2 p {
font-size: 125%;
font-weight: bold;
color: #d7000f;
padding-bottom:6px;
}
	#contents {
	    padding: 25px 15px;
	}
	.contentsSide{
		display: none;
	}
	.contentsBoxInn h2 {
	    border-bottom: 1px solid #CCCCCC;
			font-size:146.5%;
			font-weight: bold;
			padding: 0 0 5px;
			margin:0 0 10px 0;
	}
	#contents h2 span {
	    color: #898A8B;
	    font-size: 66%;
	    line-height: 1.6em;
	    padding: 0 0 0 0;
	}
	.contentsBoxInn h3{
		font-size: 123.1%;
		border-bottom: #cccccc solid 1px;
		margin: 0 0 10px 0;
		padding: 0 0 8px 0;
	}

	#teaser_contnets {
		position: relative;
		padding: 0 0 100px 0;
		margin:0;
	}
	
	/* ------------------ */
	.goodsItem{
		text-align: center;
		margin: 0 auto 40px;
		width: 280px;
	}
	.goodsItem img{
		margin: 0 0 3px 0;
	}

	.goodBlock{
		overflow: hidden;
	}
	
	.itemTit{
		font-weight: bold;
		margin: 0 0 3px 0;
	}
	.itemTit span{
		color:#D7000F;
		padding-left:8px;	
	}
	.itemCap{
		font-size: 93%;
		color:#cccccc;
		color:#4D4D4D;
		margin: 0 0 5px 0;
	}
	.itemTxt{
		font-size: 93%;
		line-height: 1.6em;
		color:#4D4D4D;
	}

	.goodsIg{
		position: relative;
	}
	
	.goodsIg .itemTxt{
		position:static;
		margin: 0 auto 40px;
		width: 280px;
	}
	
	.gods{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.gods img{
		width: 100%;
	}

	/* ------------------ */
	.pageCaption {
	    font-size: 88%;
	    margin: 0 0 10px;
	    text-align: right;
	}
	.goodsIg .itemTxt {
	    position:relative;
	}
	.column{
		margin: 20px 0 0 0;
	}
}