@charset "utf-8";

/* basic elements
======================================*/
html {
	font-size: 100%;
}
body {
	margin: 0;
	padding: 0;
	width: auto !important;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	*font-size: 75%;
	line-height: 1.5;
	color: #4d3b17;
	background-color: #f0ebdf;
}
p {
	margin: 0;
	padding: 0;
}
img {
	border: 0 none;
	vertical-align: bottom;
}
em {
	font-style: normal;
	font-weight: bold;
}
strong {
	color: #cc3300;
}
sup {
	vertical-align: 0.333em;
	font-size: 75%;
	*font-size: 100%;
}
sub {
	vertical-align: baseline;
	font-size: 75%;
	*font-size: 100%;
}
hr {
	width: 100%;
	height: 1px;
	margin: 1.95em 0 0;
	*margin-top: 1.4em;
	padding: 0;
	border: 0 none;
	color: #e2dbbf;
	background-color: #e2dbbf;
}

/* link
======================================*/
a:link {
	color: #806A00;
	text-decoration: underline;
}
a:visited {
	color: #80774c;
	text-decoration: underline;
}
a:focus {
	color: #e6bf00;
	text-decoration: none;
}
a:link:hover,
a:visited:hover,
a:link:active,
a:visited:active {
	color: #e6bf00;
	text-decoration: none;
}
a.url:link,
a.url:visited {
	text-decoration: none;
}
a.url:focus {
	text-decoration: none;
}
a.url:link:hover,
a.url:visited:hover,
a.url:link:active,
a.url:visited:active {
	text-decoration: none;
}

/* class
======================================*/
.center {
	text-align: center;
	zoom: 1;
}
.right {
	text-align: right;
	zoom: 1;
}
.none {
	display: none;
}
* {
	-webkit-text-size-adjust:none;
}

a:link, a:hover, a:active, a:visited {
	text-decoration: none;
}

/**
 * global
 */
html.sp,
html.sp body{
	background:#fff;
	font-size:12px;
}

/* loadings. 'sp-loading will be added via js and removed when loading was comeleted. */

html.sp-loading body{
	background:#fff url('../../img/shared/smartphone/bg/bg_loading_01.gif') no-repeat 50% 50%;
}
html.sp-loading,
html.sp-loading body{
	width:100%;
	height:100%;
}
	html.sp-loading body *{
		display:none;
	}

/**
 * area layout
 */

.sp-all{
}

.sp-area-header{
	position:relative;
	border-bottom:1px solid #e9e5dc;
}
.sp-area-header:after{ content:"."; display:block; clear:both; height:0; visibility: hidden; }

		.sp-area-header img{
			display:block;
		}
		.sp-area-header .symbol{
			position:absolute;
			left:50%;
			top:5px;
		}
			.sp-area-header .symbol img{
				position:absolute;
				left:-14px;
			}
		.sp-area-header .vsplit{
			display:table;
			width:100%;
			height:44px;
		}
			.sp-area-header .vsplit > span{
				display:table-cell;
				vertical-align:middle;
			}
			.sp-area-header .logo{
				text-align:left;
				padding:0 0 0 9px;
			}
			.sp-area-header .back{
				text-align:left;
				padding:7px 10px 7px 5px;
			}
				.sp-area-header .back a{
					text-decoration:none;
					display:inline-block;
					border-width: 1px 4px 1px 16px;
					-moz-border-image: url(../../img/shared/smartphone/bg/bg_backbutton.png) 0 4 0 16 repeat stretch;
					-webkit-border-image: url(../../img/shared/smartphone/bg/bg_backbutton.png) 0 4 0 16 repeat stretch;
					border-image: url(../../img/shared/smartphone/bg/bg_backbutton.png) 0 4 0 16 fill repeat stretch;
					color:#fff;
					text-shadow:0 0 1px #9b8533;
					font-weight:bold;
					overflow:hidden;
					line-height:29px;
					padding:0 6px 0 0;
					-webkit-tap-highlight-color:transparent;
				}
				.sp-area-header .back a:active{
					-moz-border-image: url(../../img/shared/smartphone/bg/bg_backbutton_a.png) 0 4 0 16 repeat stretch;
					-webkit-border-image: url(../../img/shared/smartphone/bg/bg_backbutton_a.png) 0 4 0 16 repeat stretch;
					border-image: url(../../img/shared/smartphone/bg/bg_backbutton_a.png) 0 4 0 16 fill repeat stretch;
				}
			.sp-area-header .btns{
				text-align:right;
				padding:7px 10px 0px 0;
			}
				.sp-area-header .btns a,
				.sp-area-header .btns span{
					display: inline-block;
					text-align: center;
					color: #b39500;
					font-weight:bold;
					-webkit-tap-highlight-color:transparent;
				}
				.sp-area-header .btns .label {
					display:inline-block;
					font-size:8px;
				}
				.sp-area-header .btns .mypage .label {
					letter-spacing:-1px;
				}
				.sp-area-header .btns img{
					display: inline-block;
				}
			.sp-area-header .switch{
				text-align:right;
				padding:7px 10px 7px 0;
			}
				.sp-area-header .switch a{
					text-decoration:none;
					display:inline-block;
					border-width:5px;
					-moz-border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 repeat stretch;
					-webkit-border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 repeat stretch;
					border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 fill repeat stretch;
					color:#fff;
					text-shadow:0 0 1px #9b8533;
					font-weight:bold;
					overflow:hidden;
					line-height:19px;
					padding:0 7px;
					-webkit-tap-highlight-color:transparent;
				}
				.sp-area-header .switch a:active{
					-moz-border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 repeat stretch;
					-webkit-border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 repeat stretch;
					border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 fill repeat stretch;
				}

.sp-siteSearchForm {
	padding: 10px;
	border-left: 1px solid #E9E5DC;
	border-right: 1px solid #E9E5DC;
	border-bottom: 1px solid #E9E5DC;
	background:#FFF;
	display:none;
}
	.sp-siteSearchForm .line{
		display:table;
		width:100%;
	}
		.sp-siteSearchForm .line > *{
			display:table-cell;
			vertical-align:middle;
		}
		.sp-siteSearchForm .line .input{
			width:100%;
			position:relative;
		}
			.sp-siteSearchForm .line .input input{
				width:100%;
				-webkit-box-sizing:border-box;
				box-sizing:border-box;
				-webkit-appearance:none;
				appearance:none;
				box-shadow:0px 4px 3px -2px rgba(0, 0, 0, 0.1) inset;
				margin:0;
				background: #fafafa;
				border: 1px solid #dfdcd1;
				border-radius: 3px;
				padding: 3px 25px 4px 5px;
			}
			.sp-siteSearchForm .line .input .clear{
				position:absolute;
				top: 3px;
				right: 5px;
			}
		.sp-siteSearchForm .line .button{
			white-space:nowrap;
		}
			.sp-siteSearchForm .line .button input{
				padding: 0 8px;
				position: relative;
				left: 3px;
			}
	.sp-siteSearchForm .close{
		margin-top: 10px;
		text-align: center;
	}
	.sp-siteSearchForm .close button{
		padding: 0 40px;
	}

.sp-area-body{

	overflow:hidden; /* kill final bottom margin */
	position:relative;

	/* modules comes inside this div */

}

.sp-area-bodyB{ /* misc pages */
	background:#f0ebdf;
	padding:5px;
}
	.sp-area-bodyB-inner{ /* misc pages */
		background:#fff;
		-moz-border-radius:3px;
		border-radius:3px;
		padding:10px;
	}
	.sp-area-bodyB-headA {
		margin: 2px 0 -18px 0;
		text-align: center;
	}
	

.sp-area-bodyC{ /* recipe pages */}

.sp-area-footer{
	padding:10px;
}
	.sp-area-footer .footnav{
		display:none;
	}
	.home .sp-area-footer .footnav{
		display:block;
	}
	.sp-area-footer .footnav ul {
		font-size: 10px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		list-style: none;
	}
		.sp-area-footer .footnav li {
			margin: 0 10px 0 0;
			padding: 0;
			display: inline-block;
		}
	.sp-area-footer .notice{
		overflow:hidden; /* clear float */
	}
		.sp-area-footer .notice img.ban{
			float:left;
		}
		.sp-area-footer .notice img.recycle{
			float:right;
		}
		.sp-area-footer .notice p{
			overflow:hidden; /* keep rect format */
			padding:0 3px 0 6px;
			font-size:.7em;
		}

.sp-area-switch{
	background:#f0ebdf;
	padding: 8px 0;
	text-align:center;
}
span.switch{
  display:block;/*20150724*/
}
	.sp-area-switch .switch a{
		text-decoration:none;
		/*display:inline-block; 20150724*/
    display:block;/*20150724*/
    margin:0 auto;/*20150724*/
    width:160px;/*20150724*/
    height:30px;/*20150724*/
		border-width:5px;
		-moz-border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 repeat stretch;
		-webkit-border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 repeat stretch;
		border-image: url(../../img/shared/smartphone/bg/bg_homebutton.png) 5 fill repeat stretch;
		color:#fff;
		text-shadow:0 0 1px #9b8533;
		font-weight:bold;
		overflow:hidden;
		/*line-height:19px; 20150724*/
    line-height:30px;
		/*padding:0 60px; 20150724*/
    padding:0;/*20150724*/
		-webkit-tap-highlight-color:transparent;
	}
	.sp-area-switch .switch a:active{
		-moz-border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 repeat stretch;
		-webkit-border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 repeat stretch;
		border-image: url(../../img/shared/smartphone/bg/bg_homebutton_a.png) 5 fill repeat stretch;
	}

