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




@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');
/*
font-family: 'Noto Sans JP', sans-serif;
400 Regular
500 Medium
*/

@font-face {
	font-family:'DINPro-Regular';
	src:url('../../fonts/DINPro-Regular.eot');
	src:url('../../fonts/DINPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/DINPro-Regular.woff2') format('woff2'),
	url('../../fonts/DINPro-Regular.woff') format('woff'),
	url('../../fonts/DINPro-Regular.ttf') format('truetype'),
	url('../../fonts/DINPro-Regular.svg#DINPro-Regular') format('svg');
}
@font-face {
	font-family:'DINPro-Bold';
	src:url('../../fonts/DINPro-Bold.eot');
	src:url('../../fonts/DINPro-Bold.eot?#iefix') format('embedded-opentype'),
	url('../../fonts/DINPro-Bold.woff2') format('woff2'),
	url('../../fonts/DINPro-Bold.woff') format('woff'),
	url('../../fonts/DINPro-Bold.ttf') format('truetype'),
	url('../../fonts/DINPro-Bold.svg#DINPro-Bold') format('svg');
}





/* ---------- RESET ---------- */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {
  margin:0;
  padding:0;
  border:0;
  font-size: 100%;
  font:inherit;
  vertical-align: baseline;
  text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
input:focus, textarea:focus{
  -webkit-apparence:none;
  outline: none;
  border:none;
}
img{
	border:none;
	outline:none;
	vertical-align:top;
	font-size:0;
	line-height:0;
}
img a{
	border:none;
	outline: none;
}
a:focus{
	outline:none;
}
hr {
  height:0;
  margin:0;
  padding:0;
  border:0;
}
h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration:none;
}

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
a{
	-webkit-transition: all 0.5s;
	        transition: all 0.5s;
}
a.nohover:hover {
  opacity: 1.0;
}

img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;   
    outline:none;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;   
    outline: none;
}

html,body{
	height: 100%;
	min-height:100%;
	z-index:1;
	position:relative;
}
body{
	color:#00002F;
	font-weight:400;
	font-family: 'Noto Sans JP','ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Yu Gothic', 'メイリオ', 'Meiryo', Arial, Meiryo, "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
	font-size: 14px;
    line-height: 1.7;
	background: #FFF;
}

.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}





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







/* standard */
.fade,
.fade.delighter{
	opacity:0;
    position: relative;
    top: 40px;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	will-change: transform,animation,position;
	-webkit-transition:all 1.0s cubic-bezier(0.215, 0.61, 0.355, 1);	
	             transition:all 1.0s cubic-bezier(0.215, 0.61, 0.355, 1);
}
/* start */
.fade.delighter.started{
	opacity:1;
    top: 0;
}







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


#loader-bg{
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    min-height:100%;
    top:0px;
    right:0px;
    background:#FFF;
    z-index:100;
    overflow:hidden;
	-webkit-transition:all 1.8s cubic-bezier(0.76, 0, 0.24, 1);	
	             transition:all 1.8s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.start{width: 0;}



.pcOnly{display: block;}
.spOnly{display: none;}



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


