@charset "EUC-JP";
body {
		margin:0;
		padding:0;
		line-height:1.6;
		color:#4C4340;
		min-width:100%;
		width:100%;
		background:#FFF;
   		-webkit-text-size-adjust: 100%;
		font-size:15px;
	}
	a { 
		color:#FF6680;
		text-decoration:none;
		-webkit-text-size-adjust: none;
		-ms-text-size-adjust:none;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
		-webkit-touch-callout:none;
		background-color:transparent;
	 }
	a:hover { color:#FF6680; }
	a:active { color:#FF6680; }
	a:visited { color:inherit;}
	sup {
		height: 0;
		padding:0 .25em 0 .1em;
		line-height: 1;
		font-size:80%;
		vertical-align: baseline;
		_vertical-align: bottom;
		position: relative;
		bottom:1ex;
	}
	h3 sup {
		font-size:50%;
	}
	article {
		background:#FFF;
	}
	article.dark {
		background:#F7F4F0;
	}
	ul {
		overflow:hidden;
	}
	::-moz-selection { background: #FFD47A;color:#fff; }
	::selection { background: #FFD47A;color:#fff; }
	hr {
		margin-bottom:1em;
		border: 0;
		height: 0;
		border-top: 1px solid rgba(255, 212, 122, 1);
	}

	/* Social Button */
	.social-button {
		list-style-type: none;
	}
	.social-button li {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
	}
	.social-button li div {
		display: inline;
	}
	.social-button:before,
	.social-button:after {
		content: " ";
		display: table;
	}
	.social-button:after {
		clear: both;
	}
	.social-button {
		*zoom: 1;
	}
	.social-button iframe.twitter-share-button {
		width: 90px !important;
	}
	.social-button li.gg {
		overflow:hidden;
		width:55px;
	}
	.social-button li.tw {
		width:72px;
	}
	#___plus_0 {
		width:60px !important;
	}
	
	/* footer */
	.footer-wrap {
		background:#523D25;
	}
	.copy {
		line-height:1.4;
		font-size:11px;
	}
	.copy img {
		display:block;
		padding-bottom:5px;
	}

	article,header,footer {
		width:100%;
	}
	.section {
		padding-top:3em;
		padding-bottom:3em;
		padding-left:4%;
		padding-right:4%;
	}
	#footer {
		padding-top:1em;
		padding-bottom:1em;
		padding-left:4%;
		padding-right:4%;
	}
	#firstview.section {
		padding-top:0;
		padding-bottom:0;
	}

	/* Header */
	.header {
		line-height: 1;
		padding: 5px 0 5px 0;
		margin: 0 auto;
	}
	.header p ,.header h1,.header dd,.header dl {
		text-align:center;
	}
	.hd-left {
			margin: 0 0 2% 0;
		}	
		.logoleft {
			margin: 0 0 1% 0;
		}
			.logoleft img {
				width: 156px;
			}
		.hd-txt {
			margin: 0 0 3% 0;
			font-size: 60%;	/*12px*/
			font-weight: normal;
		}
		.hd-txt_02 {
			font-size: 70%; /*10px*/
		}
		.header dt {
			display: inline-block;
			width: 28px;
			vertical-align: middle;	
		}
		.header dd {
			display: inline-block;
			font-size: 140%; /*28px*/
			vertical-align: middle;
			white-space: nowrap;
		}
			.header dd {
				color: #f60;
				font-weight: bold;
				text-decoration: none;
			}
			
	
	/* Banner */
	.banner a,.cart-btn a {
		display:block;
		background:#FFD47A;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		text-align:center;
	}
	.banner a {
		padding:2%;
	}
	.cart-btn a {
		padding:1%;
	}
	.cart-btn a span h5 {
		padding-bottom:.5em;
	}
	.present ,
	.banner-text p {
		text-align:center;
	}
	.banner-photo {
		float:left;
		width:40%;
	}
	.banner-btn {
		padding-top:1em;
		float:right;
		width:60%;
	}
	.banner-photo img,.banner-btn img {
		width:100%;
	}
	
	.cart-btn a {
		display:block;
		padding:.25em 0;
		text-align:center;
		-webkit-box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
		-moz-box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
		box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
		text-decoration:none;
	}
	.cart-btn a:hover,.banner a:hover {
		background-color:#FFC64F;
	}
	.cart-btn a h5 {
		margin-bottom:0.25em;
		color:#523D25;
		font-size:175%;
		line-height:1.2;
	}
	.cart-btn a ul li {
		display:inline-block;
		margin-right:.5em;
	}
	.cart-btn a ul li strong {
		padding:.15em .75em;
		background:#FFE9BC;
		color:#523D25;
	}
	.cart-btn a p {
		color:#523D25;
		margin-bottom:0.25em;
	}
	.cart-btn a span {
		display: inline-block;
		box-sizing:border-box;
		vertical-align:middle;
	}
	.present-banner {
		margin-top:1em;
	}
	form label {
		display:block;
	}
	form label .color_1 {
		color:#C2C9DE;
	}
	form label .color_2 {
		color:#CBA495;
	}
	
	/* Text Style */
	p small {
		font-size:80%;
	}
	.section .left {
		padding-bottom:2.5em;
	}
	.section .left p {
		padding-bottom:1em;
	}
	.section .banner .left ,.section .banner .right {
		padding-bottom:0;
	}	
	.section h1 {
		font-size:180%;
		color:#FAA700;
		text-align:center;
		line-height:1.3;
	}
	h1.main-image {
		width:100%;
		margin:0 auto 2em auto;
		font-size:100%;
	}
	h1.main-image .sp-on {
		width:100%;
	}
	h2 {
		margin-top:1em;
		margin-bottom:2em;
		font-size:150%;
		line-height:1.3;
		border-bottom:#FFD47A 1px solid;
	}
	h2 span {
		padding:.2em 0;
		display:block;
		border-top:#FFD47A 1px solid;
		text-align:center;
	}
	h2 strong {
		color:#FAA700;
		font-weight:bold;
	}
	h2.subtitle {
		margin-top:0;
		margin-bottom:1em;
		font-size:240%;
		color:#FAA700;
		text-align:center;
		padding-bottom:1em;
	}
	.section .box-half h2 {
		margin-bottom:.25em;
		font-size:120%;
		border-bottom:#CCCAC6 1px solid;
	}
	.box-half h2 span {
		padding:.5em 0;
	}
	#cartbtn .box-half h2 {
		font-size:180%;
		border-bottom:none;
		text-align:center;
	}
	h3 {
		font-size:150%;
		color:#FAA700;
		font-weight:bold;
		text-align:center;
		line-height:1.3;
	}
	h3.title {
		margin-top:1.5em;
		margin-bottom:1.5em;
		text-align:center;
	}
		h3 br.none {
			display:none;
		}
	.section h4 {
		font-size:100%;
		text-align:center;
		margin-bottom:.5em;
	}
	.right h4 {
		text-align:left;
	}
		.right h4 small {
			font-size:60%;
			padding-bottom:1em;
		}
		.right h4 strong {
			font-size:160%;
			font-weight:bold;
		}
	h5 {
		margin-top:1em;
		font-size:100%;
		text-align:center;
		margin-bottom:.5em;
	}
		h5 small {
			padding-top:2em;
			display: block;
			line-height:1.4;
			font-size:70%;
			text-align:center;
		}
	.section .box-half h5, .box-wide h5 {
		margin-top:0;
		text-align:left;
		font-size:120%;
	}
	.section .bold {
		font-weight:bold;
	}
	.box-half h5 strong {color:#FAA700	}
	h6 {
		text-align:center;
	}
	.text-center {
		padding-top:1em;
		text-align:center;
	}
	.detail li img {
		margin:2em 0 .5em;
	}
	#howto .box-half {
		margin-bottom:2em;
	}
	.box-half ol {
		padding-bottom:.5em;
		margin-bottom:1em;
		text-align:center;
		border-bottom:#CCCAC6 1px solid;
	}
	.box-half ol li {
		display:inline-block;
	}
	.box-half ol li strong {
		display:block;
		margin:0 .15em;
		padding:0 .5em;
		color:#FFF;
		background-color:#FAA700;
	}
	.box-half dl dd,
	.box-half dl dt {
		font-size:90%;
	}
	.box-half dl dt {
		text-align:center;
		font-size:80%;
		padding-bottom:1em;
	}
	.box-half dl dt img {
		display:inline-block;
		margin-bottom:.5em;
	}
	.sp-off {
		display:none;
	}
	
	#hyper-links {
		margin:2.5em auto 0 auto;
		text-align:center;
	}
		#hyper-links li {
			display:inline-block;
		}
		#hyper-links li a {
			text-align:center;
			margin:0 .25em 1em .25em;
			padding:.5em 1em;
			display: block;
			background:#FFE9BC;
			color:#523D25;
			-webkit-box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
			-moz-box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
			box-shadow:	0px 2px 0px 0px rgba(218, 220, 221, 1);
			text-decoration:none;
		}
		#hyper-links li a:hover,#hyper-links li a.hover {
			background-color:#FFDB8F;
		}
	.onayami-box {
		margin:2em auto 0 auto;
	}
	.table-layout {
		overflow:hidden;
		margin-top:2em;
		text-align:center;
	}
	.table-layout li {
		display:inline-block;
		vertical-align:top;
	}
	.checklist {
		background: url(../images/check-bg.jpg) no-repeat;
	}
		.checklist li {
			text-align:center;
		}
	.feature {
		margin:0 auto 2em auto;
	}
		.feature li {
			margin-bottom:1em;
			width:50%;
			float:left;
			text-align:center;
		}
			.feature li img {
				width:90%;
			}
	.box-wide {
		margin-bottom:3em;
	}
	.box-wide p {
		font-size:120%;
	}
	.white {
		background:#FFF;
	}
	.section #feature-ems .left {
		padding-bottom:0;
		text-align:center;
		margin-bottom:2em;
	}
	#feature-ems {
		margin-bottom:3em;
	}
	#feature-ems .right {
		padding:1em 2em;
		box-sizing:border-box;
	}
	#feature-ems .right h6 {
		text-align:left;
	}
	#feature-ems .right p {
		font-size:90%;
	}
	.box-half {
		margin:3em 0 2em 0;
	}
	.present-banner img {
		width:100%;
	}
	ul.message li {
		display:table;
		width:100%;
		margin-bottom:1.5em;
	}
	ul.message li span {
		display:table-cell;
		vertical-align:top;
	}
	ul.message li span.shadow {
		width:30%;
	}
	ul.message li span.icon {
		padding-top:1em;
		width:17px;
	}
	ul.message li span.serif {
		font-size:90%;
		padding:.5em 1.5em;
		background:#F7F4F0;
		vertical-align:middle;
	}
		

	ul.faq {
		margin-top:2em;
	}
	ul.faq li {
		display:table;
		width:100%;
		border-bottom:#F7F4F0 1px solid;
	}
	ul.faq li span {
		display:table-cell;
		padding: .5em 1em;
	}
	ul.faq li.q {
		background:#FAFAFA;
	}
	ul.faq li.a {
		background:#FFF;
	}
	ul.faq li span:first-child {
		padding: .5em 0;
		background:#FAA700;
		font-weight:bold;
		width:2em;
		text-align:center;
		font-size:120%;
	}
	ul.faq li.q span:first-child {
		background:#FAA700;
		color:#FFF;
	}
	ul.faq li.a span:first-child {
		background:#FFE9BC;
		color:#FAA700;
	}
	.footer-box {
		margin-bottom:1em;
		padding-bottom:1em;
		color:#FFF;
		line-height:1.4;
		font-size:90%;
		border-bottom:#8B7D6D 1px solid;
	}
	.footer-box p {
		margin-bottom:1em;
	}
	.copy-right {
		color:#FFF;
	}
	.footer-list li {
		display:inline-block;
		font-size:80%;
	}
	.footer-list li,.footer-list li a {
		color:#FFF;
	}
	.footer-box p span {
		display:block;
	}
	.footer-box p span img {
		padding-bottom:1em;
	}
	.present-banner {
		margin-bottom:1em;
	}
	#pagetop {
		position:fixed;
		bottom:20px;
		right:20px;
		cursor:pointer;
		filter: alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	.guide-list {
		font-size:90%;
	}
	.guide-list dt {
		font-weight:bold;
		padding-bottom:.5em;
		color:#faa700;
	}
	.guide-list dd {
		margin-bottom:1.5em;
	}
	@media screen and (min-width:480px) {
	ul.message li span.shadow {
		width:135px;
	}
}