/**
 * modules
 */
	/**
	 * sp-carouselA01
	 */
	.sp-carouselA01{
		width:100%;
		border-top:10px solid #f0ebdf;
		border-bottom:10px solid #f0ebdf;
		overflow:hidden;
	}
	.sp-carouselA01 + .sp-carouselA01{
		border-top:none;
	}
		.sp-carouselA01 img,
		.sp-carouselA01 span{
			display:block;
		}
		.sp-carouselA01 .items{
			position: relative;
			left: 0;
			display: -webkit-box;
			padding-left: 60px;
		}
		.sp-carouselA01 .items.move{
			-webkit-transition: -webkit-transform 200ms ease-in-out;
		}
		.sp-carouselA01 .items.move.right{
			-webkit-transform: translate3d(190px,0px,0px);
		}
		.sp-carouselA01 .items.move.left{
			-webkit-transform: translate3d(-190px,0px,0px);
		}
			.sp-carouselA01 .items .itemsInner{
				display:table;
				border-spacing:10px;
				position:relative;
			}
				.sp-carouselA01 .item{
					display:table-cell;
					vertical-align:top;
					text-align:left;
					border:1px solid #e2dbbf;
					-webkit-border-radius:3px;
					border-radius:3px;
                    -webkit-transform: translate3d(0,0,0);
				}
					.sp-carouselA01 .itemInner{
						width:164px;
						padding:7px;
					}
						.sp-carouselA01 .item .nav{
						}
							.sp-carouselA01 .item .nav a{
							}
								.sp-carouselA01 .item .img{
									margin:0 0 .25em;
								}
									.sp-carouselA01 .item .img img{
										display:block;
										width:100%;
									}
								.sp-carouselA01 .item .title{
									font-weight:bold;
									padding:0 0 .25em;
								}
						.sp-carouselA01 .item .note{
							padding:0;
							margin:0;
						}
		.sp-carouselA01 .toList{
		}
			/* has sp-buttonB01 in this */
			.sp-carouselA01 .toList .sp-buttonB01{
				display:block;
			}


.sp-area-bodyB .sp-mod-pageHeader {
	position: relative;
}

.sp-area-bodyB .sp-mod-pageHeader h1 {
	font-size: 12px;
	padding: 0 5px;
	text-align:center;
}

.sp-area-bodyB .sp-mod-pageHeader .sp-pageHeader-rightBtn {
	position: absolute;
	top: -5px;
	right: 0;
}

/* sp-mod-inputText */

.sp-mod-inputText {
	-webkit-appearance: none;
	border: 1px solid #e2dbbf;
	border-radius: 0;
	background: #fafafa;
}

/* sp-mod-errorAlert */

.sp-mod-errorAlert {
	padding: 10px 5px;
	border-radius: 5px;
	border: 1px solid #cc3300;
	color: #cc3300;
	font-size: 12px;
	background: #fff2f2;
	margin-bottom: 10px;
}

.sp-mod-errorAlert ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sp-mod-errorAlert li {
	position: relative;
	padding: 0 5px 0 22px;
	margin: 0 0 5px 0;
}

.sp-mod-errorAlert li:last-child {
	margin-bottom: 0;
}

.sp-mod-errorAlert li .marker {
	position: absolute;
	top: 1px;
	left: 5px;
}

/* sp-mod-tabieview */

.sp-mod-tableview table {
	width: 100%;
	border: 1px solid #e2dbbf;
	border-collapse: collapse;
	font-size: 11px;
}

.sp-mod-tableview tr {
	border-bottom: 1px solid #e2dbbf;
}

.sp-mod-tableview tr:last-child {
	border-bottom: none;
}

.sp-mod-tableview th {
	background: #fcf9f2;
	text-align: left;
}

.sp-mod-tableview th,
.sp-mod-tableview td {
	vertical-align: middle;
	padding: 5px;
}

/* sp-loginForm */
.sp-category-login .sp-loginForm {
	margin-bottom: 20px;
}

.sp-category-login .sp-loginForm .sp-mod-tableview {
	margin-bottom: 10px;
}

.sp-category-login .sp-loginForm .sp-mod-tableview th {
	width: 80px;
	white-space: nowrap;
}

.sp-category-login .sp-loginForm .sp-mod-tableview .sp-mod-inputText {
	width: 90%;
}

.sp-category-login .sp-loginForm .remember {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 7px;
	font-size: 11px;
}

.sp-category-login .sp-loginForm .remember #save{
	margin: 0 5px 0 0;
}

.sp-category-login .sp-loginForm .remember input[type="checkbox"] {
	-webkit-appearance: none;
	display: inline-block;
	width: 15px;
	height: 15px;
	border: 1px solid #ddd9cf;
	border-radius: 2px;
	vertical-align: top;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#edeadf));
	margin: 0;
}

.sp-category-login .sp-loginForm .remember input[type="checkbox"]:checked {
	background:
		url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAMAAABhq6zVAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAH5QTFRFwKcu4NSbv6cszrxeu6Ac5Ny45d276uPD18mEy7dX08Ju5t+87unS5Nuy5+C/zrtc4Naj7efP7ebHvqYr6+fVv6ctu6Ed2cuH7+zct5sO0b9p9PHk8/Lr9fPt9/Xwt5sP8vDo+Pfz+/r48O7m+vn17+3j/Pz6/f387uvhs5UAhs0FSgAAAGVJREFUCB1NwYsWgUAUBdBTkfKIImHMvY1p4vz/D5ZorfbGewH9LNn2eP1FZITup1IeOzjjRgaEcWh0IyIP6l4ENbW0J/JgrcXtyrhQZs8R2p2SzNsveJ/eefYThBDWq0uY4LMwAFd8EW9d25ObAAAAAElFTkSuQmCC) no-repeat 1px 1px,
		-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#edeadf))
	;
}

.sp-category-login .sp-loginForm .note {
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 10px;
	font-size: 10px;
}

.sp-category-login .sp-loginForm .submit {
	text-align: center;
}

.sp-category-login .pic {
	text-align: center;
	margin-bottom: 10px;
}

.sp-category-login .registBtn {
	text-align: center;
	
}

/* sp-category-logout */
.sp-category-logout .sp-area-bodyB {
	min-height: 400px;
}

.sp-category-logout .sp-area-bodyB-inner .message {
	font-weight: bold;
	margin: 10px 0 0 0;
}

.sp-category-logout .sp-area-bodyB-inner .actionBtn {
	text-align: center;
	margin-top: 15px;
}

/* home */

.sp-carouselA01.sp-carouselVideos {
	position: relative;
	background: #F0EBDF;
	border-top:none !important;
	border-bottom:none !important;
}

.sp-carouselA01.sp-carouselVideos .items {
	padding-left: 40px;
}
.sp-carouselA01.sp-carouselVideos .items.move{
	-webkit-transition: -webkit-transform 200ms ease-in-out;
}
.sp-carouselA01.sp-carouselVideos .items.move.right{
	-webkit-transform: translate3d(236px,0px,0px);
}
.sp-carouselA01.sp-carouselVideos .items.move.left{
	-webkit-transform: translate3d(-236px,0px,0px);
}

.sp-carouselA01.sp-carouselVideos .item .itemInner {
	width: 210px;
    height: 130px;
}

.sp-carouselA01.sp-carouselVideos .item .img img,
.sp-carouselA01.sp-carouselVideos .item .img video {
	width: 210px;
	height: 110px;
}

.sp-carouselA01.sp-carouselVideos .item .img .play {
	top: 45px;
	left: 90px;
}

.sp-carouselA01.sp-carouselVideos .mod-btns {
	position: absolute;
	top: 76px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.sp-carouselA01.sp-carouselVideos .mod-btns .mod-btn {
	position: absolute;
	cursor: pointer;
}

.sp-carouselA01.sp-carouselVideos .mod-btns .mod-btn.next {
	right: 0;
}


/*--point info(icon)--*/

.sp-carouselA01 dd.icon {
	position: relative;
	padding-top: 7px;
}

/*for point info*/
.sp-carouselA01 dd.icon:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
}

/*each icon float left*/
.sp-carouselA01 dd.icon span.point-info-iconB01,
.sp-carouselA01 dd.icon span.image-icon {
	float: left;
	margin-right: 1px;
}

.sp-carouselA01 dd.icon span img {
	display: inline;
}