.header{
	width: 100%;
	height: 85%;
	background: #FFF;
	position: relative;
	z-index: 120;
}
.header h1{
	position: absolute;
	top:50%;
	left: 0;
	right: 0;
	width:350px;
	z-index: 5;
	margin: 0 auto;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.header h1:before{
	content: '';
	display: block;
	position: absolute;
	top: -2px;
	left: -2px;
	right: -2px;
	width: 101%;
	bottom: 37%;
	background:#FFF;
	z-index: 10;
	-webkit-transition: all 2.0s cubic-bezier(0.5, 0, 0.75, 0);
	transition: all 2.0s cubic-bezier(0.5, 0, 0.75, 0);
}
.header.view h1:before{bottom: 101%;}

.header h1:after{
	content: '';
	display: block;
	position: absolute;
	top: 63%;
	right: -2px;
	width: 101%;
	bottom: -2px;
	background:#FFF;
	z-index: 10;
	-webkit-transition: all 2.0s cubic-bezier(0.76, 0, 0.24, 1) 1.2s;
	transition: all 2.0s cubic-bezier(0.76, 0, 0.24, 1) 1.2s;
}
.header.view h1:after{width: 0%;}


.header .logo{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 120px;
	z-index: 6;
	opacity: 0;
	-webkit-transition: all 1.5s cubic-bezier(0.5, 1, 0.89, 1) 3.0s;
	transition: all 1.5s cubic-bezier(0.5, 1, 0.89, 1) 3.0s;
}
.header.view .logo{
	opacity: 1;
}



.lead{
	width: 100%;
	background: #00002F;
	color: #FFF;
	padding: 15vh 0;
}
.lead .inner{
	width: 90%;
	margin: 0 auto;
}
.lead p{
	text-align: center;
	font-size: 19px;
	letter-spacing: 0.1em;
	line-height: 2.5;
}



.main{
	width: 100%;
	background: #E8E9E3;
}

.mainImage{
	width: 100%;
	padding-top: 45%;
	position: relative;
	background: url("../images/mainimage.jpg") center center;
	background-size: cover;
}
.mainImage .cover,
.mainImage.delighter .cover{
	position: absolute;
	z-index: 10;
	top: -2px;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #00002F;
	-webkit-transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1);
}
.mainImage.delighter.started .cover{
	width: 0;
}

.mainImage h2,
.mainImage.delighter h2{
	position: absolute;
	top: 54%;
	opacity: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-family:'DINPro-Bold';
	font-size: 55px;
	line-height: 1.2;
	letter-spacing: 0.04em;
	white-space: nowrap;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition:all 1.0s cubic-bezier(0.215, 0.61, 0.355, 1) 1.0s;	
	             transition:all 1.0s cubic-bezier(0.215, 0.61, 0.355, 1) 1.0s;
}
.mainImage.delighter.started h2{
	top: 50%;
	opacity: 1;
}


.mainImage h2 span{
	font-size: 40%;
	vertical-align:top;
	padding: 0.4em 0 0 0.1em;
	display: inline-block;
}





.main .text01{
	width: 80%;
	max-width: 800px;
	margin: 170px auto;
}

.main .text02{
	width: 65%;
	margin-left: 30%;
	margin-top: 140px;
	margin-bottom: 140px;
}

.main .text03{
	width: 80%;
	max-width: 800px;
	margin: 170px auto;
}


.main .copy{
	font-size: 17px;
	line-height: 2.4;
	letter-spacing: 0.12em;
}
.main .copy.farst{
	margin-bottom: 1.8em;
}





.main .cover,
.main .cover.delighter{
	position:absolute;
	top: -1px;
	bottom: -1px;
	width: 100%;
	z-index: 10;
	background: #E8E9E3;
	-webkit-transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.main .cover.leftFix{left: 0;}
.main .cover.rightFix{right: 0;}

.main .cover.delighter.started{width: 0;}


.main .image01{
	width: 70%;
	position: relative;
}
.main .image02{
	width: 70%;
	margin-top: 20px;
	margin-left: 30%;
	position: relative;
}
.main .image03{
	width: 80%;
	position: relative;
}


.main .imageSet{
	width: 100%;
	margin-top: 200px;
}
.main .imageSet .top{
	width: 100%;
}
.main .imageSet .top .left{
	width: 70%;
	float: left;
	position: relative;
}
.main .imageSet .top .right{
	width: 30%;
	float: right;
	position: relative;
}
.main .imageSet .bottom{
	width: 100%;
	position: relative;
}
.main .lastImage{
	width: 100%;
}
.main .lastImage .left{
	width: 30%;
	float: left;
	position: relative;
}

.main .lastImage .right{
	width: 70%;
	float: right;
	position: relative;
}



.main .movie{
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
	position:relative;
    overflow: hidden;
}
.main .movie .youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin:0 auto;
}
.main .movie .youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}





