﻿/*--------リンク・フォント--------*/
.linkStyle{color: #333333; text-decoration: underline;}




/*--------全体--------*/
body{color: #353535;}
figure,
figure img{border-radius: 30px;}
header #header .shop_link a {
    background-color: #f6b0bc;
    color: #fff;
    padding: 1px 10px;
    letter-spacing: 0.5px;
}

.catchtxt {
display: block;
    opacity: 0;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 9px #6f6f6f;
    top: 50%;
    left: 0;
    right: 0;
    letter-spacing: 0.4em;
}
.catchtxt span {
  opacity: 0;
  -webkit-transition: .6s ease-in-out;
  transition: .6s ease-in-out;
}
.slick{position:relative;z-index:+1;}
.slick:before{
background-image: url(./Dup/img/back1.jpg);
     background-color: #ffeff2;
    content: "";
    display: block;
    height: 90%;
    left: -22px;
    position: absolute;
    top: 36px;
    width: 100%;
    border-radius: 30px;
}
header #header .shop_link a:hover {
    letter-spacing: 2px;
}
.shop_link a i,
.shop_links a i{display:none;}
.shop_link a{    border-radius: 5px;}
.bal1{
width: 14em;
    top: -59px;
    left: -62px;
    z-index: -1;
    transform: rotate(70deg);
}
.bal2{
width: 14em;
    top: -43px;
    left: -135px;
    /* z-index: 1; */
    transform: rotate(60deg);
}
.more a{    border-radius: 15px;}
.intro_txt{    border-radius: 25px;}
.intro_txt h2{    border-radius: 100px;}

#intro .shop_link a:hover { letter-spacing: 2px; }
#intro .shop_link a{
padding: 7px 25px 10px;
display: inline-block;
    letter-spacing: 0.5px;
    transition: ease 0.3s;
}

#top_contents1{position:relative;}
#top_contents1:before{
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 80px;
    width: 100%;
    border-radius: 0 90px 0 90px;
}
@media screen and (min-width: 1282px){
#top_contents1 .con1_inner:before{
background-image: url(./Dup/img/back1.jpg);
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 59%;
    left: -37px;
    position: absolute;
    top: 36%;
    width: 60%;
    border-radius: 30px;
}
}
@media screen and (min-width:769px) and (max-width:1281px) {
#top_contents1 .con1_inner:before{
background-image: url(./Dup/img/back1.jpg);
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 22%;
    left: -37px;
    position: absolute;
    top: -7%;
    width: 60%;
    border-radius: 30px;

}
}
#top_contents2 .img1:before{
background-image: url(./Dup/img/back1.jpg);
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 100%;
    left: 28px;
    position: absolute;
    top: 8%;
    width: 100%;
    border-radius: 30px;
}
#top_contents2 .img2:before{
background-image: url(./Dup/img/back1.jpg);
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 98%;
    left: -24px;
    position: absolute;
    top: -5%;
    width: 100%;
    border-radius: 30px;
}