/*point icon*/
.sp-carouselA01 dd.icon span.point-info-iconB01 {
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

/*point icon plus*/
.sp-carouselA01 dd.icon span.point-info-iconB01.plus {
	background:url(/mypage/img/point/point_info_icon_b01-plus.gif)  0 0 no-repeat;
	width: 80px;
	height: 15px;
	padding-top: 1px;
	position: relative;
}
/*point icon img*/
span.point-info-iconB01.plus .plusB01-icon{
	position: absolute;
	top: -7px;
	left: 0;	
}

/*device-star*/
span.point-info-iconB01.plus span.device-starB01 {
	color: #4d3b17;
	position: absolute;
	top: 1px;
	left: 34px;
}

/*device-point*/
span.point-info-iconB01.plus span.device-pointB01 {
	color: #4d3b17;
	position: absolute;
	top: 1px;
	left: 45px;
}

/*point icon oubo*/
.sp-carouselA01 dd.icon span.point-info-iconB01.oubo {
	background:url(/mypage/img/point/point_info_icon_b01-oubo.gif)  0 0 no-repeat;
	width: 78px;
	height: 15px;
	padding-top: 1px;
	position: relative;
}

/*-- point info(icon)end --*/


/* recipe pages */

.sp-all.sp-category-recipe .sp-area-body{
	background:url(../../img/shared/smartphone/bg/bg_texture_01.png);
	padding-right:5px;
	padding-left:5px;
}

/**
 * sp-formsetA01
 */
.sp-formsetA01{
	background:rgba(255,255,255,.6);
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:30px 10px 10px;
	-webkit-box-shadow:0 1px 2px rgba(140,110,0,.3);
	box-shadow:0 1px 2px rgba(140,110,0,.3);
	position:relative;
	margin:0 0 10px;
}
	.sp-formsetA01 .h{
		font-weight:bold;
		color:#4d3b17;
		padding:0;
		font-size:1em;
		margin:0;
		padding:0 0 7px;
	}
	.sp-formsetA01 .line{
		display:table;
		width:100%;
	}
		.sp-formsetA01 .line > *{
			display:table-cell;
			vertical-align:middle;
		}
		.sp-formsetA01 .line .select{
			width:100%;
			padding-right:5px;
		}
			.sp-formsetA01 .line .select select{
				width:100%;
				margin:0;
			}
		.sp-formsetA01 .line .button{
			white-space:nowrap;
		}
			/* has sp-buttonA01 in this */

/**
 * sp-colA01
 */
.sp-colA01{
	padding:0 0 10px;
}
	.sp-colA01 .bd{
		border:1px solid #e1dabd;
		-webkit-border-radius:4px 4px 0 0;
		border-radius:4px 4px 0 0;
		padding:9px;
		background:#fff;
	}
		.sp-colA01 .bd .img{
			padding:0 0 10px;
		}
			.sp-colA01 .bd .img a,
			.sp-colA01 .bd .img img{
				display:block;
				width:100%;
			}
			.sp-colA01 .bd .img a{
				max-width:268px;
				margin:0 auto;
			}
		.sp-colA01 .bd .date{
			float:right;
			white-space:nowrap;
			background:#e2dbbf;
			-webkit-border-radius:2px;
			border-radius:2px;
			font-size:.9em;
			font-weight:bold;
			color:#4d3b17;
			padding:.25em .5em .25em;
		}
		.sp-colA01 .bd .summary{
			overflow:hidden;
			padding:0 5px 5px 0;
		}
			.sp-colA01 .bd .summary .h{
				margin:0;
				padding:0 0 7px;
				font-size:1em;
				font-weight:bold;
			}
				.sp-colA01 .bd .summary .h a{
					color:#806A00;
					text-decoration:none;
				}
	.sp-colA01 .ft{
		border:1px solid #e1dabd;
		border-top:none;
		-webkit-border-radius:0 0 4px 4px;
		border-radius:0 0 4px 4px;
		background:#fcf9f2 url(../../img/shared/smartphone/bg/bg_shadow_01.png) 50% 0 no-repeat;
		padding:9px;
	}


/**
 * sp-colB01
 */
.sp-colB01{
	margin:0 0 10px;
	padding:10px;
	background:rgba(255,255,255,.6);
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px rgba(140,110,0,.3);
	box-shadow:0 1px 2px rgba(140,110,0,.3);
}
	.sp-colB01 .hd{
		display:table;
		width:100%;
		margin:0 0 7px;
		font-size:1em;
		font-weight:bold;
	}
		.sp-colB01 .hd > *{
			display:table-cell;
			vertical-align:top;
		}
		.sp-colB01 .hd .main{
			width:100%;
			font-size:1em;
			color:#4d3b17;
		}
		.sp-colB01 .hd .date{
			white-space:nowrap;
			font-weight:normal;
		}
	.sp-colB01 .bd{
		border:1px solid #e1dabd;
		-webkit-border-radius:4px;
		border-radius:4px;
		padding:4px 9px;
		background:#fff;
	}
		.sp-colB01 .item{
			border-top:1px solid #e1dabd;
			padding:5px 0;
			overflow:hidden;
		}
		.sp-colB01 .item:first-child{
			border-top:none;
		}
			.sp-colB01 .item .img{
				float:right;
				width:145px;
				padding:0 0 0 5px;
			}
				.sp-colB01 .item .img a,
				.sp-colB01 .item .img img{
					display:block;
					width:100%;
					height:auto;
				}
			.sp-colB01 .item .h{
				font-size:1em;
				margin:0;
				padding:10px 0 5px;
				overflow:hidden;
			}
				.sp-colB01 .item .h .num{
					font-size:1.4em;
					font-weight:bold;
					padding:0 2px 0 0;
					overflow:hidden;
				}
			.sp-colB01 .item p{
			}
				.sp-colB01 .item p a{
					color:#806A00;
					font-weight:bold;
					text-decoration:none;
				}

/**
 * sp-colC01
 */
.sp-colC01{
	margin:0 0 -25px;
	position:relative;
	z-index:10;
}
	.sp-colC01 .hd{
		text-align:center;
		font-weight:bold;
		font-size:1em;
		color:#4d3b17;
	}
	.sp-colC01 .bd{
		overflow:hidden;
	}
		.sp-colC01 .bd .item{
			width:50%;
			float:left;
		}
			.sp-colC01 .bd .item a{
			}
				.sp-colC01 .bd .item a img{
					float:left;
					width:140px;
					height:auto;
				}
				@media screen and (orientation:landscape) {
					.sp-colC01 .bd .item a img{
						width:190px;
					}
				}
			.sp-colC01 .bd .item img{
			}
			.sp-colC01 .bd .img img{
				margin:0 auto;
				display:block;
			}
		.sp-colC01 .bd .item:first-child{
		}
			.sp-colC01 .bd .item:first-child a{
				float:right;
			}
		.sp-colC01 .bd .item:last-child{
		}
			.sp-colC01 .bd .item:last-child a{
				float:left;
			}

/**
 * sp-colD01
 */
.sp-colD01{
	-webkit-border-image: url(../../img/shared/smartphone/bg/bg_columnborder_01.png) 19 / 19px repeat;
	border-image: url(../../img/shared/smartphone/bg/bg_columnborder_01.png) 19 / 19px fill repeat;
	margin:0 0 10px;
}
	.sp-colD01 .imgs{
		margin:0 -19px;
		text-align:center;
		padding:0 0 7px;
		position:relative;
	}
		.sp-colD01 .imgs img{
			vertical-align:middle;
			display:inline-block;
		}
		.sp-colD01 .imgs img.title{
			width:85px;
			margin:0 1px 0 0;
			height:auto;
		}
		.sp-colD01 .imgs img.pic{
			width:170px;
			height:auto;
		}
	.sp-colD01 p{
		margin:0 -3px -3px;
		position:relative;
	}

/**
 * sp-colE01
 */
.sp-colE01{
	background:url(../../img/shared/smartphone/bg/bg_texture_02.png);
	padding:19px 19px 0;
	margin: 0 0 10px;
	border:2px solid #fff;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:
		0 0 2px rgba(228,225,206,.7),
		0 2px 5px rgba(228,225,206,.7);
	box-shadow:
		0 0 2px rgba(228,225,206,.7),
		0 2px 5px rgba(228,225,206,.7);
}
	.sp-colE01 .img{
		padding:0 0 8px;
	}
		.sp-colE01 .img img{
			display:block;
			width:100%;
			max-width:246px;
			height:auto;
			margin:0 auto;
		}
	.sp-colE01 .bar{
		height:2px;
		margin:0 -10px 15px;
		background:#f7f6f2;
		-webkit-box-shadow: 0 1px 3px #f3f1e8;
		box-shadow: 0 1px 3px #f3f1e8;
	}
	.sp-colE01 .note{
		padding:0 0 20px;
		max-width:246px;
		margin:0 auto;
		text-align:right;
	}
		.sp-colE01 .note img{
			vertical-align:top;
		}

/**
 * sp-hA01
 */
.sp-hA01{
	text-align:center;
	margin:0;
	padding:7px 0 7px;
	font-weight:bold;
	color:#4d3b17;
	font-size:1em;
}
	.sp-hA01 .sub{
		display:block;
		font-weight:normal;
	}
	.sp-hA01 .main{
		display:block;
	}

/**
 * sp-hA02
 */
.sp-hA02{
	margin:0;
	padding:7px 0 7px;
	font-weight:bold;
	color:#4d3b17;
	font-size:1em;
}

/**
 * sp-hA03
 */
.sp-hA03{
	display:table;
	width:100%;
	margin:0 0 7px;
	font-size:1em;
	font-weight:bold;
}
	.sp-hA03 > *{
		display:table-cell;
		vertical-align:top;
	}
	.sp-hA03 .main{
		width:100%;
		font-size:1em;
		color:#4d3b17;
	}
	.sp-hA03 .date{
		white-space:nowrap;
		font-weight:normal;
	}

/**
 * sp-searchFormA01
 */
.sp-searchFormA01{
	padding:0 0 20px;
}
	.sp-searchFormA01 table{
		border-collapse:collapse;
	}
		.sp-searchFormA01 th,
		.sp-searchFormA01 td{
			text-align:left;
			vertical-align:baseline;
		}
		.sp-searchFormA01 th{
			white-space:nowrap;
			color:#4d3b17;
			font-weight:bold;
			padding:0 18px 5px 0;
		}
		.sp-searchFormA01 td{
			width:100%;
			padding:0 0 5px;
		}
			.sp-searchFormA01 td select{
				width:100%;
				display:block;
			}
			.sp-searchFormA01 td select option{
				font-size: 80%;
			}
			.sp-searchFormA01 td input{
				width:162px;
				display:block;
				margin:5px auto 0 0;
			}
/**
 * sp-searchResultA01
 */
.sp-searchResultA01{
}
	.sp-searchResultA01 .hd{
		overflow:hidden;
		font-size:1.2em;
		padding:0 0 1px;
	}
		.sp-searchResultA01 .hd .criteriaText{
			padding:0 0 3px;
		}
			.sp-searchResultA01 .hd .criteriaText .text1{
				font-weight:bold;
			}
			.sp-searchResultA01 .hd .criteriaText .text2{
			}
		.sp-searchResultA01 .hd .definition-listA01.sort{
			float:right;
			white-space:nowrap;
			margin:0;
			padding:4px 0 0;
		}
			.sp-searchResultA01 .hd .definition-listA01.sort dt{
				padding:0;
				display:inline-block;
			}
			.sp-searchResultA01 .hd .definition-listA01.sort dd{
				display:inline-block;
			}
		.sp-searchResultA01 .hd .fromTo{
			font-size:1.5em;
			font-weight:bold;
		}
			.sp-searchResultA01 .hd .fromTo .unit{
				font-size:.6em;
			}
		.sp-searchResultA01 .hd .noResultsText{
			padding:5px 0 0;
			font-size:.8em;
		}
	.sp-searchResultA01 .bd{
		border:1px solid #e1dabd;
		-webkit-border-radius:4px;
		border-radius:4px;
		padding:4px 9px;
		background:#fff;
		margin:0 0 5px;
	}
		.sp-searchResultA01 .bd .item{
			overflow:hidden; /* clear float */
			border-top:1px solid #e1dabd;
			padding:5px 0;
		}
		.sp-searchResultA01 .bd .item:first-child{
			border-top:none;
		}
			.sp-searchResultA01 .bd .item .img{
				float:left;
				width:110px;
			}
				.sp-searchResultA01 .bd .item .img a,
				.sp-searchResultA01 .bd .item .img img{
					display:block;
					width:100%;
					height:auto;
				}
			.sp-searchResultA01 .bd .item dl{
				overflow:hidden;
				margin:0;
				padding:0 0 0 5px;
			}
				.sp-searchResultA01 .bd .item dl dt{
					margin:0;
					padding:0 0 3px;
				}
					.sp-searchResultA01 .bd .item dl dt a{
						text-decoration:none;
						font-weight:bold;
					}
				.sp-searchResultA01 .bd .item dl dd{
					margin:0;
					padding:0;
				}
					.sp-searchResultA01 .bd .item dl dd .description{
						padding:0 0 2px;
					}
					.sp-searchResultA01 .bd .item dl dd .note{
						font-size:.8em;
					}
	.sp-searchResultA01 .ft{
		padding:0 0 10px;
		font-size:1.2em;
	}
		.sp-searchResultA01 .ft ul{
			list-style-type:none;
			margin:0;
			padding:0;
			text-align:center;
		}
			.sp-searchResultA01 .ft ul *{
				display:inline-block;
				vertical-align:text-bottom;
			}
			.sp-searchResultA01 .ft li{
				margin:0;
			}
				.sp-searchResultA01 .ft li em,
				.sp-searchResultA01 .ft li a{
					text-decoration:none;
					padding:.25em .5em;
				}
				.sp-searchResultA01 .ft li em{
					font-weight:bold;
				}
			.sp-searchResultA01 .ft li.prev,
			.sp-searchResultA01 .ft li.next{
				padding-bottom:2px;
			}

/**
 * sp-boxA01
 */
.sp-boxA01{
	overflow:hidden; /* to stop margin collapse */
	margin:0 0 10px;
	padding:10px 10px 0;
	background:rgba(255,255,255,.6);
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px rgba(140,110,0,.3);
	box-shadow:0 1px 2px rgba(140,110,0,.3);
}

/**
 * sp-boxA02
 */
.sp-boxA02{
	margin:0 0 10px;
	background:rgba(255,255,255,.6);
	-webkit-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:0 1px 2px rgba(140,110,0,.3);
	box-shadow:0 1px 2px rgba(140,110,0,.3);
	text-align:center;
}
	.sp-boxA02 a{
		display:block;
	}
	.sp-boxA02 img{
		display:block;
		margin:0 auto;
		width:310px;
		height:auto;
	}

/**
 * sp-itemsColA01
 */
.sp-itemsColA01{
	border:1px solid #e1dabd;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:4px 9px;
	background:#fff;
	margin:0 0 10px;
}
	.sp-itemsColA01 .item{
		overflow:hidden; /* clear float */
		border-top:1px solid #e1dabd;
		padding:5px 0;
	}
	.sp-itemsColA01 .item:first-child{
		border-top:none;
	}
		.sp-itemsColA01 .item .img{
			float:left;
			width:110px;
		}
			.sp-itemsColA01 .item .img a,
			.sp-itemsColA01 .item .img img{
				display:block;
				width:100%;
				height:auto;
			}
		.sp-itemsColA01 .item dl{
			overflow:hidden;
			margin:0;
			padding:0 0 0 5px;
		}
			.sp-itemsColA01 .item dl dt{
				margin:0;
				padding:0 0 3px;
			}
				.sp-itemsColA01 .item dl dt a{
					text-decoration:none;
					font-weight:bold;
				}
			.sp-itemsColA01 .item dl dd{
				margin:0;
				padding:0;
			}
				.sp-itemsColA01 .item dl dd .description{
					padding:0 0 2px;
				}
				.sp-itemsColA01 .item dl dd .note{
					font-size:.8em;
				}

/**
 * sp-itemsColA02
 */
.sp-itemsColA02{
	border:1px solid #e1dabd;
	-webkit-border-radius:4px;
	border-radius:4px;
	padding:4px 9px;
	background:#fff;
	margin:0 0 10px;
}
	.sp-itemsColA02 .item{
		border-top:1px solid #e1dabd;
		padding:5px 0;
		overflow:hidden;
	}
	.sp-itemsColA02 .item:first-child{
		border-top:none;
	}
		.sp-itemsColA02 .item .img{
			float:right;
			width:145px;
			padding:0 0 0 5px;
		}
			.sp-itemsColA02 .item .img a,
			.sp-itemsColA02 .item .img img{
				display:block;
				width:100%;
				height:auto;
			}
		.sp-itemsColA02 .item .h{
			font-size:1em;
			margin:0;
			padding:10px 0 5px;
			overflow:hidden;
		}
			.sp-itemsColA02 .item .h .num{
				font-size:1.4em;
				font-weight:bold;
				padding:0 2px 0 0;
				overflow:hidden;
			}
		.sp-itemsColA02 .item p{
		}
			.sp-itemsColA02 .item p a{
				color:#806A00;
				font-weight:bold;
				text-decoration:none;
			}

/**
 * sp-summaryA01
 */
.sp-summaryA01{
	padding:0 0 10px;
}
	.sp-summaryA01 .h{
		width:288px;
		margin:0 auto;
	}
		.sp-summaryA01 .h img{
			display:block;
			width:100%;
		}
	.sp-summaryA01 p{
	}

/**
 * sp-clipA01
 */
.sp-clipA01{
	/* removed? */
}

/**
 * sp-imgA01
 */
.sp-imgA01{
}
	.sp-imgA01 .img{
		padding:5px;
		display:table;
		margin:0 auto 7px;
		background:#fff;
		-webkit-box-shadow:0 0 3px rgba(229,214,175,.8);
	}
		.sp-imgA01 .img img{
			display:block;
			width:100%;
			max-width:278px;
			height:auto;
		}
	.sp-imgA01 p{
		padding:0 0 7px;
	}

/**
 * sp-stepsA01
 */
.sp-stepsA01{
}
	.sp-stepsA01 .item{
		padding:0 0 5px;
	}
		.sp-stepsA01 .item .img{
			padding:0 0 7px;
		}
			.sp-stepsA01 .item .img img{
				display:block;
				width:100%;
				max-width:288px;
				margin:0 auto;
			}
		.sp-stepsA01 .item .text{
			padding:0 0 7px;
		}
			.sp-stepsA01 .item .text .num{
				float:left;
				margin:0 3px 0 2px;
				min-width:20px;
				text-align:center;
				position:relative;
				top:-1px;
			}
			.sp-stepsA01 .item .text p{
				overflow:hidden;
			}

/**
 * sp-ingredientsA01
 */
.sp-ingredientsA01{
	border:1px solid #e1dabd;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding:9px;
	background:#fff;
	margin:0 0 10px;
}
	.sp-ingredientsA01 dl{
		margin: 0;
		padding: 0;
	}
	.sp-ingredientsA01 dl dt{
		margin: 0;
		padding: 0;
	}
	.sp-ingredientsA01 dl dt span{
		font-weight: bold;
	}
	.sp-ingredientsA01 dl dd{
		margin-left: 0;
	}
	.sp-ingredientsA01 table{
		margin-top: 0.5em;
		border-collapse:collapse;
		width:100%;
	}
		.sp-ingredientsA01 tr{
			background:url("/recipe/img/shared/bg/bg_border_01.gif") repeat-x 0 100% transparent;
		}
		.sp-ingredientsA01 th{
			text-align:left;
			vertical-align:top;
			padding:.45em 0 .4em;
			font-weight:normal;
		}
		.sp-ingredientsA01 td{
			text-align:right;
			vertical-align:top;
			padding:.45em 0 .4em;
		}
		.sp-ingredientsA01 .indent{
			padding-left:1em;
		}

/**
 * small modules
 */
	/**
	 * sp-buttonA01
	 */
	 	/* this module was removed */

	/**
	 * sp-buttonB01
	 */
	.sp-buttonB01{
		font-weight:bold;
		display:inline-block;
		-webkit-border-radius:2px;
		border-radius:2px;
		border:1px solid #e2dbbf;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #EDEAE0 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EDEAE0)); /* webkit */
		margin: 0 auto 10px;
		text-align:center;
		padding:.25em 0;
		-webkit-tap-highlight-color:transparent;
		cursor:pointer;
		width: 128px;
	}
	.sp-buttonB01:link,
	.sp-buttonB01:visited,
	.sp-buttonB01:hover,
	.sp-buttonB01:active{
		text-decoration:none;
	}
	.sp-buttonB01:active{
		background: #EFE6BA; /* old browsers */
		background: -moz-linear-gradient(top, #EFE6BA 0%, #FFFFFF 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFE6BA), color-stop(100%,#FFFFFF)); /* webkit */
	}

	/**
	 * sp-buttonB02
	 */
	.sp-buttonB02{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		border:1px solid #ddd9cf;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#b89b10;
		font-size:.9em;
		font-weight:bold;
		height:2.2em;
		padding:0 19px;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #ebe5c9 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#ebe5c9)); /* webkit */
		-webkit-tap-highlight-color:transparent;
		cursor:pointer;
	}
	.sp-buttonB02:active{
		background: #EFE6BA; /* old browsers */
		background: -moz-linear-gradient(top, #EFE6BA 0%, #FFFFFF 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFE6BA), color-stop(100%,#FFFFFF)); /* webkit */
	}


	/**
	 * sp-buttonB03
	 */
	.sp-buttonB03{
		font-weight:bold;
		display:inline-block;
		-webkit-border-radius:2px;
		border-radius:2px;
		border:1px solid #e2dbbf;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #EDEAE0 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#EDEAE0)); /* webkit */
		text-align:center;
		padding: 5px 5px 5px 10px;
		-webkit-tap-highlight-color:transparent;
		cursor:pointer;
		font-size: 10px;
	}
	.sp-buttonB03:link,
	.sp-buttonB03:visited,
	.sp-buttonB03:hover,
	.sp-buttonB03:active{
		text-decoration:none;
	}
	.sp-buttonB03:active{
		background: #EFE6BA; /* old browsers */
		background: -moz-linear-gradient(top, #EFE6BA 0%, #FFFFFF 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EFE6BA), color-stop(100%,#FFFFFF)); /* webkit */
	}



/* recipe pages */

.sp-all.sp-category-recipe .sp-area-body{
	background:url(../../img/shared/smartphone/bg/bg_texture_01.png);
	padding-right:5px;
	padding-left:5px;
}

/**
 * sp-indexA01 (CM)
 */

	div.sp-indexA01 {
		margin:0;
	}
	div.sp-indexA01 {
		margin:-10px 0;
	}
	div.sp-indexA01 ul{
		margin:0;
		padding:0;
		list-style:none;
		font-size:116.7%;
	}
	div.sp-indexA01 ul li{
		padding:12px 16px 12px 0;
		margin:0;
		border-bottom:1px solid #e0e0e0;
	}
	div.sp-indexA01 ul li:last-child{ border:none;}
	div.sp-indexA01 ul li a{
		font-weight:bold;
		text-decoration:none;
		display:block;
		padding:12px  16px  12px 0;
		margin:-12px -16px -12px 0;
		background:url(../../img/shared/smartphone/bg/bg_arrow_01.png) no-repeat 100% 50%;
	}

/**
 * sp-cmDetail
 */

.sp-cmDetail{
	font-size:100%;
	padding:7px;
	border:1px solid #e2dbbf;
	border-radius:3px;
	margin:0 30px 12px;
}
	.sp-cmDetail div.h{
		font-weight:bold;
		margin:0 0 6px;
	}
	.sp-cmDetail div.video{
		padding-bottom:30px;
		background:
			url(../../img/shared/smartphone/bg/bg_shadow_01.png) no-repeat 50% 100%,
			url('../../img/shared/smartphone/bg/bg_loading_01.gif') no-repeat 50% 50%;
		height: 110px;
		text-align:center;
	}
	.sp-cmDetail table.spec{
		margin:-10px 0 10px;
		width:100%;
		border-collapse:collapse;
	}
		.sp-cmDetail table.spec th,
		.sp-cmDetail table.spec td{
			font-weight:normal;
			text-align:left;
			padding:.3em 0;
			border-bottom:1px solid #e2dbbf;
		}
		.sp-cmDetail table.spec th{
			padding-right:1.5em;
			width:1%;
			white-space:nowrap;
		}
	.sp-cmDetail .text{}
		.sp-cmDetail .text p.max{ display:none;}
	.sp-cmDetail .readMoreButton{
		text-align:right;
	}


/**
 * sp-campaignIndex
 */

div.sp-campaignIndexItem{
	padding: 10px 0;
	border-bottom:1px solid #ddd9cf;
}
div.sp-campaignIndexItem:first-child{margin-top:-10px;}
div.sp-campaignIndexItem.finish{background:#f1f0ea;}
div.sp-campaignIndexItem div.header{
	margin-bottom:5px;
	overflow:hidden;
}
div.sp-campaignIndexItem div.header div.img{
	float:left;
	padding-right:5px;
	width:40%;
}
div.sp-campaignIndexItem div.header div.img img{
	display:block;
	width:100%;
	height:auto;
}
div.sp-campaignIndexItem div.header div.status{
	overflow:hidden;
	margin-bottom:5px;
}
div.sp-campaignIndexItem div.header div.h{
	color:#806A00; 
	font-weight:bold;
	overflow:hidden;
}

div.sp-campaignIndexItem div.lead{
	color:#c30;
	margin-bottom:3px;
}
div.sp-campaignIndexItem table{
	margin:3px 0;
}
div.sp-campaignIndexItem table th,
div.sp-campaignIndexItem table td{
	text-align:left;
	font-weight:normal;
	vertical-align:top;
}
div.sp-campaignIndexItem table th{
	width:1%;
	white-space:nowrap;
}
div.sp-campaignIndexItem table td{padding-left:1.2em;}
div.sp-campaignIndexItem table td:before{
	content:'：';
	display:block;
	position:absolute;
	margin-left:-1.2em;
}
div.sp-campaignIndexItem table td img{
	vertical-align:middle;
	margin-left:3px;
}
div.sp-campaignIndexItem table td img:first-child{margin-left:0;}
div.sp-campaignIndexItem div.btn{text-align:right;}

div.sp-campaignRecommendItem{
	padding: 10px 0;
	border-bottom:1px solid #ddd9cf;
}
div.sp-campaignRecommendItem:first-child{margin-top:8px;}

div.sp-campaignRecommendItem div.header{
	margin-bottom:5px;
	overflow:hidden;
}
div.sp-campaignRecommendItem div.header div.img{
	float:left;
	padding-right:5px;
	width:40%;
}
div.sp-campaignRecommendItem div.header div.img img{
	display:block;
	width:100%;
	height:auto;
}
div.sp-campaignRecommendItem div.header div.status{
	overflow:hidden;
	margin-bottom:5px;
}
div.sp-campaignRecommendItem div.header div.h{
	color:#806A00; 
	font-weight:bold;
	overflow:hidden;
}

div.sp-campaignRecommendItem div.lead{
	margin-bottom:3px;
}

/**
 * sp-mypage
 */
div.sp-mypage{
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px;
	background:#fcf9f2;
	margin:10px 0;
}

div.sp-mypage div.header{
	border-bottom:1px solid #e2dbbf;
	overflow:hidden;
	padding:0 0 8px;
	margin:0 0 8px;
}
div.sp-mypage div.header div.name{
	float:left;
	font-weight:bold;
}
div.sp-mypage div.header div.logout{
	text-align:right;
}
div.sp-mypage-section{	
	border-bottom:1px solid #e2dbbf;
	padding:0 0 8px;
	margin:0 0 8px;
}
div.sp-mypage-section:last-child{ margin-bottom:0;}
div.sp-mypage-h{
	font-weight:bold;
	margin:0 0 4px;
}
div.sp-mypage-section div.banner{text-align:center;}
ul.sp-mypage-links{
	margin:0;
	padding:0;
	list-style:none;
}
ul.sp-mypage-links li{
	margin:0;
	padding:0;
}
a.sp-mypage-link{
	background:url(/img/shared/ico/ico_arrow_01.gif) no-repeat 0 50%;
	padding-left:10px;
	text-decoration:none;
}
div.sp-mypage-mailmagazineItem{
	border:1px solid #e2dbbf;
	-moz-border-radius:3px;
	border-radius:3px;
	padding:10px 10px 10px 58px;
	position:relative;
}
div.sp-mypage-mailmagazineItem+div.sp-mypage-mailmagazineItem{margin-top:10px;}
div.sp-mypage-mailmagazineItem.registerd{background-color:#f1f0ea;}

div.sp-mypage-mailmagazineItem div.icon{
	position:absolute;
	top:10px;
	left:10px;
}
div.sp-mypage-mailmagazineItem div.h{font-weight:bold;}














/* sp-mod-pageHeader */

div.sp-mod-pageHeader span.mypageButton{
	position:absolute;
	float:right;
}				
				

/* sp-buttonA02 */
	.sp-buttonA02{
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
		border:1px solid #ddd9cf;
		-webkit-border-radius:3px;
		border-radius:3px;
		color:#b89b10;
		font-size:1em;
		font-weight:bold;
		height:2.2em;
		padding:6px 8px;
		background: #FFFFFF; /* old browsers */
		background: -moz-linear-gradient(top, #FFFFFF 0%, #ebe5c9 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#ebe5c9)); /* webkit */
		cursor:pointer;
	}

/* sp-category-present */

.sp-category-present img {
	max-width: 290px;
	height: auto;
}
.sp-category-present .description {
	margin-bottom: 10px;
}
.sp-category-present .feature {
	text-align:center;
}
.sp-category-present .feature.typeA {
	margin-bottom: 10px;
}

.sp-category-present .feature.typeA img {
	width: 290px;
	height: auto;
}
.sp-category-present .feature.typeB,
.sp-category-present .feature.typeC {
	margin-bottom: 10px;
}
.sp-category-present .feature.typeB img {
	width: 310px;
    max-width: 310px;
	height: auto;
}
.sp-category-present .feature.typeC img {
	width: 320px;
    max-width: 320px;
	position:relative;
	right: 5px;
	height: auto;
}

.sp-category-present .sp-present-item:first-child h2 {
	border-top: 1px solid #e2dbbf;
}

.sp-category-present .sp-present-item h2 {
	border-bottom: 1px solid #e2dbbf;
	padding: 10px 0;
	margin: 0;
	background: url(../../img/shared/smartphone/bg/bg_arrowdown_01.png) right center no-repeat;
}

.sp-category-present .sp-present-item h2.open {
	background: none;
	border-bottom: none;
}

.sp-category-present .sp-present-item .sp-present-item-content {
	padding-bottom: 10px;
	display: none;
}
.sp-category-present .entryBtn {
	margin-top: 10px;
	text-align: center;
}
.sp-category-present div.important-informationB01 {
	background: #fff2f2;
	border-radius: 10px;
	border: 1px solid #cc3300;
}
.sp-category-present div.important-informationB01-content {
	background: none;
}
.sp-category-present div.important-informationB01-content-body {
	background: none;
}

.sp-category-present div.important-informationD02 {
	background: #fcf9f2;
	border-radius: 10px;
	border: 1px solid #e2dbbf;
	margin: 10px 0;
}
.sp-category-present div.important-informationD02-content {
	background: none;
}
.sp-category-present div.important-informationD02-content-body {
	background: none;
}
.sp-category-present .figureA02,
.sp-category-present .float-area .ajustA01 {
	text-align: center;
}
.sp-category-present img {
	float: none;
}

.sp-carouselA01{
	width:100%;
	border-top:10px solid #f0ebdf;
	border-bottom:10px solid #f0ebdf;
	overflow:hidden;
}

.sp-carouselA01 + .sp-carouselA01{
	border-top:none;
}

.sp-carouselA01 .slide-controller,
.sp-carouselA01 .related-link-listA01 {
	display: none;
}

.sp-carouselA01 .slide-viewport {
	position: relative;
	left: 60px;
	width: 190px;
}

.sp-carouselA01 .items,
.sp-carouselA01 .slide-unit-group,
.sp-carouselA01 .column-group {
	position: relative;
	display: -webkit-box;
	margin: 10px 0;
}

.sp-carouselA01 .item, 
.sp-carouselA01 .slide-unit {
	border:1px solid #e2dbbf;
	-webkit-border-radius:3px;
	border-radius:3px;
	margin: 0 5px;
}

.sp-carouselA01 .itemInner,
.sp-carouselA01 .slide-unit > dl {
	width: 164px;
	padding: 7px;
	margin: 0;
}

.sp-carouselA01 .slide-unit > dl > dt img {
	width: 164px;
	height: auto;
}

.sp-carouselA01 .slide-unit > dl > dt span {
	padding: 5px 0 0 0;
}

.sp-carouselA01 .slide-unit > dl > dd {
	margin: 0;
}

.sp-carouselA01 .headingA02 {
	display: none;
}

.sp-carouselA01 .flash-cm-playerA02 .link-listA01,
.sp-carouselA01 .saparate4column .cm-blockA01 {
	display: none;
}

.sp-carouselVideos .column-group {
	padding-left: 1px;
}

.sp-carouselVideos .column-group .saparate4column {
	margin: 0 47px;
	width: 225px;
	background: #fff url('../../img/shared/smartphone/bg/bg_loading_01.gif') no-repeat 50% 50%;
}


.sp-mod-appinfo01 {
	border-bottom:10px solid #f0ebdf;
	padding: 10px;
	display: none;
	overflow: hidden;
}
.sp-mod-appinfo01 .head {
	color: #4e3c18;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0;
	text-align: center;
}
.sp-mod-appinfo01 .appinfo-box {
	border: 1px solid #E2DBBF;
	-webkit-border-radius:3px;
	border-radius: 3px;
	padding: 10px;
	position: relative;
	min-height: 60px;
}
.sp-mod-appinfo01 .appinfo-img {
	position: absolute;
}

.sp-mod-appinfo01 .appinfo-body {
	padding-left: 70px;
}
.sp-mod-appinfo01 .apptitle {
	margin: 0 0 2px 0;
	color: #806A00;
	font-size: 12px;
}
.sp-mod-appinfo01 .desc {
	font-size: 11px;
	width: 110%;
	display: inline-block;
	margin-bottom: 2px;
}
.sp-mod-appinfo01 .guide {
	background:url(/img/shared/ico/ico_arrow_01.gif) no-repeat 0 0.5em;
	padding-left:10px;
	font-size: 10px;
	width: 120%;
	display: inline-block;
}

.figure img {
	width: 210px;
	height:118px;
	display: block;
	margin: 0 auto;
}

.flash-cm-playerA02 .figure {
	border:1px solid #e2dbbf;
	-webkit-border-radius:3px;
	border-radius:3px;
	padding: 8px 0;
	height: 158px;
}

.figcaption {
	margin: 5px 5px 0;
}


/* -----------------------------

responsive defalt style
sapporo sp header/footer

------------------------------- */

/* sapporo sp header */
body.responsive .sp-area-header,
body.responsive .sp-siteSearchForm {
	display: none;
}

/* sapporo sp footer */
body.responsive .sp-area-footer,
body.responsive .sp-area-switch {
	display: none;
}


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

	body.responsive #sapporo-header-area,
	body.responsive #sapporo-navigation-area,
	body.responsive #sapporo-topicpath-area,
	body.responsive #sapporo-footer-area {
		display: none;
	}

	body.responsive form.sp-siteSearchForm {
		display: none;
	}

	body.responsive #sapporo-topicpath-area {
		display: none;
	}


	/* sapporo sp header */
	body.responsive .sp-area-header,
	body.responsive .sp-siteSearchForm {
		display: block;
		background-color: #FFF;
		line-height: 1.5;
	}

	/* sapporo sp footer */
	body.responsive .sp-area-footer {
		display: block;
		line-height: 1.5;
	}

	body.responsive .sp-area-footer a:link,
	body.responsive .sp-area-footer a:hover,
	body.responsive .sp-area-footer a:active,
	body.responsive .sp-area-footer a:visited {
		text-decoration: none;
	}

	body.responsive .sp-area-footer a:visited {
		color: #80774c;
	}

	body.responsive .sp-area-footer a:link {
		color: #806A00;
	}

	body.responsive .sp-area-footer {
		border-top: 10px solid #f0ebdf;
		background-color: #FFF;
	}

	body.responsive .sp-area-footer .footnav {
		display: block !important;
	}

	body.responsive .sp-area-footer .footnav ul {
		font-size: 10px;
		font-weight: bold;
		margin: 0 0 10px 0;
		padding: 0;
		list-style: none;
	}

	body.responsive .sp-area-footer .footnav li {
		margin: 0 10px 0 0;
		padding: 0;
		display: inline-block;
	}

	/* sp / pc switch */
	body.responsive .sp-area-switch {
		display: none;
	}

}


/* hakone style  */
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
	}

.clearfix {
	_height: 1px;
	min-height: 1px;
	/*￥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
	
#wrapper{
	font-family:'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height: 1;
}

/* PC SP */
body.responsive .sp-contents {
	display: none;
}

@media screen and (max-width: 768px){
	body.responsive .pc-contents {
		display: none;
	}
	body.responsive .sp-contents {
		display: block;
	}
	#sapporo-related-area {
		display: none;
	}
}

/*  下層共通 */
#hakone_kaso_header {
	width: 950px;
	height: 75px;
	margin: 0 auto;
	padding: 15px 0 0 0;
	position: relative;
}

#hakone_kaso_header h2 {
	width: 365px;
	margin: 0;
	padding: 0;
}

#hakone_kaso_sp_header {
	width: 95%;
	margin: 0 auto;
}