.main .subTitle{
	width: 90%;
	max-width: 1080px;
	margin: 170px auto 80px;
}
.main .subTitle h2{
	text-align: left;
	font-family:'DINPro-Bold';
	font-size: 55px;
	line-height: 1.15;
	letter-spacing: 0.04em;
}




.campaign{
	background: url("../images/campaign_bk.jpg") center center;
	background-size: cover;
	padding-top: 250px;
	color: #FFF;
	position: relative;
}
.campaign .cover,
.campaign .cover.delighter{
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 1;
	background: #E8E9E3;
	-webkit-transition: opacity 2.5s 0.5s;
	transition: opacity 2.5s 0.5s;
}
.campaign .cover.delighter.started{opacity: 0;}



.campaign .camInner{
	position: relative;
	z-index: 10;
}


.campaign .camImage{
	width: 100%;
	padding-top: 45%;
	background: url("../images/campaign_pc.jpg") center center;
	background-size: cover;
	position: relative;
}
.campaign .camImage h2{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 0.8;
	color: #FFF;
	text-align: center;
	font-family:'DINPro-Bold';
	font-size: 83px;
}
.campaign .camImage h2 br{display: none;}
.campaign .information{
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}

.campaign .information .date{
	width: 470px;
	margin: 60px auto 0;
}

.campaign .information .text{
	text-align: center;
	font-size: 20px;
	line-height: 2.0;
	letter-spacing: 0.10em;
	margin-top: 2.3em;
}
.campaign .information table{
	width: 100%;
	border-top: 1px solid #FFF;
	margin-top: 70px;
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.05em;
}
.campaign .information table tr{
	border-bottom: 1px solid #FFF;
}
.campaign .information table th{
	text-align: left;
	width: 11em;
	padding: 1.0em 0;
	vertical-align:middle;
}
.campaign .information table td{
	text-align: left;
	padding: 1.0em 0;
}
.campaign .information .plus{
	font-size: 15px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-top: 1.0em;
}
.campaign .information .attention{
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 0.05em;
	margin-top: 0.5em;
}
.campaign .information .comingsoon{
	padding: 120px 0 180px;
	text-align: center;
	font-family:'DINPro-Bold';
	font-size: 45px;
	text-decoration: underline;
}



