/*************************************************************************************************************

			内容レイアウト（投稿風）
			
**************************************************************************************************************/

/*上部テキスト*/
.tp_text_head{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 1.0rem;
	line-height: 1.6;
	padding: 1rem 0;
	color: #333;
}


/*見出しセット（見出し）*/
.tp_h3{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: 800;
	font-size: 1.2rem;
	line-height: 1.6;
	margin-top: 0px;
	margin-bottom: 6px;
	border-bottom: 1px solid #12905D;
	text-align: left!important;
}
	.tp_h3_gp{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		margin-top: 0px;
		margin-bottom: 6px;
		border-bottom: 1px solid #12905D;
	}
		.tp_h3_gp_l {
			font-weight: 800;
			font-size: 1.2rem;
			display: inline-block;
			width: 100%;
			text-align: left;
		}
		.tp_h3_gp_r {
			font-size: 0.7rem;
			display: inline-block;
			width: 100%;
			text-align: left;
			font-weight: lighter;
		}
		
.tp_h4 {
	font-size: 1.1rem;
	line-height: 1.3rem;
	padding: 12px 10px 10px 20px;
	background: #12905D;
	color: #FFF;
	margin: 6px 0;
	font-weight: 550;
	position: relative;
	border:none;
}
.tp_h4:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-width: 0px 0px 16px 16px;
	border-style: solid;
	border-color: #FFF #45B387 #45B387 #FFF;
	background: #ed7277;
	display: block;
	width: 0;
}
.tp_h5{
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1.3;
	padding: 5px 15px;
	border-left: 6px solid #12905D;
	border-bottom: none !important;
	color: #000;
	margin: 6px 0px;
}
	/*見出しセット（テキスト／インデント付き）*/
	.tp_h_text{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		font-size: 1.0rem;
		line-height: 1.4;
		padding: 0 1rem;
		color: #333;
	}
	
	
	
/*詳細セット（見出し）*/
.tp_desc_tm{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width: 100%;
	font-size: 1.0rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	padding: 10px 0 4px 0;
	display: block;
}
	/*詳細セット（テキスト）*/
	.tp_desc_tt{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		width: 100%;
		font-size: 0.9rem;
		line-height: 1.4;
		text-align: left;
		padding: 1px 0;
		display: block;
		color: #333;
	}
		/*注意書き用マイクロテキスト*/
		.tp_desc_ss{
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			width: 100%;
			font-size: 0.8rem;
			line-height: 1.4;
			text-align: left;
			padding: 6px 0 10px 0;
			display: block;
			color: #333;
		}

/*詳細セット（見出し）スモールバージョン*/
.tp_desc_tm_s{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	width: 100%;
	font-size: 0.8rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: left;
	padding: 4px 0 0 0;
	display: block;
}
	/*詳細セット（テキスト）*/
	.tp_desc_tt_s{
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
		width: 100%;
		font-size: 0.7rem;
		line-height: 1.6;
		text-align: left;
		padding: 2px 0 10px 0;
		display: block;
		color: #333;
	}
		/*注意書き用マイクロテキスト*/
		.tp_desc_ss_s{
			font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
			width: 100%;
			font-size: 0.6rem;
			line-height: 1.4;
			text-align: left;
			padding: 6px 0 10px 0;
			display: block;
			color: #333;
		}




/*イメージ縮小*/
.tp_img{
	width: 100%;
}
	.tp_img img{
		width: 100%;
	}
.tp_img90{
	width: 90%;
	margin: 0 auto;
}
	.tp_img90 img{
		width: 100%;
	}
.tp_img80{
	width: 80%;
	margin: 0 auto;
}
	.tp_img80 img{
		width: 100%;
	}
.tp_img70{
	width: 70%;
	margin: 0 auto;
}
	.tp_img70 img{
		width: 100%;
	}
.tp_img60{
	width: 60%;
	margin: 0 auto;
}
	.tp_img60 img{
		width: 100%;
	}

/*イメージトリミング*/
.tp_tri300{
	max-height: 300px;
	overflow: hidden;
}