#hakone_kaso_sp_header img {
	width: 70%;
}

/* SNS */
#snslink_box{
	position: absolute;
	top: 0;
	right: 20px;
	height:23px;
	padding:14px 0 0;
	z-index: 5;
}
#snslink_box .twitter-share-button{
	width:100px !important;	
}
#snslink_box{
	top: 0px;
}

#sp_snslink_box {
	padding: 0 0 40px 10px;
	display: none;
}

#sp_snslink_box .twitter-share-button{
	width:100px !important;	
}

#sp_snslink_box{
	top: 0px;
}

#sp_snslink_box.kaso {
	padding: 20px 0 0 10px;
}

@media screen and (max-width: 768px){
	#sp_snslink_box {
		display: block;
	}
}

/* top */
#top_mv {
	position: relative;
}

#top_mv .inner {
	top: 0;
	width: 950px;
	height: 550px;
	position: absolute;
	z-index: 2;
	display: none;
}

#top_mv h2 {
	top: 49px;
	left: 0;
	position: absolute;
}

#top_mv .bg {
	top: 0;
	left: 0;
	position: relative;
	z-index: 1;
}

#top_mv .bg img {
	width: 100%;
	display: block;
}

#top_mv .label_led {
	bottom: 45px;
	right: 0;
	width: 300px;
	height: 254px;
	position: absolute;
}