.campaign .information .formButton{
	padding: 120px 0 220px;
	text-align: center;
}
.campaign .information .formButton a{
	display: inline-block;
	font-weight: 500;
	font-size: 30px;
	letter-spacing: 0.05em;
	color: #835234;
	line-height: 1;
	padding: 1.2em 3.5em;
	background: #FFF;
	border-radius:15px;
	position: relative;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.campaign .information .formButton a:after{
	content: "";
	position: absolute;
	top: 3px;
	left: 3px;
	bottom: 3px;
	right: 3px;
	border-radius:13px;
	border: 3px solid #BEAEA0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
@media(min-width:769px) {
.campaign .information .formButton a:hover{color: #FFF;background: #835234;}
.campaign .information .formButton a:hover:after{border-color: #FFF;}
}





.stylesBanner{
	background: url("../images/styles_pc.jpg") center center;
	background-size: cover;
	position: relative;
	padding-top: 40%;
}
.stylesBanner .inner,
.stylesBanner .inner.delighter{
	position: absolute;
	z-index: 5;
	width: 28%;
	bottom: 0;
	left: -28%;
	-webkit-transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.stylesBanner .inner.delighter.started{left: 0;}



.stylesBanner .inner a{
	width: 100%;
	display: block;
	background: #00002F;
}
.stylesBanner .inner a h3{
	width: 100%;
	padding: 10%;
}

.stylesBanner .inner a .more{
	color: #FFF;
	font-family:'DINPro-Bold';
	font-size: 30px;
	line-height: 1.2;
	position: relative;
	display: inline-block;
	padding: 3% 20px 15% 10%;
}
.stylesBanner .inner a .more:after{
	content: "";
	position: absolute;
	top: 21%;
	right: 0;
	width: 12px;
	height: 12px;
	border-bottom: solid 4px #FFF;  
    border-right: solid 4px #FFF;  
    -webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	-webkit-transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
@media(min-width:769px) {
.stylesBanner .inner a:hover .more:after{right: -10px}
}




.footer{
	width: 100%;
	background: url("../images/footer_bk.jpg") center center;
	background-size: cover;
	color: #FFF;
	padding-bottom: 50px;
	padding-top: 300px;
}


.footer .allItems{
	width: 90%;
	text-align: center;
	margin: 0 auto;
	padding: 120px 0 200px;
}
.footer .allItems h3{
	margin: 0 auto;
	text-align: center;
	color: #FFF;
	font-family:'DINPro-Bold';
	font-size: 50px;
	line-height: 1.0;
	letter-spacing: 0.02em;
}
.footer .allItems h3 span{
	font-size: 40%;
	vertical-align:top;
	padding: 0.4em 0 0 0.1em;
	display: inline-block;
}
.footer .allItems h4{
	text-align: center;
	font-family:'DINPro-Regular';
	font-size: 32px;
	line-height: 1.0;
	margin-top: 0.2em;
}


.footer .allItems .allButton{
	text-align: center;
	margin-top: 40px;
}

.footer .allItems .allButton a{
	font-family:'DINPro-Bold';
	font-size: 30px;
	line-height: 1.0;
	color: #FFF;
	letter-spacing: 0.02em;
	display: inline-block;
	padding: 0.5em 2.2em;
	border: 1px solid #FFF;
	background: rgba(0,0,47,0.5);
	border-radius:13px;
}
@media(min-width:769px) {
.footer .allItems .allButton a:hover{background: #FFF;color:#00002F;}
}





.footer .logo{
	width: 150px;
	margin: 0 auto;
}

.footer .copyright{
	text-align: center;
	font-family:'DINPro-Regular';
	font-size: 14px;
	margin-top: 30px;
}




/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



@media(min-width:1600px) {
.header h1{width:370px;}
}

@media(min-width:1200px) {
.main .text02{width: calc( 540px + 20%);margin-left: 30%;}
}

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

@media(max-width:1150px) {
.header h1{width:320px;}
.header .logo{width: 110px;}



.stylesBanner{padding-top: 50%;}
.stylesBanner .inner,
.stylesBanner .inner.delighter{width: 32%;left: -32%;}

}


@media(max-width:900px) {

.header{height: 90%;}

.header h1{width:290px;}
.header .logo{width: 100px;}

.lead{padding: 12vh 0;}
.lead p{font-size: 17px;}
.mainImage{padding-top: 50%;}
.mainImage h2,
.mainImage.delighter h2{font-size: 46px;}

.main .text01{width: 85%;margin: 130px auto;}
.main .text02{width: 75%;margin: 120px 0 120px 20%;}
.main .text03{width: 85%;margin: 130px auto;}
.main .copy{font-size: 16px;}

.main .image01{width: 80%;}
.main .image02{width: 80%;margin-left: 20%;}
.main .image03{width: 92%;}

.main .subTitle{margin: 130px auto 60px;}
.main .subTitle h2{font-size: 48px;}


.campaign{padding-top: 200px;}
.campaign .camImage h2{font-size: 70px;}
.campaign .information .date{width: 430px;}
.campaign .information .text{font-size: 18px;}


.campaign .information table{margin-top: 60px;font-size: 14px;}
.campaign .information table th{width: 10em;}
.campaign .information .plus{font-size: 14px;}
.campaign .information .comingsoon{padding: 100px 0 150px;font-size: 38px;}

.campaign .information .formButton{padding: 100px 0 150px;}
.campaign .information .formButton a{font-size: 28px;}


.stylesBanner .inner,
.stylesBanner .inner.delighter{width: 38%;left: -38%;}
.stylesBanner .inner a .more{font-size: 28px;}


.footer{padding-top: 25%;}

.footer .allItems{padding: 100px 0 160px;}
.footer .allItems h3{font-size: 45px;}
.footer .allItems h4{font-size: 28px;}
.footer .allItems .allButton a{font-size: 26px;border-radius:12px;}
.footer .logo{width: 140px;}

}


@media(max-width:768px) {

.header h1{width:38%;}
.header .logo{width: 12%;top: 15px;right: 15px;}
.lead p{font-size: 16px;}

.mainImage{padding-top: 60%;}
.mainImage h2,
.mainImage.delighter h2{font-size: 40px;}

.main .text01{margin: 15% auto;}
.main .text02{margin: 12% 0 14% 20%;}
.main .text03{margin: 15% auto;}
.main .copy{font-size: 15px;line-height: 2.2;letter-spacing: 0.1em;}

.main .subTitle{margin: 15% auto 10%;}
.main .subTitle h2{font-size: 42px;}


.campaign{padding-top: 20%;}
.campaign .camImage{padding-top: 55%;}
.campaign .camImage h2{font-size: 65px;}

.campaign .information .date{width: 400px;}
.campaign .information .comingsoon{padding: 12% 0 25%;font-size: 34px;}

.campaign .information .formButton{padding: 14% 0 22%;}
.campaign .information .formButton a{font-size: 26px;}


.stylesBanner{padding-top: 55%;}
.stylesBanner .inner,
.stylesBanner .inner.delighter{width: 40%;left: -40%;}

.footer .allItems{padding: 15% 0 20%;}
.footer .allItems h3{font-size: 40px;}
.footer .allItems h4{font-size: 26px;}
.footer .allItems .allButton a{font-size: 24px;}
.footer .logo{width: 130px;}

}



@media(max-width:720px) {

.wide{display: none;}

.header h1{width:42%;}
.header .logo{width: 15%;}

.lead p{font-size: 15px;text-align: left;line-height: 2.2;}
.lead p br{display: none;}
.lead p br.fix{display: block;}
.mainImage{padding-top: 80%;background-url: url("../images/mainimage_sp.jpg") ;}

.mainImage h2,
.mainImage.delighter h2{font-size: 5.6vw;line-height: 1.4;}

.main .text01{margin: 15% auto;width: 85%;}
.main .text02{margin: 15% auto;width: 85%;}
.main .text03{margin: 15% auto;width: 85%;}
.main .copy{font-size: 14px;}


.main .image01{width: 100%;}
.main .image02{width: 100%;margin: 10px 0 0 0;}
.main .image03{width: 94%;}

.main .imageSet{margin-top: 20%;}
.main .imageSet .top .left{width: 65%;}
.main .imageSet .top .right{width: 35%;}

.main .lastImage .left{width: 100%;float: none;}
.main .lastImage .right{width: 100%;float: none;}

.main .movie{width: 100%;}

.main .subTitle{width: 87%;margin: 20% auto 12%;}
.main .subTitle h2{font-size: 6.8vw;}


.campaign{padding-top: 30%;background-image: url("../images/campaign_bk_sp.jpg");}
.campaign .camImage{padding-top: 80%;background-image: url("../images/campaign_sp.jpg") }
.campaign .camImage h2{font-size: 12.0vw;text-align: left;left: 7.5%;line-height: 0.9;bottom: -22vw;}
.campaign .camImage h2 br{display: block;}

.campaign .information{width: 85%;margin-top: 23vw;}
.campaign .information .date{width: 87%;margin: 0;padding-top: 7%;}
.campaign .information .text{font-size: 17px;text-align: left;}
.campaign .information .text br{display: none;}

.campaign .information table th{width: 100%;padding: 1.2em 0 0;display: block;}
.campaign .information table td{display: block;width: 100%;padding: 0.3em 0 1.2em;}

.campaign .information .comingsoon{padding: 18% 0 30%;font-size: 30px;}

.campaign .information .formButton{padding: 18% 0 28%;}
.campaign .information .formButton a{font-size: 24px;padding: 1.2em 0; width: 80%;margin: 0 auto;}



.stylesBanner{
	background-image: url("../images/styles_sp.jpg");
	padding-top: 85%;
}
.stylesBanner .inner,
.stylesBanner .inner.delighter{width: 50%;left: -50%;}
.stylesBanner .inner a .more{
	font-size:5.0vw;
	padding: 3% 3.0vw 15% 10%;
}
.stylesBanner .inner a .more:after{
	top: 22%;
	width: 2.0vw;
	height: 2.0vw;
	border-bottom: solid 3px #FFF;  
    border-right: solid 3px #FFF;  
}



.footer{background-image: url("../images/footer_bk_sp.jpg");}
.footer{padding-top: 30%;}


.footer .allItems{padding: 20% 0 25%;}
.footer .allItems h3{font-size: 36px;}
.footer .allItems h4{font-size: 24px;}
.footer .allItems .allButton a{font-size: 24px;}

.footer .logo{width: 120px;}
.footer .copyright{font-size: 13px;}


}




@media(max-width:460px) {

.header h1{width:46%;}
.header .logo{width: 19%;}

.lead .inner{width: 88%;}
.lead p{font-size: 14px;}

.mainImage{padding-top: 90%;}
.mainImage h2,
.mainImage.delighter h2{font-size: 5.9vw;line-height: 1.6;}

.main .text01{margin: 23% auto;width: 87%;}
.main .text02{margin: 23% auto;width: 87%;}
.main .text03{margin: 20% auto;width: 87%;}
.main .copy{font-size: 13px;}


.main .imageSet{margin-top: 30%;}

.main .subTitle{margin: 23% auto 15%;}
.main .subTitle h2{font-size: 7.5vw;}

.campaign{padding-top: 40%;}

.campaign .camImage h2{font-size: 12.0vw;left: 6%;line-height: 1.0;bottom: -25vw;}
.campaign .information{width: 88%;margin-top: 26vw;}
.campaign .information .date{width: 88%;margin: 0;padding-top: 9%;}

.campaign .information .text{font-size: 15px;margin-top: 2em;}
.campaign .information table{margin-top: 30px;font-size: 13px;}
.campaign .information .plus{font-size: 13px;}
.campaign .information .attention{font-size: 11px;}

.campaign .information .comingsoon{padding: 23% 0 35%;font-size: 26px;}

.campaign .information .formButton{padding: 20% 0 32%;}
.campaign .information .formButton a{font-size: 20px;width: 95%;padding: 1.5em 0;}
.campaign .information .formButton a:after{border: 2px solid #BEAEA0;}


.stylesBanner{
	padding-top: 90%;
}
.stylesBanner .inner,
.stylesBanner .inner.delighter{width: 60%;left: -60%;}
.stylesBanner .inner a .more{
	font-size:5.0vw;
	padding: 0% 3.5vw 10% 10%;
}
.stylesBanner .inner a .more:after{
	top: 14%;
}



.footer{padding-top: 35%;}

.footer .allItems{padding: 24% 0 30%;}
.footer .allItems h3{font-size: 30px;}
.footer .allItems h4{font-size: 22px;}
.footer .allItems .allButton a{font-size: 22px;padding: 0.7em 3.0em;}

.footer .logo{width: 100px;}
.footer .copyright{font-size: 11px;margin-top: 20px;}

}




@media(max-width:345px) {

.lead p{font-size: 13px;}

.campaign .information .text{font-size: 14px;}
.campaign .information table{font-size: 12px;}
.campaign .information .plus{font-size: 12px;}
.campaign .information .comingsoon{font-size: 23px;}

.footer .allItems h3{font-size: 27px;}
.footer .allItems h4{font-size: 20px;}
.footer .allItems .allButton a{font-size: 20px;}


}