@charset "Shift_JIS";

/***********************************************
　共通
***********************************************/
.Special_main div,.Special_main span,.Special_main applet,.Special_main object,.Special_main iframe,.Special_main h1,.Special_main h2,.Special_main h3,.Special_main h4,.Special_main h5,.Special_main h6,.Special_main p,.Special_main blockquote,.Special_main pre,.Special_main a,.Special_main abbr,.Special_main acronym,.Special_main address,.Special_main big,.Special_main cite,.Special_main code,.Special_main del,.Special_main dfn,.Special_main em,.Special_main img,.Special_main ins,.Special_main kbd,.Special_main q,.Special_main s,.Special_main samp,.Special_main small,.Special_main strike,.Special_main strong,.Special_main sub,.Special_main sup,.Special_main tt,.Special_main var,.Special_main b,.Special_main u,.Special_main i,.Special_main center,.Special_main dl,.Special_main dt,.Special_main dd,.Special_main ol,.Special_main ul,.Special_main li,.Special_main fieldset,.Special_main form,.Special_main label,.Special_main legend,.Special_main table,.Special_main caption,.Special_main tbody,.Special_main tfoot,.Special_main thead,.Special_main tr,.Special_main th,.Special_main td,.Special_main article,.Special_main aside,.Special_main canvas,.Special_main details,.Special_main embed,.Special_main figure,.Special_main figcaption,.Special_main footer,.Special_main header,.Special_main hgroup,.Special_main menu,.Special_main nav,.Special_main output,.Special_main ruby,.Special_main section,.Special_main summary,.Special_main time,.Special_main mark,.Special_main audio,.Special_main video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	line-height: 1;
	font-weight: normal;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.Special_main img{
	max-width: 100%;
	vertical-align: bottom;
}
.Special_main ul,li{
	list-style: none;
}

/***********************************************
　clearfix
***********************************************/
.clearfix:after{ 
	content:" ";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;
}
* html .clearfix{
	height:1%;
}
.clearfix{
	display:block;
}

/***********************************************
　画像マウスオーバーで透過
***********************************************/
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	filter: progid: DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=80);
}

/***********************************************
　ページ設定
***********************************************/
.page_toys{
	margin:0 0 10%;
	padding:0 0 10px;
	background:#ffffff;
}

/***********************************************
　ナビ
***********************************************/
.page_toys .cont_toys_nav{
	background: #ffffff;
	text-align: center;
}
.page_toys .cont_toys_nav ul{
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.page_toys .cont_toys_nav li{
	width: calc(100% / 3);
}

@media screen and (max-width:768px){
	.page_toys .cont_toys_nav li{
		width: calc(100% / 3);
	}
}

/***********************************************
　商品リスト
***********************************************/
.page_toys .cont_toys{
	margin:0 3% 30px;
}
.page_toys .cont_toys .cont_toys_title{
	padding: 7px 15px;
}
.page_toys .cont_toys#safeskin{background: #d2e6c1;}
.page_toys .cont_toys#fine{background: #ED6C0D;}
.page_toys .cont_toys#babyskin{background: #b1e4f9;}
.page_toys .cont_toys#freshskin{background: #b7e3f9;}
.page_toys .cont_toys#realskin{background: #d1f7c2;}
.page_toys .cont_toys#verginskin{background: #fad7dd;}
.page_toys .cont_toys#nanoskin{background: #e6ebee;}
.page_toys .cont_toys#stretchskin{background: #f4cfda;}
.page_toys .cont_toys#hitohada{background: #82c6cc;}
.page_toys .cont_toys#other{background: #f7ed7b;}
.page_toys .cont_toys#safeskin .cont_toys_title{background: #71b230;}
.page_toys .cont_toys#fine .cont_toys_title{background: #c82909;}
.page_toys .cont_toys#babyskin .cont_toys_title{background: #2669a8;}
.page_toys .cont_toys#freshskin .cont_toys_title{background: #04b7fa;}
.page_toys .cont_toys#verginskin .cont_toys_title{background: #ed798e;}
.page_toys .cont_toys#realskin .cont_toys_title{background: #4c8635;}
.page_toys .cont_toys#nanoskin .cont_toys_title{background: #002072;}
.page_toys .cont_toys#stretchskin .cont_toys_title{background: #da4e7a;}
.page_toys .cont_toys#hitohada .cont_toys_title{background: #29adb2;}
.page_toys .cont_toys#other .cont_toys_title{background: #ffd800;margin-bottom: 3%;}

.page_toys .cont_toys .cont_toys_lead{
	padding:3%;
	display: flex;
	justify-content: center;
}
.page_toys .cont_toys .cont_toys_lead dt{
	max-width: 200px;
	width: 20%;
}
.page_toys .cont_toys .cont_toys_lead dd{
	width: calc(80% - 30px);
	background:#fff;
	border-radius: 7px;
	padding: 7px;
	position: relative;
	margin-left: 15px;
}
.page_toys .cont_toys .cont_toys_lead dd:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.5px 15px 7.5px 0;
	border-color: transparent #fff transparent transparent;
	position: absolute;
	left: -15px;
	top:50%;
}
@media screen and (max-width:768px){
	.page_toys .cont_toys .cont_toys_lead dt,
	.page_toys .cont_toys .cont_toys_lead dd:after{
		display: none;
	}
	.page_toys .cont_toys .cont_toys_lead dd{
		width: 100%;
		margin-left: 0;
	}
}
.page_toys .cont_toys ul{
	display: flex;
	flex-wrap: wrap;
	padding:0 3%;
}
.page_toys .cont_toys li{
	width: calc(90% / 3);
	margin:0 5% 5% 0;
	list-style: none;
	word-break:break-all;
	overflow-wrap:break-word;
}
.page_toys .cont_toys li:nth-child(3n){
	margin-right: 0;
}
.page_toys .cont_toys li a{
	display: block;
	padding: 5%;
	text-decoration: none;
	text-align: center;
	background: #fff;
	border: 1px solid #000;
}
.page_toys .cont_toys li dt{
	margin-bottom: 10px;
}
.page_toys .cont_toys li .name{
	line-height: 1.6;
	color: #000;
}
.page_toys .cont_toys li .price{
	color: red;
	font-size: 20px;
	display: block;
	font-weight: bold;
	margin-top: 7px;
}
.page_toys .cont_toys li .price span{
	font-weight: bold;
	font-size: 16px;
}
@media screen and (max-width:768px){
	.page_toys .cont_toys li{
		width: calc(95% / 2);
	}
	.page_toys .cont_toys li:nth-child(3n){
		margin-right: 5%;
	}
	.page_toys .cont_toys li:nth-child(2n){
		margin-right: 0;
	}
	.page_toys .cont_toys li .name{
		font-size: 14px;
	}
}