#top_mv .label_led .link {
	top: 115px;
	left: 76px;
	width: 104px;
	height: 19px;
	position: absolute;
	z-index: 2;
}

#top_mv .label_led .countdown_wrap {
	top:192px;
	left:42px;
	width: 231px;
	height: 26px;
	position: absolute;
	z-index: 3;
}

#top_mv .label_led .countdown_wrap .ti {
	width: 18px;
	height: 26px;
	position: absolute;
}

#top_mv .label_led .countdown_wrap .d1 {
	top: 0;
	left: 0;
}

#top_mv .label_led .countdown_wrap .d2 {
	top: 0;
	left: 24px;
}

#top_mv .label_led .countdown_wrap .h1 {
	top: 0;
	left: 63px;
}

#top_mv .label_led .countdown_wrap .h2 {
	top: 0;
	left: 87px;
}

#top_mv .label_led .countdown_wrap .m1 {
	top: 0;
	left: 126px;
}

#top_mv .label_led .countdown_wrap .m2 {
	top: 0;
	left: 150px;
}

#top_mv .label_led .countdown_wrap .s1 {
	top: 0;
	left: 189px;
}

#top_mv .label_led .countdown_wrap .s2 {
	top: 0;
	left: 213px;
}

#top_mv .label_led .ledbg {
	position: absolute;
	z-index: 1;
}

