/*charset "UTF-8";*/

/* COMMON CETTINGS
**************************************************************************************/
	body{
		width : 320px;
		min-width : 100%;
	}
	
	img{
		vertical-align : top;
	}
	
/* header
***************************************************************************/
	#header-wrapper{
		/*width : 318px;*/
		/*background : url("../images/sp/bght.png");*/
		/*height : 50px;*/
		position : relative;
	}
	
	#header1{
		background: #000;
		padding: 7px 8px;
	}

	#header1 ul{
		
	}

	#header1 ul li{
		float: left;
		margin-left: 17px;
		font-size: 11.6px;
		line-height: 1;
	}

	#header1 ul li:first-child{
		margin-left: 0;
	}

	#header1 #jl a{
		color: #dd3054;
	}

	#header1 #cm a{
		color: #767676;
	}

	#header1 #abc a{
		color: #767676;
	}

	#header2{
		/*background: #dd3054;*/
		background: #fff;

		background: #dd3054;

		padding: 5px 6px;
	}

	#header2 ul{
		width: 79px;
		height: 20px;
		float: left;
		margin-top: 5px;
	}

	#header2 ul2{
		width: 79px;
		height: 20px;
		float: right;
		margin-top: 5px;
	}

	#header2 ul a{
		display: block;
		height: 20px;
	}

	#header2 form{
		float: right;
		border: 2px solid #b7b7b7;
		background: #fff;
	}

	#header2 form input{
		float: left;
		width: 150px;
		border: 0;
		padding-left: 7px;
		padding-top: 5px;
	}

	#header2 form button{
		float: left;
		width: 30px;
		height: 24px;
		background: url("../images/sp/search-btn.png") no-repeat 0 0;
	}

	#header3{
		background: #dbdcdd;
		padding: 4px 6px 3px;
		margin-bottom: 3px;
		border-bottom: 1px solid #c9cacb;
		box-shadow: 0 3px 0 #999a9b;;
	}

	#header3 ul li{
		float: left;
		padding-left: 9px;
		margin-left: 11px;
		background: url("../images/sp/btn-list.png") no-repeat 0 center;
		font-size: 13px;
		line-height: 1;
	}

	#header3 ul li:first-child{
		margin-left: 0;
	}

	#header3 ul li:last-child{
		float: right;
	}

	#header3 ul li a{
		color: #000;
		display: block;
		height: 15px;
	}

/* header2 no kawari kojimak20150705*/

	#headerb{
		background: #dd3054;
		padding: 5px 6px;
		border-bottom: 2px solid #c9cacb;
	}
	#headerb ul{
		width: 95px;
		height: 26px;
		float: right;
		margin-top: 2px;
	}
	#headerb ul2{
		width: 30px;
		height: 20px;
		float: left;
		margin-top: 3px;
	}
	#headerb ul a{
		display: block;
		height: 20px;
	}
	#headerb form{
		float: left;
		border: 2px solid #b7b7b7;
		background: #fff;
	}
	#headerb form input{
		float: left;
		width: 120px;
		border: 0;
		padding-left: 7px;
		padding-top: 5px;
	}
	#headerb form button{
		float: left;
		width: 30px;
		height: 24px;
		background: url("../images/sp/search-btn.png") no-repeat 0 0;
	}

	/* なるほどボタン
	************************/
	.naruhodo{
		float : left;
		margin-top : -6px;
		margin-left : 10px;
	}

	.naruhodo img{
		cursor : pointer;
		float : left;
		vertical-align : top;
	}

	.naruhodo-box{
		height : 21px;
		float : left;
		-moz-box-sizing : border-box;
		-webkit-box-sizing : border-box;
		box-sizing : border-box;
		padding : 2px 6px;
		text-align : center;
		
		line-height : 17px;
		font-size : 10px;
		border : 1px solid #ccc;
		margin-left : 5px;
		-webkit-border-radius : 2px;
		-moz-border-radius : 2px;
		border-radius : 2px;
		position : relative;
	}
	.naruhodo-box::before, .naruhodo-box::after{
		content : "";
		width : 0;
		height : 0;
		border : solid transparent;
		position : absolute;
		top : 50%;
	}

	.naruhodo-box::before{
		border-right-color : #ccc;
		border-width : 5px;
		left : -10px;
		margin-top : -5px;
	}

	.naruhodo-box::after{
		border-right-color : #fff;
		border-width : 4px;
		left : -8px;
		margin-top : -4px;
	}