@charset "utf-8";
/*		Contents

/* =================================================================
		reset	
================================================================= */
html {
	background-color:#fff !important;
}

body, h1, h2, h3, h4, h5, h6,
p, ul, ol, li, dl, dt, dd, blockquote {
	margin: 0;
	padding: 0;
}

body {
	background-color:#fff;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

ul, ol {
	list-style: none inside;
}

img,
a img {
	border: 0;
	vertical-align: middle;
}

table,tr,td,th{
	border-collapse:collapse;
}

/*	Basic Text Link	*/
a {
	color: #000;	text-decoration:underline;
}

a:link {
	color: #000;	text-decoration: underline;
}
a:visited {
	color: #000;	text-decoration: underline;
}
a:hover {
	color: #000;	text-decoration: none;
}

a:focus {
	color: #000;	text-decoration:underline;
}
a:active {
	color: #000;	text-decoration: underline;
}

.clearfix {
	zoom: 1;
}

.clearfix:after {
	clear: both;
	content: '';
	display: block;
}



/* =================================================================
		content
================================================================= */
@media screen and (min-width: 721px) {
#wrapper {
	width:720px;
	margin:0 auto;
	/*box-shadow:0 0px 13px -13px rgba(0,0,0,0.5), 0 -8px 13px -2px rgba(0,0,0,0.5);*/
}

#wrapper img {
	display:block;
	vertical-align: middle;
	margin-top:-1px;
}

.cv01 {
	height:235px;
}

.cv01,
.cv02,
.cv03 {
	position:relative;
}

.btn01 {
	position:absolute;
	bottom:10px;
	left:2px;
	animation:upanddown 2s infinite;
}

.btn02 {
	position:absolute;
	bottom:80px;
	right:-15px;
	animation:upanddown 2s infinite;
}

.btn03 {
	position:absolute;
	bottom:25px;
	left:2px;
	animation:upanddown 2s infinite;
}

.cv01 .btn01:hover,
.cv02 .btn02:hover,
.cv03 .btn03:hover {
	transition: opacity 0.3s ease-out;
	opacity:0.7;
}

.bnr01 {
	position:absolute;
	bottom:225px;
	left:43px;
}

p.henkin {
	color:#1d3994;
	text-decoration:underline;
	font-size:16px;
	text-align:center;
}

/*ライトボックス*/
.fboxTit {
 font-size:16px;
 line-height:1em;
 font-weight:bold;
 text-align:center;
 background-color:#C80032;
 color:#FFF;
 padding:6px 0 4px;
 margin:15px 15px 20px 15px;
 }
.fboxList, .fboxList + p + ul {
 padding:0 15px;
 margin-bottom: 40px;
 }
.fboxList li,.fboxList + p + ul li {
 font-size:14px;
 line-height:1.2em;
 text-align:left;
 list-style:none;
 margin-bottom:1em;
 }
 .fboxList + p{
 	    padding: 0 15px 1px;
    margin-bottom: 14px;
    font-size: 15px;
    border-bottom: 1px solid #b7b7b7;
    font-weight: bold;
 }
.fboxAddress {
 font-size:12px;
 line-height:1.4em;
 text-align:left;
 padding:0 20px 20px;
 }
.fboxAddress dt {
 font-weight:bold;
 padding-bottom:4px;
 }
.fboxAddress dd {
 padding-left:1em;
 }

.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:90%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}
}



@media screen and (max-width: 720px) {
#wrapper {
	width:100%;
}

#wrapper img {
	width:100%;
	display:block;
	vertical-align: middle;
	margin-top:-1px;
}

.cv01 {
	height:33vw;
}

.cv01,
.cv02,
.cv03 {
	position:relative;
}

.btn01 {
	width:96% !important;
	position:absolute;
	bottom:0;
	left:1.8%;
	animation:upanddown 2s infinite;
}

.btn02 {
	width:56% !important;
	position:absolute;
	bottom:7%;
	right:0;
	animation:upanddown 2s infinite;
}

