/*-------------------------------------スマホ-------------------------------------*/


@media screen and (max-width: 769px){

/* ぼやっとうつす */

.boya{

animation: fadeIn 3s ease 0s 1 normal;
-webkit-animation: fadeIn 3s ease 0s 1 normal;

}


/* 震える */


.buruburu {
display: inline-block;
animation: hurueru .3s  infinite;
}

@keyframes hurueru {
0% {transform: translate(0px, 0px) rotateZ(0deg)}
50% {transform: translate(0px, 2px) rotateZ(0deg)}
100% {transform: translate(0px, 0px) rotateZ(0deg)}
}


/* ヘッダーロゴ */

.specialhead {

border-bottom: solid 1px #D7D7D7;
padding: 25px;
text-align:center;
background-color:#FFF7F3;

}

.specialhead a img {

width:30%;

}

h2{

margin:5px 0 ;
padding:0;

}

/* リンクのフォントカラー */

a{

color:#CEAA9A;

}


.height50{

height:25px;

}


/* 看板 */


.kanban {

display:none;
width: 100%;
height: auto ;
margin:0;
padding:0;
background-color: #FFF0E9;

}

.sp_kanban {

display:block;
height: auto ;
margin:0;
padding:0;
background-color: #FFF0E9;

}
.sp_kanban img{

display:block;
width: 100%;

}


/* 縦ライン */

.bou_120 {

width: 1px;
height: 120px;
background-color: #9F9F9F;
margin: auto;

}

/* 紹介文 */

.intro {

font-size: 0.7rem;
line-height:25px;
padding:50px 0;
margin:0;

}


/* スマホのみ改行 */

@media screen and (min-width: 769px){

.br-pc { display:block; }
.br-sp { display:none; }

}

@media screen and (max-width: 769px){

.br-pc { display:none; }
.br-sp { display:block; }

}


/* ブランドタイトル */

.brand_subtitle {

margin:40px 0 0 0 ;
padding:0;

}

.brand_subtitle img{

width:30%;
margin:0;
padding:0;

}


.brand_title img {

width:100%;

}

.brand_title2 img {

width:80%;
margin:20px 0;

}



/* 横線 */

.head-border {
position: relative;
display: inline-block;
padding: 0 25%;
}

.head-border:before,
.head-border:after {
content: '';
position: absolute;
top: 45%;
display: inline-block;
width: 20%;
height: 1px;
background-color: #000000;
}

.head-border:before {
left: 0;
}

.head-border:after {
right: 0;
}

.intro2 {

font-size: 0.7rem;
letter-spacing:2px;
line-height:25px;
padding:10px 0 20px 0;

}

/* ブランドボックス */


.number{

text-align:left;
margin:0;
width:100%;

}

.number img{

margin:0 0 10px 0;
width:35%;

}

.sp_number{

display:block;
text-align:center;
margin:0;
width:100%;
margin:0 0 10px 0;

}

.sp_number img{

margin:0 0 10px 0;
width:15%;

}

.box-text{

font-size: 1.2rem;
font-weight:700;
margin:0;
padding:0;
line-height:15px;

}

.box-text2{

font-size: 0.9rem;
margin:0;
padding:0;


}

.box-text3{

display:none;
font-size: 0.7rem;
line-height:30px;
margin:0 0 20px 0;
text-align:left;

}


.sp_box-text3{

display:block;
font-size: 0.7rem;
line-height:23px;
width:95%;
text-align:left;

}

.main img{

width:100%;
margin:0 0 20px 0;
padding:0;

}


.sp_main img{

display: block;
width:95%;

}

.brand_box {

display: none;
grid-template-columns: 30% 70%;
width:100%;
vertical-align: top;

}


.brand_box2 {

display: none;
grid-template-columns: 60% 40% ;
width:100%;

}

.sp_brand_box2 {

display: block;
grid-template-columns: 60% 40% ;
width:100%;
margin:25px 0 20px 0;

}


.brand_item2 img {

display: none;
width:100%;

}

.sp_brand_item2 img {

display: block;
width:95%
}

.bra {

margin-top:20px;
width:80%;
position: relative;
left:50px;
-webkit-transform: rotate(10deg); /* chrome、safari　*/

}


.sp_okidori01 img{

display: block;
width:90%;

}

.sp_okidori {

display: block;
margin-top:0;

}


.okidori01 img{

display: none;
width:90%;

}

.okidori {

display: none;
margin-top:0;

}

.okidori img{

width:85%;

}


/* 価格 */


.price{

display: none;
width:100%;
font-size: 0.7rem;
text-align:left;

}

.sp_price{

display: block;
font-size: 0.3rem;
text-align:left;
width:95%;
line-height:20px;

}


/* button */

.btn-border {

display: none;
border: 1px solid #CEAA9A;
background: #fff;
width:700px;
font-size:1.2rem;
padding:20px;
margin:60px 0 100px 0;
letter-spacing:2px;

}

.sp_btn-border {

display: block;
border: 1px solid #CEAA9A;
background: #fff;
width:60%;
font-size:0.7rem;
padding:10px;
margin:40px 0 60px 0;

}


.btn-border40 {

display: none;
border: 1px solid #CEAA9A;
background: #fff;
width:60%;
font-size:1rem;
padding:10px;
margin:30px 0 100px 0;

}



.sp_btn-border40 {

display: block;
border: 1px solid #CEAA9A;
background: #fff;
width:60%;
font-size:0.7rem;
padding:10px;
margin:30px 0 50px 0;

}



/* その他紹介 */

.betacolor{

background: #FFF0E9;
padding:60px 0 10px 0 ;
margin:0;

}

.betacolor3{

background: #FFF0E9;
padding:60px 0 80px 0;
margin:0 0 40px 0;

}

.betacolor1{

background: #FFF7F3;
padding:30px 0;
margin:0;

}

.betacolor2{

background: #FFF0E9;
margin:60px 0 0 0;
padding:30px 0 60px 0;

}

/*コレクションテキスト*/


.colle_title{

margin:0;
padding:0;
font-size:1.2rem;
padding:0 0 30px 0;
letter-spacing:1px;
color:#CEAA9A;
line-height:35px;

}

.colle_title2{

display: block;
margin:0;
padding:0 0 10px 0;
font-size:1rem;
color:#CEAA9A;
line-height:35px;
text-align:left;
width:85%;

}

.list{

margin:0;
padding:0;

}

.yoko_1 {

display: inline-block;
width:30%;
line-height:15px;
font-size:0.4rem;

}

.yoko_2 {

display: inline-block;
width:30%;
margin:15px 0;
padding:0;

}

.yoko_2 img{

width:90%;

}

.yoko_3 {

display: inline-block;
width:30%;
margin:0 3px ;

}

.yoko_4{

display: inline-block;
background: #CEAA9A;
width:20%;
padding:5px 0;
margin:10px 22px 0 22px;
font-size:0.7rem;
letter-spacing:0;

}


.yoko_4 a{

color:#FFFFFF;

}



.logo_2 {

width:15%;
display: inline-block;
margin:0 15px;

}

.logo_2 img{

width:100%;
margin:20px 0 0 0;

}

.logo_4{

display: inline-block;
background: #CEAA9A;
width:16%;
padding:5px 10px;
margin:0 3px;
color:#FFFFFF;
font-size:0.5rem;

}

.logo_4_more{

margin:80px 0 0 0 ;

}

.logo_4 a{

color:#FFFFFF;

}


.logo_5 {

display: inline;
margin:0;

}

.logo_5 img{

width:95%;

}

.logo_5_text{

margin:0;
width:95%;
text-align:left;
line-height:20px;
font-size:0.7rem;
margin:5px 0 40px 0;

}



.yoko_5 {

display: inline-block;
padding:0;
margin:10px;
width:42%;

}

.yoko_5 img{

width:100%;
padding:0;
margin:0;

}



.yoko_7 {

display: inline-block;
width:35%;
font-size:0.7rem;
margin:15px 40px;

}


/* last button */

.btn-border2 {

border: 1px solid #CEAA9A;
background: #fff;
width:60%;
font-size:0.7rem;
padding:10px;
margin:0 0 50px 0;
letter-spacing:0;

}

/* SNS */

.sns_logo{

display: inline-block;
width:50px;
padding:0;
margin:0;

}
.sns_logo img{

width:50%;

}


.specialhead2{


font-size:0.7rem;

}

.intro img{

width:25%;

}