@charset "utf-8";

	body,div{ margin:0 auto; padding:0;}


	/* Announce*************************************/

	.ano{ 
		margin: 15px auto !important;
		width: 100%;
		max-width: 1059px;
		display: block;
		text-align: center;
		padding: 0;
		font-size: 12px;
	}

	.ano img{
		border: #9e9e9e solid 1px;
		margin: 0 auto;
		/*max-width: 612px;*/
		max-width: 1070px;
		width: 99%;
		} 

	.ano .ano_ttls{
		font-size: 17px;
		padding: 3px 0 5px 0;
		text-align: center;
		color: #ff0e00;
		margin: 3px 0;
		line-height: 140%;
		}


	.ano .ano_detail {
		width:98%;
	    text-align: center;
	    font-size: 14px!important;
	    line-height: 185%!important;
	    margin: 0 auto!important;
	}

	div#headermessage .ano {/*TOP*/
	    width: 97%;
	}

	.ano img.soy.for_pc {
	border-radius: 4px;
	box-shadow: 2px 3px 10px #CCC;
	}
	
	.ano img.xmas2020_for_pc {
	border-radius: 4px;
	box-shadow: 2px 3px 10px #CCC;
	margin-top: 20px;
	}

	.ano .for_sp {
	    display:none;
	}
	
	.ano a.linkurl {
	font-size: 1.5em;
	padding: 0;
	display: block;
	color: #00F;
	/*text-decoration: none;*/
	margin: 10px;
	font-weight: 600;
	}

	.xmas2021_coupon{
		position: relative;
		width: 100%;
		height: 200px;
		background: url('https://www.rakuten.ne.jp/gold/es-toys/frame/images/banner/main/coupon_1069-200_xmas2021_bg.jpg') no-repeat;
		margin-bottom: 10px;
}

	.xmas2021_coupon_ticket{
		float: left;
		width: 340px;
		margin: 58px 1px 0 4px;
	}


	/* MEDIA SP *******************************/
	@media screen and (max-width: 671px) {

		.ano {
				font-size: 0.8rem;
				margin: 0 auto 5px!important;
				width: 100%!important;
				display: block;
				text-align: left;
				padding:0;
				text-align: center;
				line-height: 80%;
		}

		.ano a.linkurl {
				font-size: 1.2em;
				color: #001fff;
				text-decoration: none;
				width: 98%;
				padding: 0;
				margin: 0 auto 1.0em;
				line-height: 1.2em;
		}
			/*_add2021.01.22_ date_*/
		.ano img {
				max-width: 320px;
				width:100%;
			}

		.ano .for_pc {display:none;}
		.ano .for_sp {display:inherit;}

		.ano .ano_ttls{
				font-size: 0.8rem!important;
				padding: 0;
				text-align: center;
				font-weight: bold;
				margin: 0 auto 5px;
		}
			
		.ano .ano_ttls span,.ano .ano_detail span {
				display: block;
	    }
	    
	    .ano .ano_detail {
	    		font-size: 0.7rem!important;
	    		line-height: 149%!important;
	    		width:98%;
		}
		
		.xmas2021_coupon{
			position: relative;
			width: 96%;
			height: auto;
			background: url("https://www.happinetonline.com/ec/images/banner/main/coupon_1069-200_xmas2021_bg.jpg") no-repeat;
			background-size: 100% auto;
}

		.xmas2021_coupon_ticket{
			float: left;
			width: 31.5%;
			margin: 23px 1px 12px 4px;
		}
	}

	/* Announce*************************************/


	/* Event / Promotion *****************************/

	#mallevent_sp{ display:none;}

	#headermessage #mallevent { width: 98%; text-align:center;}
	#mallevent a{ margin-bottom:5px; display: block;}
	#mallevent a img{ width:100%;}

	#mallevent{text-align:center;}


	#mallevent div{
		width: 48.5%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		margin:9px auto;
	}
	
		#mallevent div a{
			width: 98%;
			display: block;
			margin: 0 auto;
			display: block;
			margin: 0 auto;
			text-align: center;
			}
			
			div#mallevent div img {
			width: 100%;
			vertical-align: top;
			border-radius: 2px;
			}
			
			
	.headbnr {
	    width: 1040px;
	    vertical-align: middle;
	    margin: 5px auto 5px;
	    text-align:center;
	}
	
	.headbnr img {
	    /* float: left; */
	    vertical-align: middle!important;
	    display: inline-block!important;
	    width: 100%;
	}
	
	.headbnr p {
		vertical-align: middle;
		display: inline-block;
		font-size: 35px;
		margin: 0 auto 0 17px;
		letter-spacing: 0.3em;
		text-align: center;
		color: #000;
	}

	.soywin, .somwin{
	    width: 517px;
	    display: inline-block;
	    vertical-align: top;
	    margin: 0;
	    padding: 0;
	}


.supersale {
    width: 1040px;
    vertical-align: middle;
    margin: 0 auto 5px;
    text-align: center;
}

div#bundledcontrole {
    background: #ffe7e7;
    font-size: 1.2em;
    border: 1px #c74141 solid;
    padding: 10px;
    color: #420505;
    line-height: 1.8em;
}



/* MEDIA SP *************************************************************************************************************************************************/
	@media screen and (max-width: 670px) {

			#mallevent_sp {
			margin: 0 auto 0;
			text-align: center;
			width: 100%;
			display: block;
			}
			
			#mallevent {
			display:none;
			}

			#mallevent_sp img {
			margin:0 auto 1px;
			}


			#mallevent_sp a{
			    margin: 2px auto;
			    height: auto;
			    display: block;
			}

			.shop12years_sp img {
				vertical-align: middle;
				display: inline-block;
				width: 14%!important;
				margin: 0 10px 5px;
			}
			.shop12years_sp p {
				vertical-align: middle;
				display: inline-block;
				/* float: left; */
				font-size: 1.4em;
				font-weight: bold;
				margin: 0 auto;
				letter-spacing:0.2em;
				text-align:left;
				line-height: 117%;
			}



.shop12years,.soywin,.somwin {
    width: 98%;
    margin: 3px auto 0;
}


.supersale {
    width: 100%;
}

div#bundledcontrole {
	width: 98%;
	font-size: 0.8em;
	line-height: 1.8em;
	padding: 1px;
	margin: 0 auto;
}

	}

	/* Event / Promotion *****************************/