.btn03 {
	width:96% !important;
	position:absolute;
	bottom:1%;
	left:1.5%;
	animation:upanddown 2s infinite;
}

p.henkin {
	color:#1d3994;
	text-decoration:underline;
	font-size:0.8rem;
	text-align:center;
}

/*ライトボックス*/
.fboxTit {
 font-size:1rem;
 font-weight:bold;
 text-align:center;
 background-color:#C80032;
 color:#FFF;
 padding:3px 0 0;
 margin:15px 15px 20px 15px;
 }
.fboxList, .fboxList + p + ul {
 padding:0 15px;
 margin-bottom: 40px;
 }
.fboxList li,.fboxList + p + ul li {
 font-size:12px;
 text-align:left;
 list-style:none;
 margin-bottom:1em;
 }
 .fboxList + p{
 	    padding: 0 15px 1px;
    margin-bottom: 14px;
    font-size: 0.8rem;
    border-bottom: 1px solid #b7b7b7;
    font-weight: bold;
 }
.fboxAddress {
 font-size:12px;
 line-height:1.4;
 text-align:left;
 padding:0 20px 20px;
 }
.fboxAddress dt {
     font-size: 0.8rem;
font-weight:bold;
 padding-bottom:4px;
 }
.fboxAddress dd {
     font-size: 0.7rem;
 padding-left:1em;
 }

.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;text-align:center;white-space:nowrap;cursor:pointer;background:#CCC;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle;margin-right:-.25em}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;min-width:30%;margin-left:5%;margin-right:5%;max-height:90%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight .featherlight-close-icon{ font-size:200%;position:absolute;z-index:9999;top:0;right:0;line-height:55px;width:55px;cursor:pointer;text-align:center;font:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.6);color:#000}.featherlight .featherlight-image{width:90%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0}.featherlight iframe{border:0}}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:10px;margin-right:10px;max-height:85%;padding:10px 10px 0;border-bottom:10px solid transparent}
}



@keyframes upanddown {
	0% {
		transform: translateY(-20px);
	}
	50% {
		transform: translateY(0);
	}
	100% {
		transform: translateY(-20px);
	}
}



/* =================================================================
	form
================================================================= */
#formarea {
	width:820px;
	margin:0 auto;
}
#formarea iframe {
	width:820px !important;
	height:2560px;
}

@media screen and (max-width: 720px) {
#formarea {
	width:100%;
	margin:5% auto 0;
}
#formarea iframe {
	width:100% !important;
}

iframe > .cart .goods_name {
background-color:#000 !important;
}
}



/*-------------------------------------------
 footer
-----------------------------------------------*/
#fmenu {
	width:720px;
	background-color:#F27883;
  text-align: center;
	margin:0 auto;
  padding: 0 0 15px;
}

#fmenu ul {
	margin:0 0 2% 0;
}

#fmenu li {
  display: inline-block;
}

#fmenu li a {
  color: #fff;
  font-size: 14px;
	text-decoration:none;
}

#fmenu li a:hover {
	text-decoration:underline;
}
#fmenu li:after {
  color: #fff;
  content: '|';
  margin: 0 14px;
}

#fmenu li:last-child:after {
  display: none;
}

#fmenu .copyright {
  color: #fff;
  font-size: 12px;
}

@media screen and (max-width: 720px) {
#fmenu {
	width:100%;
	background-color:#F27883;
  text-align: center;
	margin:0 auto;
  padding: 0 0 2%;
}

#fmenu img {
	width:100%;
}

#fmenu ul {
	margin:0 0 2% 0;
}

#fmenu li {
  width:100%;
  display: inline-block;
}

#fmenu li a {
  color: #fff;
  font-size: 0.8rem;
}

#fmenu li:after {
  content: '';
}

#fmenu li:last-child:after {
  display: none;
}

#fmenu .copyright {
  font-size: 0.7rem;
}

}