#top_mv .news {
	bottom: 45px;
	left: 0;
	width: 392px;
	height: 150px;
	position: absolute;
}

#top_mv .news .news_bg {
	position: absolute;
	z-index: 1;
}

#top_mv .news .ttl {
	top: 15px;
	left: 17px;
	position: absolute;
	z-index: 2;
}

#top_mv .news .news_wrap {
	top: 45px;
	left: 17px;
	width: 360px;
	height: 82px;
	overflow: auto;
	position: absolute;
	z-index: 2;
}

#top_mv .news .news_inner {
	width: 340px;
}

#top_mv .news .news_wrap p {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

#top_mv .news .news_wrap p span {
	color: #a38240;
	display: block;
}

#top_contents {
	background-color: #f6f4ef;
	background-image: url(../img/top_content_bg.png);
	background-repeat: repeat-x;
	background-position: 50% 100%;
	position: relative;
}

#top_contents .inner {
	width: 950px;
	height: 1010px;
	margin: 0 auto;
	position: relative;
}

#top_contents .content .link {
	top: 0;
	z-index: 2;
	position: absolute;
}

#top_contents .content .on {
	top: 0;
	z-index: 1;
	position: absolute;
}

#top_content1 {
	top: 40px;
	left: 0;
	width: 625px;
	height: 290px;
	position: absolute;
}

