@charset "utf-8";
/* CSS Document */

@charset "utf-8";
/* CSS Document */



		/*
		html5doctor.com Reset Stylesheet
		v1.6.1
		Last Updated: 2010-09-17
		Author: Richard Clark - http://richclarkdesign.com
		Twitter: @rich_clark
		*/

		html, body, div, span, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		abbr, address, cite, code,
		del, dfn, em, img, ins, kbd, q, samp,
		small, strong, sub, sup, var,
		b, i,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend,
		table, caption, tbody, tfoot, thead, tr, th, td,
		article, aside, canvas, details, figcaption, figure,
		footer, header, hgroup, menu, nav, section, summary,
		time, mark, audio, video {
		    margin:0;
		    padding:0;
		    border:0;
		    outline:0;
		    font-size:100%;
		    vertical-align:baseline;
		    background:transparent;
		}

		body {
		    line-height:1;
		}

		article,aside,details,figcaption,figure,
		footer,header,hgroup,menu,nav,section {
			display:block;
		}

		nav ul {
		    list-style:none;
		}

		blockquote, q {
		    quotes:none;
		}

		blockquote:before, blockquote:after,
		q:before, q:after {
		    content:'';
		    content:none;
		}

		a {
		    margin:0;
		    padding:0;
		    font-size:100%;
		    vertical-align:baseline;
		    background:transparent;
		}

		/* change colours to suit your needs */
		ins {
		    background-color:#ff9;
		    color:#000;
		    text-decoration:none;
		}

		/* change colours to suit your needs */
		mark {
		    background-color:#ff9;
		    color:#000;
		    font-style:italic;
		    font-weight:bold;
		}

		del {
		    text-decoration: line-through;
		}

		abbr[title], dfn[title] {
		    border-bottom:1px dotted;
		    cursor:help;
		}

		table {
		    border-collapse:collapse;
		    border-spacing:0;
		}

		/* change border colour to suit your needs */
		hr {
		    display:block;
		    height:1px;
		    border:0;
		    border-top:1px solid #cccccc;
		    margin:1em 0;
		    padding:0;
		}

		input, select {
		    vertical-align:middle;
		}

		@charset "utf-8";

		/* CSS Document */




		.imgWrap {
		  position: relative;
		}
		.imgWrap > div {
		  position: absolute;
		}
		.imgWrap > div.title1 {
		  top: 2%;
		  width: 100%;
		}

		.imgWrap > div.title2 {
		  top: 50%;
		  width: 100%;
		}


		.imgWrap > div.photo1 {
		  top: 50%;
		  width: 100%;
		  z-index: 1;
		}


		.cart{
			position: relative;
		}
		.btn{
			position: absolute;
		}

		.btn0{
			width: 32%;
			top: 37.8%;
			right: 0.4%;
		}
		.btn1{
			width: 87%;
			bottom: -3%;
			left: 7%;
		}
		.btn2{
			width: 40%;
			bottom: 16%;
			left: 8%;
		}
		.btn3{
			width: 43%;
			top: 40.9%;
			right: 8.55%;
		}

		.btn4{
			width: 52%;
			bottom: 18%;
			left: 22%;
		}

		.btn5{
			width: 52%;
			bottom: 37%;
			left: 24%;
		}

		.btn6{
			width: 87%;
			bottom: 1%;
			left: 8%;
		}

		.btn7{
			width: 95%;
			bottom: 1%;
			left: 2%;
		}

		.btn8{
			width: 90%;
			bottom: 11%;
			left: 5%;
		}

		.btn9{
			width: 76%;
			bottom: 38%;
			left: 12%;
		}



		/* アコーディオンCSS */

		.cart-set0 .accordion.open {
		    background: url(../images/2002_be_sp_16_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 7%;
		}


		.cart-set1 .accordion.open {
		    background: url(../images/2002_be_sp_23_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}
		.accordion.open img {
		    display: none;
		}

		.cart-set2 .accordion.open {
		    background: url(../images/2002_be_sp_25_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}

		.cart-set3 .accordion.open {
		    background: url(../images/2002_be_sp_27_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}
		.cart-set4 .accordion.open {
		    background: url(../images/2002_be_sp_29_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}
		.cart-set5 .accordion.open {
		    background: url(../images/2002_be_sp_31_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}

		.cart-set6 .accordion.open {
		    background: url(../images/2002_be_sp_33_1.jpg) no-repeat left top;
			background-size: cover;
			padding-top: 16%;
		}



		/* アコーディオンCSS end*/


		@charset "UTF-8";

		/*!
		 * animate.css -http://daneden.me/animate
		 * Version - 3.5.1
		 * Licensed under the MIT license - http://opensource.org/licenses/MIT
		 *
		 * Copyright (c) 2016 Daniel Eden
		 */

		.animated {
		  -webkit-animation-duration: 2s;
		  animation-duration: 2s;
		  -webkit-animation-fill-mode: both;
		  animation-fill-mode: both;
			-webkit-animation-iteration-count: 5;
		  animation-iteration-count: 5;
		}

		.animated.infinite {
		  -webkit-animation-iteration-count: infinite;
		  animation-iteration-count: infinite;
		}

		@-webkit-keyframes tada {
		  from {
		    -webkit-transform: scale3d(1, 1, 1);
		    transform: scale3d(1, 1, 1);
		  }

		  10%, 20% {
		    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		  }

		  30%, 50%, 70%, 90% {
		    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		  }

		  40%, 60%, 80% {
		    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		  }

		  to {
		    -webkit-transform: scale3d(1, 1, 1);
		    transform: scale3d(1, 1, 1);
		  }
		}

		@keyframes tada {
		  from {
		    -webkit-transform: scale3d(1, 1, 1);
		    transform: scale3d(1, 1, 1);
		  }

		  10%, 20% {
		    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
		  }

		  30%, 50%, 70%, 90% {
		    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
		  }

		  40%, 60%, 80% {
		    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
		  }

		  to {
		    -webkit-transform: scale3d(1, 1, 1);
		    transform: scale3d(1, 1, 1);
		  }
		}

		.tada {
		  -webkit-animation-name: tada;
		  animation-name: tada;
		}

		}



/* ▲ */