table.send{
	font-seize:16px;
	margin: 0 auto;

	th,td{
		border:solid 1px #888;
		width:200px;

		text-align: center;
		vertical-align: middle;
	}

	th{

	}

	td{
		
	}

	tr:nth-child(odd) th{
		background-color: #EEE;
	}
	tr:nth-child(even) th{
		background-color: #FFF;
	}

}


.btn-square-little-rich {
	position: relative;
	display: inline-block;
	padding: 0.25em 0.5em;
	text-decoration: none;
	color: #FFF;
	background: #03A9F4;/*色*/
	border: solid 1px #0f9ada;/*線色*/
	border-radius: 4px;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
	text-shadow: 0 1px 0 rgba(0,0,0,0.2);
	width: 190px;
	height: 40px;
	line-height: 40px;
}


@media screen and (min-width:1001px) {


	.divPcOnly{
		display:block !important;
	}
	.divSpOnly{
		display:none !important;
	}

	/* main area */
	main{
		

		

		h2{
			text-align:center;
			font-size:40px;
			margin:120px 0 30px 0;
		}
		h2.big{
			font-size:5em;
		}
		h2.withIcon:before{
			content: url('/wp-content/themes/tricell/img/icon.png');
			margin: 20px;
			position: relative;
			top: 60px;
		}
		

		.container{
			width:100%;
			//max-width: 1400px;
			padding:50px 18%;
			margin: 0 auto;
			box-sizing: border-box;



			.flex{
				width:100%;
				display:flex;
				flex-flow: row wrap;
				justify-content:space-start;
				align-items: center;
				margin:20px 0;
				
				.box{
					box-sizing: border-box;
					width:50%;

					

					img{
						width: 100%;
						border-radius: 3%;
					}
					img.icon{
						width:150px;
						height: auto;
						margin:0 0 0 50%;
					}

					.flexThumb{
						display:flex;
						flex-flow: row wrap;
						justify-content:space-start;
						align-items: flex-start;
		
						.item{
							width: 48%;
							height: auto;
							margin: 1%;
		
							a{
								img.sell{
									width: 100%;
									//border-radius:10px;
									
								}
							}
						}
					}

				}
				.box.migi{
					padding: 0 20px 0 40px;
				}
				.box.hidari{
					padding: 0 40px 0 20px;
				}

			}

			h2{
				width: 100%;
				text-align:center;
				font-size:40px;
				margin:120px 0 0 0;
			}
			h2.gold{
				color: #b47526;
				border-top: solid 3px #b47526;
				border-bottom: solid 3px #b47526;
				font-size:4.5em;
			}
			h2.regular{
				color: #fe455c;
				border-top: solid 3px #fe455c;
				border-bottom: solid 3px #fe455c;
				padding-bottom: 20px;
				font-size:4em;
			}


			.line{
				width:100%;
				height: 0px;
				margin: 10px auto 50px auto;
				border:1px solid #555;
				box-sizing: border-box;
			}
			p{
				font-size: 20px;
				line-height: 200%;
			}
			img{

			}

		}
		.container.max{
			max-width: 100%;
			padding:50px 0;
			

			.flex{


				.box{

				}
				.box.migi{
					padding: 0 10% 0 20px;
				}
				.box.hidari{
					padding: 0 20px 0 10%;
				}
			}
		}

	}

	main#slide{
		margin-top: 700px;
	}
	


}



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

	.divPcOnly{
		display:none !important;
	}
	.divSpOnly{
		display:block !important;
	}

/* main area */

	main{
	 	margin-top:-4px;
		z-index: 0;


		h2{
			text-align:center;
			font-size:24px;
			margin:50px 0 20px 0;
		}
		h2.big{
			font-size:2.5em;
		}
		h2.withIcon:before{
			content: '';/*何も入れない*/
			display: inline-block;/*忘れずに！*/
			width: 80px;/*画像の幅*/
			height: 80px;/*画像の高さ*/
			background-image: url('/wp-content/themes/tricell/img/icon.png');
			background-size: contain;
			vertical-align: middle;
		}

		.container{
			width: 100%;
			padding-top: 100px;


			.flex{
				display:flex;
				flex-flow: row wrap;
				justify-content:space-start;
				align-items: flex-start;

				.box{
					box-sizing: border-box;
					width: 100%;
					//border:solid 1px red;
					padding:3%;
					text-align: center;;

					img.icon{
						width:50%;
						height: auto;
						margin:0 0 0 25%;
					}



					.flexThumb{
						display:flex;
						flex-flow: row wrap;
						justify-content:space-start;
						align-items: flex-start;
		
						.item{
							width: 48%;
							height: auto;
							margin: 2px;
		
							a{
								img.sell{
									width: 100%;
									//border-radius:10px;
									
								}
							}
						}
					}

				}

			}
			p{
				font-size: 16px;
			}
			img{
				width:100%;
			}


			h2{
				width:100%;
				text-align:center;
				font-size:24px;
				margin:50px 0 0 0;
			}
			h2.gold{
				color: #b47526;
				border-top: solid 3px #b47526;
				border-bottom: solid 3px #b47526;
				font-size:2.5em;
			}
			h2.regular{
				color: #fe455c;
				border-top: solid 3px #fe455c;
				border-bottom: solid 3px #fe455c;
				padding-bottom: 5px;
				font-size:2em;
			}
			.line{
				width:90%;
				height: 0px;
				margin: 5px 5% 30px 5%;
				border:1px solid #555;
			}

			
		}

		.flex.reverse{
			flex-flow:row wrap-reverse ;
		}


		
	}

	main#slide{
		margin-top: 700px;
	}

}