/*ボックス（レスポンシブ）*/
.tp_ibwrap100{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap90{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap85{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap80{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap70{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap60{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap50{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap40{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap30{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap20{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap10{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}


.tp_ibwrap33{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap25{
	width: 100%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}


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

.tp_h3{
	font-size: 1.6rem;
}

	/*　製品名*/
	.tp_h3_gp_l {
		font-weight: 800;
		font-size: 1.6rem;
		display: inline-block;
		width: 50%;
		text-align: left;
	}
	.tp_h3_gp_r {
		font-size: 0.9rem;
		display: inline-block;
		width: 48%;
		text-align: right;
		font-weight: lighter;
	}



	.tp_ibwrap100{
		width: 98%;
		padding: 1%;
		display: inline-block!important;
		margin: 0 auto;
	}
	.tp_ibwrap90{
		width: 88%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap85{
		width: 82%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap80{
		width: 78%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap70{
		width: 67%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap60{
		width: 57%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap50{
		width: 47%;
		padding: 1%;
		display: inline-block!important;
	}
	.tp_ibwrap40{
		width: 37%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap30{
		width: 28%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap20{
		width: 18%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap10{
		width: 8%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap33{
		width: 30%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}
	.tp_ibwrap25{
		width: 22%;
		padding: 1%;
		display: inline-block!important;
		vertical-align: top;
	}


}



/*ボックス（固定）*/
.tp_ibwrap90fix{
	width: 87%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap80fix{
	width: 77%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap70fix{
	width: 67%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap60fix{
	width: 57%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap50fix{
	width: 47%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap40fix{
	width: 38%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap30fix{
	width: 28%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap20fix{
	width: 18%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap10fix{
	width: 8%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}

.tp_ibwrap33fix{
	width: 31%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}
.tp_ibwrap25fix{
	width: 22%;
	padding: 1%;
	display: inline-block!important;
	vertical-align: top;
}






/*テーブル01 font12 padding上下10,14 left,center*/
table.posttable01 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size: 12px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: left;
}
table.posttable01 tbody tr th {
	padding: 2px;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable01 tbody tr td {
	padding: 2px 1px;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align: center;
}
/*テーブル01 font12 padding上下10,14 center*/
table.posttable01c {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size: 12px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
}
table.posttable01c tbody tr th {
	padding: 10px;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable01c tbody tr td {
	padding: 14px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align: center;
}
/*テーブル01 font12 padding上下10,14 left*/
table.posttable01l {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size: 12px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: left;
}
table.posttable01l tbody tr th {
	padding: 10px;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable01l tbody tr td {
	padding: 14px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align: left;
}

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

	table.posttable01 tbody tr th {
		padding: 10px;
	}
	table.posttable01 tbody tr td {
		padding: 14px 6px;
	}

}


/*テーブル02 font12 padding上下6,4 center*/
table.posttable02 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size:12px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: center;
}
table.posttable02 tbody tr th {
	padding: 6px;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable02 tbody tr td {
	padding: 4px;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:center;
}
/*テーブル02 font12 padding上下6,4 left*/
table.posttable02l {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size:12px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	text-align: left;
}
table.posttable02l tbody tr th {
	padding: 6px;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable02l tbody tr td {
	padding: 4px;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:left;
}
/*テーブル02 font12 padding上下6,4 left 色なし*/
table.posttable02lcnon {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size:12px;
	text-align: left;
}
table.posttable02l tbody tr th {
	padding: 6px;
	font-weight: lighter;
	vertical-align: middle;
	vertical-align: top;
}
table.posttable02l tbody tr td {
	padding: 4px;
	vertical-align: middle;
	text-align:left;
	vertical-align: top;
}



/*テーブル03 font16 padding上下10,16 center,left*/
table.posttable03 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.6;
	font-size:16px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
table.posttable03 tbody tr th {
	padding: 10px;
	width: 50%;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
}
table.posttable03 tbody tr td {
	padding: 1em;
	width: 50%;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:left;
}
/*テーブル03 font16 padding上下8 center,left*/
table.posttable03_02 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.4;
	font-size:16px;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
}
table.posttable03_02 tbody tr th {
	padding: 8px;
	width: 50%;
	font-weight: lighter;
	vertical-align: middle;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	background-color: #B7DEB3;
	text-align:center;
}
table.posttable03_02 tbody tr td {
	padding: 8px;
	width: 50%;
	vertical-align: middle;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa;
	text-align:left;
}





/*テーブル04*/
table.posttable04 {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	border-collapse: collapse;
	width: 100%;
	border-spacing: 1px;
	line-height: 1.2;
	font-size: 14px;
	text-align: left;
}
table.posttable04 tbody tr th {
	padding: 10px;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	
}
table.posttable04 tbody tr td {
	padding: 14px 6px;
	vertical-align: middle;
	border-bottom: 1px solid #ccc;
	text-align: left;
}



/*商品一覧id位置調整（固定ヘッダーにおけるページ内リンク用の施策）*/
@-webkit-keyframes modify{
      0% { padding-top: 160px; margin-top: -160px; }
    100% { padding-top: 0; margin-top: 0; }
}
@keyframes  modify{
      0% { padding-top: 160px; margin-top: -160px; }
    100% { padding-top: 0; margin-top: 0; }
}
#wallg:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
#parkg:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
#norig:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
#multi:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
#rs:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}
#markerball:target {
    -webkit-animation: modify 0.1s;
    animation: modify 0.1s;
}



/*ボタン*/
.btn_tr01 {
	padding: 5px;
	max-width: 400px;
	margin-top: 40px;
	background-color: #FD1B1F;
	text-align: center;
	border-radius: 4px;
	color: #fff;
	display: block;
}
.btn_tr01:hover {
	text-decoration: none!important;
	background-color: #FF3539;
}

/*下線*/
.tp_bbg {
	border-bottom: 1px solid #ccc;
}