#top_content2 {
	top: 40px;
	right: 0;
	width: 300px;
	height: 290px;
	position: absolute;
}

#top_content3 {
	top: 352px;
	left: 0;
	width: 300px;
	height: 290px;
	position: absolute;
}

#top_content4 {
	top: 352px;
	left: 323px;
	width: 300px;
	height: 290px;
	position: absolute;
}

#top_content5 {
	top: 352px;
	right: 0;
	width: 300px;
	height: 290px;
	position: absolute;
}

#top_contents .note {
	top: 673px;
	right: 0;
	position: absolute;
}

#top_contents .banner1 {
	bottom: 53px;
	left: 140px;
	position: absolute;
}

#top_contents .banner2 {
	bottom: 80px;
	left: 376px;
	position: absolute;
}

#top_contents .banner3 {
	bottom: 80px;
	left: 586px;
	position: absolute;
}

.hakone_top_time_image_loader {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* top sp */
#top_sp_mv {
	margin: 0;
	position: relative;
}

#top_sp_mv h2 {
	margin: 0;
}

#top_sp_mv img {
	width: 100%;
}

#top_sp_mv .countdown_wrap {
	left: 3%;
	bottom: 9%;
	width: 44%;
	height: 6%;
	position: absolute;
}

#top_sp_mv .countdown_wrap .ti {
	width: 7%;
	height: 100%;
	position: absolute;
}

#top_sp_mv .countdown_wrap .d1 {
	top: 0;
	left: 0;
}

#top_sp_mv .countdown_wrap .d2 {
	top: 0;
	left: 10%;
}

#top_sp_mv .countdown_wrap .h1 {
	top: 0;
	left: 27%;
}

#top_sp_mv .countdown_wrap .h2 {
	top: 0;
	left: 37.5%;
}

#top_sp_mv .countdown_wrap .m1 {
	top: 0;
	left: 54.5%;
}

#top_sp_mv .countdown_wrap .m2 {
	top: 0;
	left: 65%;
}

#top_sp_mv .countdown_wrap .s1 {
	top: 0;
	right: 10%;
}

#top_sp_mv .countdown_wrap .s2 {
	top: 0;
	right: 0;
}

#top_sp_news {
	padding: 20px 30px;
	background-color: #ffffff;
}

#top_sp_news h3 {
	margin: 0 0 10px 0;
}

#top_sp_news h3 img {
	width: 100px;
}

#top_sp_news p {
	line-height: 1.5;
	margin: 0 0 10px 0;
}

#top_sp_news p:last-child {
	margin: 0 0 0 0;
}

#top_sp_news p span {
	color: #a4833a;
	padding: 0 1em 0 0;
}

#top_sp_contents {
	width: 95%;
	margin: 0 auto;
	padding: 15px 0 85px 0;
}

#top_sp_contents p {
	margin: 0 0 15px 0;
}

#top_sp_contents p img {
	width: 100%;
}

#top_sp_contents p img.hm {
	width: 101%;
}

#top_sp_banner_area {
	text-align: center;
	width: 95%;
	margin: 0 auto;
}

#top_sp_banner_area img {
	width: 100%;
}

#top_sp_banner_area p {
	margin: 0 0 15px 0;
}

#top_sp_banner_area .bn1 {
	margin: 0 0 40px 0;
}

#top_sp_banner_area .bn1 img {
	width: 80%;
}

/* 箱根駅伝ってなに？ */
#hakone_pre_wrap {
	margin: 0;
	padding: 0 0 60px 0;
}

#hakone_pre_mv {
	margin: 0;
}

#hakone_pre_mv img {
	width: 100%;
}

#hakone_pre_wrap .inner {
	text-align: center;
	width: 950px;
	margin: 0 auto;
	padding: 40px 0 0 0;
}

#hakone_pre_wrap h4 {
	margin: 0 0 38px 0;
}

#hakone_pre_wrap .lead {
	margin: 0 0 35px 0;
}

#hakone_pre_wrap .schedule {
	margin: 0 0 60px 0;
}

#hakone_pre_wrap .contents {
	font-size: 13px;
	text-align: left;
	padding: 20px;
	margin: 0;
	background-color: #fff;
}

#hakone_pre_wrap .content {
	margin: 0 0 60px 0;
}

#hakone_pre_wrap .content h5 {
	margin: 0 0 30px 0;
}

#hakone_pre_wrap .tx1 {
	line-height: 2;
	padding: 0 20px;
	margin: 0 0 40px 0;
}

#hakone_pre_wrap .ranking {
	text-align: center;
	margin: 0;
}

#hakone_pre_wrap .content .mg30 {
	margin: 0 0 30px 0;
}

#hakone_pre_wrap .content .fltwrap {
	line-height: 2;
	padding: 0 24px;
}

#hakone_pre_wrap .content .fltwrap p {
	margin: 0 0 1em 0;
}

#hakone_pre_wrap .content .fltwrap img {
	margin: 0 0 1em 0;
}

#hakone_pre_wrap .content .fltwrap .bold {
	font-weight: bold;
}

#hakone_pre_wrap .content .fltwrap .red {
	color: #b72a1a;
}

#hakone_pre_wrap .content .fltwrap .tfr {
	text-align: left;
	width: 522px;
	float: right;
}

#hakone_pre_wrap .content .fltwrap .tfl {
	text-align: left;
	width: 522px;
	float: left;
}

#hakone_pre_wrap .content .fltwrap .pfl {
	text-align: center;
	width: 300px;
	float: left;
}

#hakone_pre_wrap .content .fltwrap .pfr {
	text-align: center;
	width: 300px;
	float: right;
}

#hakone_pre_wrap .bt_txt {
	text-align: center;
	margin: 0;
	padding: 35px 0 0 0;
}

/* 箱根駅伝ってなに？ sp */
#hakone_pre_sp_mv {
	margin: 0;
}

