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

/*--------------------------
initialize
--------------------------*/
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, q, pre, table, caption, colgroup, col, tbody, thead, tfoot, tr, th, td, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, span, a, img, em, ins, del, cite, abbr, sup, sub, dfn, code, var, samp, kbd, object, script, noscript, style, iframe, embed, param, map, area, menu, hr, address, small, strong, i, b, article, aside, figure, footer, header, hgroup, nav, section, figcaption, time, video, audio, mark, ruby, rt, rp, bdo, source, canvas, details, summary, command, datalist, keygen, output, progress,meter {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}  

address, article, aside, figure, figcaption, footer, header, hgroup, hr, legend, menu, nav, section, summary { display:block; }

ul,ol,dl{ list-style:none; }
html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 90%; /* 2 */
	background: #000; /* Old browsers */
}
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.75em; }
p { line-height:140%;}

/*--------------------------
common
--------------------------*/
body {
background: #ffffff;
background: -moz-linear-gradient(left,  hsla(0,0%,100%,1) 0%, hsla(0,0%,81%,1) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,hsla(0,0%,100%,1)), color-stop(100%,hsla(0,0%,81%,1)));
background: -webkit-linear-gradient(left,  hsla(0,0%,100%,1) 0%,hsla(0,0%,81%,1) 100%);
background: -o-linear-gradient(left,  hsla(0,0%,100%,1) 0%,hsla(0,0%,81%,1) 100%);
background: -ms-linear-gradient(left,  hsla(0,0%,100%,1) 0%,hsla(0,0%,81%,1) 100%);
background: linear-gradient(to right,  hsla(0,0%,100%,1) 0%,hsla(0,0%,81%,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cecece',GradientType=1 );
    font-family:Verdana,Helvetica,"ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック",Osaka,sans-serif !important;
    color: #000000;
}

img{max-width:100%;}

a{ color: #CC0033; text-decoration:none; }
a:hover{ text-decoration:underline; }
a img {
    transition: all 0.3s ease-in-out 0s;
	display: inline-block;
	backface-visibility: hidden; 
}
a:hover img { opacity: 0.5; }
a:hover img.noneOp { opacity: 1; }

.wrap{
	margin:0 auto;
	width:1280px;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.fLeft { float:left; }
.fRight { float:right; }

/* header */
.headerBg{
	background: #FFF; /* Old browsers */
	  }
.headerBlock{
	padding:1% 2%;
	margin:0 auto;
	overflow:hidden;
	*zoom:1;
}
.rv02-sns-area-tp {
    clear: both;
    height: 30px;
    margin-top: -15px;
    text-align: right;
}
.rv02-sns-fb {
    width: 155px;
}
.rv02-sns-fb {
    width: 155px;
}
/* mainArea */
.mainwrap {
	padding-top:30px;
}
.mainArea {
	position:relative;
	margin:0 auto;
	padding-bottom:30px;
}
.mainTxtBock {
	position: absolute;
	padding:3% 0 0 3%;
}
.mainTxtBock.txtA{ top:0; left:0; }
.mainTxtBock.txtB{ top:3em; left:0; }
.mainTxtBock.txtC{ top:6.8em; left:0; }
.mainTxtBock p {
	font-size:2.45em;
	padding:1.5% 0%;
	font-style:italic;
	color:#FFF;
	text-indent:0.5em;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.mainTxtBock p.smallTxt{
	font-size:1.6em;
	font-weight:bold;
}
.mainTxtBock p.bgTxt{
	background:#172649;
	line-height:110%;
}
.aboutBlockA {
	color:#000000;
	position: absolute;
	bottom:0;
	left:0;
	padding:6% 3% 3%;
	width:28%;
}
.aboutBoxA {
	padding:4%;
}
.aboutBoxA h3{
	padding:0 0 1em;
	color:#172649;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.aboutBoxA p{
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
/* subArea */
.subArea {
	position:relative;
	margin:0 auto;
	padding-bottom:30px;
}
.subTxtBock {
	position: absolute;
	padding:2% 0 0 3%;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.subTxtBock.txtA{
	top:0; left:36%;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.subTxtBock.txtB{
	 top:4.5em; left:36%; 
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.subTxtBock.txtA p {
	font-size:1.85em;
	padding:1.5% 0%;
	font-style:italic;
	text-indent:0.5em;
	color:#FFF;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.subTxtBock.txtB p {
	padding:1.0% 0;
	font-size:1.2em;
	line-height:170%;
}
.subTxtBock.txtA p.bgTxt{
	background:#C3244A;
	line-height:110%;
}

/* shopArea */
.shopArea {
	width:90%;
	margin:0 auto;
	padding-bottom:50px;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}
.shopBlock {
	position:relative;
}
.shopTxt h3,
.shopTxt p {
	padding-left:390px;
}
.shopTxt h3{
	background:#172649;
	color:#FFF;
	padding-top:1.4em;
	padding-bottom:1.4em;
}
.shopTxt p {
	padding-top:30px;
}
.shopBlock .shopImg{
	position: absolute;
	top:15px; left:15px;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}

.shopBlock .shopImg p{
	font-size:0.9em;
	text-align:center;
}

.shopBlock .shopImg p span{
	font-size:0.9em;
}

/* flexslider */
.sliderArea {
	width:90%;
	margin:0 auto;
	padding-bottom:50px;
	-moz-transition:all .2s linear;
	-webkit-transition:all .2s linear; 
	-o-transition:all .2s linear; 
	-ms-transition:all .2s linear;
}

.sliderArea h2{
	background:#C3244A;
	color:#fff;
	padding:1%;
}
.flexslider {
	position:relative;
	padding:20px 0 0;
}
.flexslider ol.flex-control-nav{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.flexslider ol.flex-control-nav.flex-control-thumbs li{
	display:inline;
	margin:1%;
}
.flexslider ol.flex-control-nav.flex-control-thumbs li img{
	width:125px;
	height:125px;
	opacity:0.7;
}
.flexslider ol.flex-control-nav.flex-control-thumbs li img.flex-active{
	opacity:1;
}
.flexslider ol.flex-control-nav.flex-control-thumbs li img:hover {
	opacity:1;
}
.flexslider .slides li h4,
.flexslider .slides li p{
	padding: 10px 40px;
}


/* footer */
.footer {
	max-width:980px;
	margin:0 auto;
	padding:2em 0;
	border-top:1px solid #CCCCCC;
}
.footer ul{
	text-align:center;
	padding:0 0 1em;
}
.footer li{
	display:inline;
	margin:0 .4em;
}
.footer li a{
	color:#111;
	font-size:0.8em;
}
.copy{
	text-align:right;
	font-size:0.6em;
}
@media only screen and (max-width: 1280px) {
	.wrap{ width:970px; }
	.mainTxtBock.txtB{ top:2.2em; left:0; }
	.mainTxtBock.txtC{ top:5.5em; left:0; }
	.mainTxtBock p {
		font-size:1.85em;
	}
	.mainTxtBock p.smallTxt{
		font-size:1.2em;
	}
	.aboutBoxA h3{
		padding:0 0 0.5em;
		font-size:1.0em;
	}
	.aboutBoxA p{
		font-size:0.9em;
	}
	.subTxtBock.txtA p {
		font-size:1.55em;
	}
	.subTxtBock.txtA{ top:0; left:36%;}
	.subTxtBock.txtB{ top:3.2em; left:36%; }
	.subTxtBock.txtB p {
		font-size:0.9em;
	}
	.shopTxt h3{
		padding-right:.4em;
	}
}
@media only screen and (max-width: 970px) {
	.wrap{
		max-width::768px;
		width:98%;
	}
	.mainTxtBock {
		padding-top:6%;
	}
	.aboutBlockA{
		position:relative;
		top:auto; left:auto;
		width:100%;
		padding:0;
	}
	.aboutBoxA{
		position:relative;
		top:auto; left:auto;
	}
	.subBg img{
		width:85%;
	}
	.subTxtBock.txtA{ top:4.2em; left:26%; padding:0;}
	.subTxtBock.txtB{
		top: auto; left: auto;
		position:relative;
		padding-left:26%;
		padding-top:0;
	}
}
@media only screen and (max-width: 924px) {
	.footer li{ margin:0 .2em; }
	.footer li a{ font-size:0.7em; }
}
@media only screen and (max-width: 768px) {
	.logoA{ width: 68.333333%; }
	.logoB{ width: 30.333333%; }
	.mainTxtBock {
		padding-left:0%;
	}
	.mainTxtBock.txtB{ top:2.2em; left:0; }
	.mainTxtBock.txtC{ top:4.5em; left:0; }
	.mainTxtBock p {
		font-size:1.45em;
		text-indent:0em;
	}
	.mainTxtBock p.smallTxt{
		font-size:1.1em;
	}
	.subBg {
		display:none;
	}
	.subTxtBock.txtA p {
		font-size:1.0em;
		text-indent:0em;
	}
	.subTxtBock.txtA,
	.subTxtBock.txtB{
		top: auto; left: auto;
		position:relative;
		padding-left:0;
		padding-top:0;
	}
	.shopArea {
		width:100%;
	}
	.shopBlock .shopImg{
		width:30%;
		top:1%; left:1%;
	}
	.shopTxt h3, .shopTxt p {
		padding-left: 33%;
	}
	.sliderArea {
		width:100%;
	}
	.sliderArea h2{
		font-size:1.0em;
	}
	.flexslider .slides li h4,
	.flexslider .slides li p{
		padding:10px;
	}
	.footer ul{ text-align:left; }
	.footer li {
		display:block;
		margin:1px;
	}
	.footer li a{
		display:block;
		padding:1%;
		background:#E3E3E3;
	}
}
@media only screen and (max-width: 580px) {
	.mainTxtBock {
		padding: 0;
	}
	.mainTxtBock p {
		font-size:1.0em;
		padding:0;
	}
	.mainTxtBock p.smallTxt {
		font-size: 0.9em;
		padding:1.0% 0;
	}
	.mainTxtBock.txtA{ top:3em;}
	.mainTxtBock.txtB{ top: auto; left: auto; position:relative; }
	.mainTxtBock.txtC{ top: auto; left: auto; position:relative; }
	.mainTxtBock.txtB p.bgTxt,
	.mainTxtBock.txtC p.bgTxt {
		background: none;
		color:#172649;
		line-height: 100%;
		font-style:normal;
		font-weight:bold;
	}
	.aboutBoxA {
		padding: 2% 0;
	}
	.flexslider ol.flex-control-nav.flex-control-thumbs li img{
		width:65px;
	height:65px;
	}
}
@media only screen and (max-width: 480px) {
	.logoA{ width: 47.333333%; }
	.logoB{ width: 47.333333%; }
	.shopTxt h3, .shopTxt p {
		padding: 1%;
	}
	.shopBlock .shopImg{
		position:relative;
		top:0%; left:0%;
		width:100%;
		text-align:center;
	}
	.shopBlock .shopImg img{
		display:inline;
	}
	.flexslider ol.flex-control-nav{
		width:100%;
	}
}
@media only screen and (max-width: 320px) {
	.logoA,
	.logoB{ margin-top:10px; }
}