@media screen and (min-width:768px) {
	.guide-list {
		width:48%;
	}
	.section h1 {
		font-size:320%;
	}
	.section h2 {
		font-size:200%;
	}
	.section h3 {
		font-size:200%;
	}
	.section h4 {
		font-size:140%;
	}
	.banner-photo img,.banner-btn img {
		width: auto;
	}
	.footer-box p span img {
		padding-bottom:0;
	}
	.footer-box p span {
		display:table-cell;
		vertical-align:middle;
	}
	.footer-box p span:last-child {
		padding-left:1em;
	}
	.section .left p,
	.section .left {
		padding-bottom:0;
	}
	.onayami-box {
		width:100%;
	}
	h3 br {
		display:block;
	}
	.cell {
		width:48%;
	}
	.cell-small {
		width:48%;
	}
	.left {
		float:left;
		padding-bottom:0;
	}
	.right {
		float:right;
	}
	.sp-on {
		display:none;
	}
	.sp-off {
		display:block;
	}
	.banner .banner-text p.banner-photo {
		width:36%;
		float:left;
	}
	.banner .banner-text p.banner-btn {
		box-sizing:border-box;
		float:right;
		width:64%;
		padding-top:.25em;
		padding-left:1em;
	}
	.section .banner .present {
		padding-top:.5em;
	}
	.section .banner .present ,.section .banner .banner-text {
		width:48%;
		padding-bottom:0;
	}
	.checklist li {
		width:40%;
		float:left;
	}
	.checklist li.check {
		width:57%;
		padding:0;
	}
	.feature li {
		width:25%;
	}
	.box-wide .left {
		width:64%;
	}
	.box-wide .right {
		width:33.33%;
	}
	.section #feature-ems .left {
		margin-bottom:0;
	}
	.box-half {
		margin:3em 0 0 0;
	}
	.box-half p {
		font-size:90%;
		margin-bottom:1em;
	}
	.box-half dl dd,
	.box-half dl dt {
		display:table-cell;
		vertical-align:top;
	}
	.box-half dl dt {
		width:220px;
		padding-right:1em;
		padding-bottom:0;
	}
	ul.message li span.shadow {
		width:135px;
	}
	.table-layout li {
		width:48%;
	}
	#onayami-list li {
		width:60%;
	}
	#onayami-list li.small {
		width:35%;
	}
	.autoheight {
		min-height:450px;
	}
}