#hakone_pre_sp_mv img {
	width: 100%;
}

#sp_pre_top_content {
	text-align: center;
	padding: 50px 0;
}

#sp_pre_top_content h4 {
	margin: 0 0 35px 0;
}

#sp_pre_top_content h4 img {
	width: 80%;
}

#sp_pre_top_content .lead {
	margin: 0 0 45px 0;
}

#sp_pre_top_content .lead img {
	width: 65%;
}

#sp_pre_top_content .schedule {
	margin: 0 0 0 0;
}

#sp_pre_top_content .schedule img {
	width: 100%;
}

#sp_pre_contents {
	padding: 30px 15px 30px 15px;
	background-color: #fff;
}

#sp_pre_contents .content {
	margin: 0 0 30px 0;
}

#sp_pre_contents h5 {
	margin: 0 0 15px 0;
}

#sp_pre_contents h5 img {
	width: 100%;
}

#sp_pre_contents p {
	font-size: 13px;
	line-height: 2;
	padding: 0 2%;
}

#sp_pre_contents p img {
	width: 100%;
}

#sp_pre_contents .mg20 {
	margin: 0 0 20px 0;
}

#sp_pre_contents .mg30 {
	margin: 0 0 30px 0;
}

#sp_pre_contents .bold {
	font-weight: bold;
}

#sp_pre_contents .red {
	color: #b72a1a;
}

#sp_pre_contents .pic {
	font-size: 11px;
	line-height: 1.8;
	text-align: center;
	margin: 0 0 20px 0;
}

#sp_pre_contents .pic img {
	width: 90%;
	margin: 0 0 5px 0;
}

#sp_pre_contents .last_tx {
	margin: 0;
	padding: 10px 0 0 0;
}

#sp_pre_contents .last_tx img {
	width: 100%;
}

/* 予選会チャレンジ TOP */
#hakone_quiz_mv {
	margin: 0;
}

#hakone_quiz_mv img {
	width: 100%;
}

#hakone_quiz_contents {
	width: 910px;
	margin: 30px auto 70px auto;
	padding: 20px;
	background-color: #fff;
}

#hakone_quiz_contents h4 {
	margin: 0 0 20px 0;
}

#hakone_quiz_contents h5 {
	margin: 0 0 20px 0;
}

#hakone_quiz_contents p {
	font-size: 13px;
	line-height: 2;
	margin: 0 0 40px 0;
	padding: 0 24px;
}

#hakone_quiz_contents .bold {
	font-weight: bold;
}


#hakone_quiz_contents .date {
	color: #ce2b00;
	font-size: 15px;
	font-weight: bold;
}

#hakone_quiz_contents .but {
	text-align: center;
	padding: 30px 0 15px 0;
}

/* 予選会チャレンジ TOP sp */
#hakone_sp_quiz_mv {
	margin: 0 0 20px 0;
}

#hakone_sp_quiz_mv img {
	width: 100%;
}

#hakone_sp_quiz_contents {
	background-color: #fff;
	padding: 15px 2.5%;
}

#hakone_sp_quiz_contents img {
	width: 100%;
}

#hakone_sp_quiz_contents h4 {
	margin: 0 0 15px 0;
}

#hakone_sp_quiz_contents h5 {
	margin: 0 0 20px 0;
}

#hakone_sp_quiz_contents p {
	font-size: 13px;
	line-height: 2;
	margin: 0 0 25px 0;
	padding: 0 10px;
}

#hakone_sp_quiz_contents .bold {
	font-weight: bold;
}


#hakone_sp_quiz_contents .date {
	color: #ce2b00;
	font-size: 13px;
	font-weight: bold;
}

#hakone_sp_quiz_contents .but {
	text-align: center;
	padding: 30px 0 15px 0;
}

#hakone_sp_quiz_contents .but img {
	width: 80%;
}

/* 予選会チャレンジ QUIZ */
.quiz_wrap {
	text-align: center;
	width: 950px;
	height: 607px;
	margin: 35px auto 60px auto;
	position: relative;
}

.quiz_wrap .runner {
	top: 0;
	left: 0;
	width: 950px;
	height: 56px;
	position: absolute;
	z-index: 1;
}

.quiz_wrap .bg {
	top: 56px;
	left: 0;
	width: 950px;
	height: 551px;
	position: absolute;
	z-index: 1;
}

.quiz_wrap .question {
	top: 83px;
	left: 0;
	text-align: center;
	width: 950px;
	height: 40px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .question4 {
	top: 84px;
	left: 0;
	text-align: center;
	width: 950px;
	height: 40px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .question5 {
	top: 73px;
	left: 0;
	text-align: center;
	width: 950px;
	height: 40px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .correct1 {
	top: 192px;
	left: 50px;
	text-align: center;
	width: 270px;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}

.quiz_wrap .correct2 {
	top: 192px;
	left: 339px;
	text-align: center;
	width: 270px;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}

.quiz_wrap .correct3 {
	top: 192px;
	right: 50px;
	text-align: center;
	width: 270px;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}
.quiz_wrap .but1 {
	top: 204px;
	left: 50px;
	text-align: center;
	width: 270px;
	height: 204px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .but2 {
	top: 204px;
	left: 339px;
	text-align: center;
	width: 270px;
	height: 204px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .but3 {
	top: 204px;
	right: 50px;
	text-align: center;
	width: 270px;
	height: 204px;
	position: absolute;
	z-index: 2;
}

.quiz_wrap .but {
	cursor: pointer;
}

.quiz_wrap .but img.bt {
	display: block;
	position: absolute;
	z-index: 5;
}

.quiz_wrap .but img.bt:hover {
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.answered .but img.bt:hover {
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
}

.quiz_wrap .but img.ho {
	display: block;
	position: absolute;
	z-index: 4;
}

.quiz_wrap .next_but {
	left: 158px;
	bottom: 50px;
	width: 633px;
	height: 56px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
	display:  none;
}

.quiz_wrap .back_but {
	left: 158px;
	bottom: 50px;
	width: 636px;
	height: 63px;
	z-index: 4;
	position: absolute;
	cursor: pointer;
	display:  none;
}

.quiz_wrap .link_but {
	left: 158px;
	bottom: 80px;
	width: 633px;
	height: 56px;
	z-index: 3;
	position: absolute;
	cursor: pointer;
	display:  none;
}

#quiz1 {
	display: block;
}

#quiz2 {
	display: none;
}

#quiz3 {
	display: none;
}

#quiz4 {
	display: none;
}

#quiz5 {
	display: none;
}

.btn_sp{display: none;}

@media screen and (max-width: 768px){
	/* 予選会チャレンジ QUIZ */
.quiz_wrap {
	text-align: center;
	width: 100%;
	height: auto;
	margin: 35px auto 35px auto;
	position: relative;
}

.quiz_wrap .runner {
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	position:relative;
	z-index: 1;
}
.quiz_wrap .runner img{
	width:85%;
}

.quiz_wrap .bg {
	top: 9vw;
	left: 0;
	width: 100%;
	height: auto;
	position:absolute;
	z-index: 1;
}

.quiz_wrap .bg img{ width:96%;}

.quiz_wrap .question {
	top: 30px;
	left: 0;
	text-align: center;
	width: 100%;
	height: auto;
	position:relative;
	z-index: 2;
}

.quiz_wrap .question4 {
	top:0;
	left: 0;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 2;
}

.quiz_wrap .question4 img{
	width: 96%;
}

.quiz_wrap .question img{
	width:100%;
}

.quiz_wrap .correct1 {
	top: 13vw;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}

.quiz_wrap .correct2 {
	top: 53vw;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}

.quiz_wrap .correct3 {
	top: 93vw;
	left: 0;
	text-align: center;
	width: 100%;
	height: 220px;
	padding: 40px 0 0 0;
	position: absolute;
	z-index: 3;
	display: none;
}

.quiz_wrap .correct3 img,.quiz_wrap .correct2 img,.quiz_wrap .correct1 img{
	width: 20%;
}

.quiz_wrap .but1 img, .quiz_wrap .but2 img,.quiz_wrap .but3 img,.quiz_wrap .but4 img{
	width: 90%;
}

.quiz_wrap .but1 {
	top: 20vw;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 100px;
	position:absolute;
	z-index: 2;
}

.quiz_wrap .but2 {
	top: 60vw;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 100px;
	position:absolute;
	z-index: 2;
}

.quiz_wrap .but3 {
	top: 100vw;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 100px;
	position:absolute;
	z-index: 2;
}

.block{
	position:relative;
}

.quiz_wrap .next_but {
	top: 147vw;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: auto;
	z-index: 3;
	position:absolute;
	cursor: pointer;
	display:  none;
}
.quiz_wrap .next_but img{
	width: 96%;
}

.quiz_wrap .back_but {
	top: 147vw;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height:auto;
	z-index: 4;
	position:absolute;
	cursor: pointer;
	display:  none;
}
.quiz_wrap .back_but img{
	width:96%;
}

.quiz_wrap .link_but {
	left:0px;
	top: 147vw;
	bottom: 0px;
	width: 100%;
	z-index: 3;
	position: absolute;
	cursor: pointer;
	display:  none;
}

.quiz_wrap .link_but img{ 
	width: 96%;
}

.btn_pc{display:none;}
.btn_sp{display:block;}

.qu_h{
	height:268vw;
}

#sp_snslink_box.kaso2 {
	padding: 20px 0 0 10px;
}

}