body {
	margin: 0;
	padding: 0;
	color: #000000;
}

body img {
	border: 0;
	vertical-align: bottom;/*�]���폜*/
}


.st_wrapper a:link { color: #000000;text-decoration: none;}
.st_wrapper a:visited { color: #000000; }
.st_wrapper a:hover { color: #000000; }
.st_wrapper a:active { color: #000000; }

.st_wrapper {
	text-align: center;
	width: 100%;
    max-width: 1000px;
	margin: 0 auto;
    padding: 0;
	letter-spacing: 0.045em;
	font-family: 'Noto Sans JP', sans-serif;
}

.wrap_content {
	width: 100%;
	max-width: 1000px;
	padding: 0;
	margin: 0 auto;	
	text-align: center;
}

.bk_ylw {
    background-color: #ffe800;
    padding: 4% 0;
}

.bk_gray {
	background-color: #F2F2F2;
	padding: 4% 0;
}

.bk_wht {
	background-color: #fff;
	padding: 0;
}

.st_wrapper img {
	width: 100%;
	margin: 0 auto;
}

.st_wrapper h1 {
    font-family: din-2014, sans-serif;
	font-size: 55px;
	font-weight: 600;
	line-height: 1.5em;
	margin:6% auto 3%;
	text-align: center;
	color: #000;
}

.st_wrapper h2 {
    font-style: normal;
	font-size: 32px;
	line-height: 1.5em;
	margin:0 auto 2%;
	text-align: center;
	color: #000;
}

.st_wrapper h2 strong{
    font-size: 130%;
    font-family: din-2014, sans-serif;
    font-weight: 600;
}

.u_basic {
   background:linear-gradient(transparent 60%, #9cdced 60%);
}
.u_feminine {
   background:linear-gradient(transparent 60%, #f4e3bf 60%);
}
.u_mode {
   background:linear-gradient(transparent 60%, #fae524 60%);
}
.u_pop {
   background:linear-gradient(transparent 60%, #fef470 60%);
}
.u_street {
   background:linear-gradient(transparent 60%, #fe4e00 60%);
}
.u_vintage {
   background:linear-gradient(transparent 60%, #c5b4e5 60%);
}

.st_wrapper h3 {
	font-size: 20px;
	margin: 6% auto 3%;
	padding: 1%;
	background-color: #2A3F72;
	color: #fff;
	text-align: center;
}

.st_wrapper p{
	text-align: center;
	font-size: 13px;
	font-weight: 400;
	line-height: 1.8em;
    margin: 2% auto;
}

.Main {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 3%;
}

.Lead {
	text-align: center;
	font-size: 15px;
	font-weight: 400;
	line-height: 2.3em;
    margin: 5% auto;
}

.logo_top {
    width: 75%;
    max-width: 700px;
    margin: 20% auto;
}

.date {
    font-family: din-2014, sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size: 40px;
    margin: 8% 0 0;
    padding: 5%;
    background-color: #fff;    
}

.txt_box {
    width: 60%;
    margin: 5% auto;
    border-top: solid #989898 1px;
}

.txt_box p {
    font-size: 14px;
    line-height: 1.7em;
    padding: 1% 3% 2%;
    font-weight: 400;
    text-align: left;
    border-bottom:  solid #989898 1px;
}

.icon_mail {
    width: 20%;
    max-width: 140px;
    margin: 5% auto 1%;
}

.thumb_box {
    width: 100%;
    margin: 8% auto;
}

.thumb {
    width: 48%;
    margin: 1%;
    float: left;
}

.thumb img {
    width: 100%;
}

.thumb:nth-of-type(odd){
    clear: both;
}

.w_80 {
    width: 90%;
    max-width: 800px;
    margin: 6% auto 3%;
}

.w_60 {
    width: 80%;
    max-width: 700px;
    margin: 3% auto;
}

.sp {
	display: none;
}

.pc {
	text-align: center;
}

.Sml {
    font-size: 13px;
    text-align: left;
    line-height: 1.7em;
}

.clear {
    clear: both;
}

/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	font-weight: 600;
	outline: none;
	position: relative;
    float: right;
	
}


/* Button 1 */
.btn-1 {
	width: 400px;
	margin: 3% auto 5%;
	background-color: #000;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: 600;
	color: #fff;
}

.btn-2 {
	width: 400px;
	margin: 8% auto 2%;
	background-color: #FFFFFF;
	border: solid 2px #000;
	font-size: 20px;
	font-weight: 600;
	color: #000000;
}
.sns_content {
    width: 60%;
    max-width: 400px;
    height: auto;
    margin: 2% auto 10%;
}

.sns_inner {
  display: flex;
  justify-content: space-evenly;
  margin-top: 5px;
}

.sns_inner button {
    border: none;
    font-size: 13px;
    line-height: 2.0em;
    background-color: #F2F2F2;
}

.sns_inner button img{
    width: 55px;
    margin: 2% auto 8%;
}


.furufuru {
  width: 140px;
  height: auto;
  margin: 3% auto;
  border-radius: 50%;
  animation: purupuru_anim 1.5s infinite;
}

@keyframes purupuru_anim {
  0% {  transform: translate(0, 0);}
  5% {  transform: translate(-5px, -0);}
  10% { transform: translate(5px, 0);}
  15% { transform: translate(-5px, -0);}
  20% { transform: translate(5px, 0);}
  25% { transform: translate(-5px, -0);}
  30% { transform: translate(0, 0);}
  100% {  transform: translate(0, 0);}
}
@media only screen and (max-width:750px){
	
	.st_wrapper {
		width: 100%;
	}
	
	.st_wrapper p {
		font-size: 13px;
	}
	
	.st_wrapper h1 {
		font-size: 35px;
	}
	
	.st_wrapper h2 {
		font-size: 22px;
	}
	
	.st_wrapper h3 {
		font-size: 14px;
	}
    
    .logo_top {
        margin: 50% auto;
    }
    
	.Lead {
		font-size: 13px;
		line-height: 1.7em;
        margin: 10% auto;
	}
    
    .txt_box {
        width: 80%;
    }
    
    .thumb_box {
        width: 90%;
        margin: 10% auto;
    }
    
    .thumb {
        width: 100%;
        margin: 8% auto;
        float: none;
    }
	
	.pc {
		display: none;
	}
	
	.sp {
		display: block;
	}
	
	.br_pc{
		display: none;
	}

	.br_sp{
		display: flex;
	}			
	
	/* Button 1 */
	.btn-1 {;
		font-size: 13px;
	}
	
	.btn-2 {
		width: 65%;
		margin: 8% auto;
		padding: 3%;
		font-size: 11px;
		position: relative;
	}	

	
	
}