@media screen and (min-width:960px) {
	.onayami-box {
		width:81.25%;
	}
	.footer-box p {
		margin-bottom:0;
		float:left;
	}
	.footer-box ul {
		float:right;
	}
	.header {
		min-height: 55px;
		max-width: 960px;
		width: 93.75%;
		padding: 8px 0 0 0;
		text-align: left;
		zoom: 1;
	}
	.header p ,.header h1,.header dd,.header dl {
		text-align: left;
	}
	.header:after {
			content:"";
			display: block;
			clear: both;	
		}
		.header .hd-left {
			float: left;
			width: 70%;
			margin: 0;
			line-height: 2em;
		}
			.header .logoleftleft,
			.header .hd-txt {
				display: inline;
				margin: 0;
			}
		.header .hd-right {
			float: right;	
			width: 25%;
		}
			.header dt {
				display: block;
				clear: left;
				float: left;
				width: 28px;	
			}
			.header dd {
				display: block;	
			}
			.header .hd-txt_02{
				font-size: 80%;
				line-height: 1.5;
			}
			.logoleft {
			display:inline;
			}
	.cell {
		width:460px;
	}
	.cell-small {
		width:380px;
	}
	/* Faux */
	.faux {
		background:url(../images/bg.png) top repeat-x;
	}
	h1.main-image {
		width:960px;
	}
	.wrapper,.section,.box,#footer {
		max-width:940px;
		margin:0 auto;
		padding-left:1%;
		padding-right:1%;
	}
	.section .banner .present, .section .banner .banner-text {
		width:50%;
	}
	.banner .banner-text p.banner-photo {
		width:159px;
	}
	.banner .banner-text p.banner-btn {
		padding-left:0;
	}
	#hyper-links li a {
		padding:.5em;
		width:8em;
	}
		.feature li img {
			width:220px;
		}
	.onayami-box {
		width:780px;
	}
		.checklist li:first-child {
			width:320px;
		}
		.checklist li:last-child {
			width:460px;
		}
	.table-layout li {
		width:inherit;
	}
	.pl2 {
		padding-left:2em;
	}
	.section h1 {
		font-size:320%;
	}
	.section h2 {
		font-size:200%;
	}
	.section h3 {
		font-size:220%;
	}
	#cartbtn.section h4:first-child {
		margin-bottom:0;
		font-size:160%;
	}
	.section h5 {
		font-size:110%;
	}
	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
	.checklist {
		background: url(../images/check-bg@2x.jpg) no-repeat;
		background-size: cover;
	}
}
@media screen and (max-width: 480px) {
	#movie .h5_player,
	#movie .player_main,
	#movie .video_main,
	#movie video,
	#movie .btn_operation {
		width: 100% !important;
		height: 300px !important;
	}
}



/* addition */

.center {
	margin: 0 auto;
	text-align: center;
}



/* shop-link */

.shop-link a {
	display: block;
	padding: 0.3em 1em;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	letter-spacing: 0.2em;
	background-color: #3d87c3;
	border: 1px solid #3d87c3;
	border-radius: 0.2rem;
}
.shop-link a:active {
	color: #3d87c3;
	background-color: #fff;
}