#top_contents2{position:relative;}
#top_contents2:before{
background-color: #e3f5ef;
    content: "";
    display: block;
    height: 95%;
    left: 0;
    position: absolute;
    top: 45px;
    width: 100%;
    z-index: -1;
    border-radius: 0 90px 0 90px;
}
.contents2_txt h3 span{background-color: #e3f5ef;}
.contents2_txt h3{padding-left: 85px;padding-right: 85px;}
#top_contents2 .bnr{margin: 30px auto 0;}
#top_contents2 h3::after { border-top: 1px solid #c99f45;}
 .cms_5-b .cate_box .open_bt {  padding: 10px 0;}


.fadeIn {
  opacity: 0;
transform: translateY(20px);
  transition: 2s;
}
.fadeIn.is-show {
  opacity: 1;
  transform: translate(0);
}
footer{border-radius: 0 90px 0 90px;}
footer #footer #footer_links li a { color: #353535;}




/*--------下層--------*/
#page_title { border-radius: 20px;}
.page03 .shop_link a:hover,
.page04 .shop_link a:hover  { letter-spacing: 2px; }
.page03 .shop_link a,
.page04 .shop_link a{
border: 1px solid;
padding: 7px 25px 10px;
display: inline-block;
    letter-spacing: 0.5px;
    transition: ease 0.3s;
}
.page03 .box_title1{position:relative;}

.page03 .box_title1:before{
  content: "";
  position: absolute;
    background: #ffe8ec;
  width: 50px;
  height: 50px;
border-radius: 44% 56% 52% 48% / 37% 54% 46% 63%;
top: 43%;
    left: -23px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: -1;
}
#cms_5-b .cate_box, .cms_5-b .cate_box {    border-radius: 10px;border: 1px solid #909090;}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt { border: none;}
#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item { border: none;    padding: 0px 30px 0px;}
#cms_5-b .cate_box .box_txt1,.cms_5-b .cate_box .box_txt1{
	padding: 1em;
    background-color: #f5f5f5;
    border-radius: 5px;
}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {  margin-left: 87px;}
#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img{display: none;}
#cms_5-b .cate_box .arrow, .cms_5-b .cate_box .arrow {
	left: 2px;
    top: 50%;
    margin-top: 0px;
}
#cms_5-b .cate_box .open_bt .arrow::before,
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #d9bc7d;
    
}
#cms_5-b .cate_box .open_bt .arrow::before,
.cms_5-b .cate_box .open_bt .arrow::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);    
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow::after,
.cms_5-b .cate_box .open_bt .arrow::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::before,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::before{
	transform: rotate(-135deg);
transition: all 0.5s;
}
#cms_5-b .cate_box .open_bt .arrow.arrow_be::after,
.cms_5-b .cate_box .open_bt .arrow.arrow_be::after{
	transform: rotate(135deg);
transition: all 0.5s;
}
#page08 .fa-line{
    font-size: 25px;
    position: absolute;
    left: -31px;
    top: 1px;
}
#page08 #contact_line a{padding-left: 46px;}
.insta {
    position: relative;
    display: inline-block;
    width: 23.5px;
    height: 23.5px;
    vertical-align: middle;
    background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
    overflow: hidden;
    border-radius: 6px;
}

.insta:before {
    content: '';
    position: absolute;
    top: 11px;
    left: -10px;
    width: 30px;
    height: 30px;
    background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
    background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.fa-instagram {
    color: #FFF;
    position: relative;
    z-index: 2;
    font-size: 20px;
    top: -7px;
    left: 1px;
}

/*--------タブレット--------*/
@media screen and (max-width: 768px){
body{overflow: hidden;}
.intro_txt{width: 90%!important;}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 { padding-right: 20px;}

.catchtxt {
    opacity: 1;
    font-size: 2.3vw;
    top: 46%;
}
.slick:before { height: 84%;}
#top_contents1 .contents1_txt {
    width: 74%!important;
    margin-left: 15%;
}
#top_contents1 .con1_inner:before{
    background-image: url(./Dup/img/back1.jpg);
    background-color: #ffeff2;
    content: "";
    display: block;
    height: 41%;
    left: -37px;
    position: absolute;
    top: -6%;
    width: 100%;
    border-radius: 30px;
}
.bal2 { z-index: -1;}
#top_contents2 .img2:before {
    left: 46px;
    top: -7%;
    width: 97%;
}
footer { border-radius: 0 40px 0 40px;}
}

/*--------スマートフォン--------*/
@media screen and (max-width: 667px){
.catchtxt {

    font-size: 4.5vw;
    top: 30%;
    width: 90%;
    left: 4%;
    letter-spacing: 0.15em;
}
.slick:before {
    height: 77%;
    top: 34px;
}
#top_contents1 .con1_inner:before {
    height: 21%;
    left: -16px;
    top: -2%;
}
#top_contents1 .contents1_txt {
    width: 100%!important;
    margin-left: 0;
}
.bal2 {
    width: 13em;
    top: -53px;
    left: -49px;
}
.contents2_txt h3 {
    padding-left: 30px;
    padding-right: 30px;
}
#cms_5-b .cate_box .open_bt, .cms_5-b .cate_box .open_bt { padding: 5px 0 7px;}
#cms_5-b .cate_box .box_item, .cms_5-b .cate_box .box_item {  padding: 0px 13px 0px;}
#cms_5-b .cate_box .open_bt .box_title1::before, .cms_5-b .cate_box .open_bt .box_title1::before {
    left: -27px;
    top: -1.5px;
}
#cms_5-b .cate_box .open_bt .box_title1, .cms_5-b .cate_box .open_bt .box_title1 {
    margin-left: 73px;
}
#cms_5-b .cate_box .box_txt1, .cms_5-b .cate_box .box_txt1 {
    padding: 0.2em 1.2em;
}
}


/*--------------------------------------------
IE
--------------------------------------------*/
@media all and (-ms-high-contrast:none){


}

