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


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

Last update:    2026-6-8

※ブレイクポイント 768px,480px
---------------------------------------*/

/*=============================
common 打消し
=============================*/
#globalnavi02{
    margin-bottom: 0;
}



/*=============================
home_main
=============================*/
#home_main{
    background: url("../../pl_img/home/bg_main01.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    margin-bottom: 4em;
}
#home_main_inner{
	max-width: 968px;
	margin: 0 auto;
}

.slick-dots{
    margin: 0em;
}

@media screen and (max-width:768px){
    #home_main{
        background: none;
        padding-top: 0;
    }
}
@media screen and (max-width:640px){
    #home_main{
        padding-bottom: 0;
    }
}



/*=============================
common style
=============================*/
#mainarea{
  padding: 0 0 6em;
}

.ttl_home{
    font-size: 180%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}
.ttl_home02{
    color: #a38668;
    font-size: 120%;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 3em;
}
.ttl_home span{
  display: inline-block;
}



/*=============================
#top_att_top01
=============================*/
#top_att_top01 .free_waku{
  max-width: 700px;
  margin: 0 auto;
    text-align: center;
    font-size: 110%;
}
#top_att_top01 .free_waku span{
    display: inline-block;
}


@media screen and (max-width:600px){
    #top_att_top01 .free_waku{
        text-align: left;
    }
    #top_att_top01 .free_waku span{
        display: inline;
    }
}


/*=============================
#Top_ReasonTop1　日本一
=============================*/
#Top_ReasonTop1 .stripe-box {
  position: relative;
  padding: 1.5em 1.5em 0.75em;
  margin: 0 0 4em;
  background: rgba(225,205,179,0.3);
  border: 4px double #e1cdb3;
}
#Top_ReasonTop1 .maste-tape {
	position: absolute;
	top: -1.5em;
    left: 3em;
	background-color: rgba(219,52,13,.7);
	border-left: 2px dotted rgba(255,255,255,.7);
	border-right: 2px dotted rgba(255,255,255,.7);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	padding: 0.25em 2em;
	color: #FFF;
	transform: rotate(-3deg);
	font-size: 120%;
	font-weight: 700;
}
#Top_ReasonTop1 .maste-tape::before,
#Top_ReasonTop1 .maste-tape::after {
  font-family: 'icomoon';
  color: #FFF;
  font-size: 120%;
  line-height: 1;
  display: inline;
  vertical-align: middle;
}
#Top_ReasonTop1 .maste-tape::before { content: "\e501"; }
#Top_ReasonTop1 .maste-tape::after { content: "\e500"; }
#Top_ReasonTop1 p {
  margin-bottom: 0.5em;
  text-align: center;
}
#Top_ReasonTop1 span {
    display: inline-block;
}
#Top_ReasonTop1 em {
    font-style: normal;
}
#Top_ReasonTop1 .strong {
  background: linear-gradient(transparent 60%, #fffa65 0%);
  font-weight: 700;
  font-size: 110%;
  margin: 0 ;
}
#Top_ReasonTop1 .note {
  font-size: 0.8em;
  margin-bottom: 0;
  text-align: right;
}

#Top_ReasonTop1 .stripe-box .link_english_box01{
  text-align: right;
  margin-top: 0.25em;
}

@media screen and (max-width: 640px){
  #Top_ReasonTop1 .stripe-box {
    padding: 1.5em 1em 1em;
  }
  #Top_ReasonTop1 .maste-tape {
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 16em;
    font-size: 100%;
    text-align: center;
    transform: none;
    padding: 0.25em 0.5em;
  }
  #Top_ReasonTop1 p {
    font-size: 0.9em;
    margin-bottom: 0.3em;
  }
  #Top_ReasonTop1 .strong {
    font-size: 100%;
  }
}


/*=============================
#pickup_area
=============================*/
#pickup_area{
    clear: both;
}
#crousel_box02{
    width: 95%;
    margin: 0 auto;
}

#pickup_area .pickup_block a{
    position:relative;
    display: block;
    color:#271b11;
    padding: 0 1em;
}
#pickup_area .pickup_block a:after{
    content: "";
    position: absolute;
    top: 1.0em;
    left: 2em;
    width: calc(100% - 4em );
    height: calc(100% - 2em );
    display: block;
    border: 1px solid #543b20;
}

#pickup_area dt{
    overflow:hidden;
}
#pickup_area dd{
    padding: 0.5em 1.5em 1.5em;
    background: #f9f6f3;
}
#pickup_area .pickup_block a img{
    width:100%;
    transition: transform 0.5s linear;
}

#pickup_area .pickup_block a:hover img{
    opacity: 1;
    transform: scale(1.05);
}


/*=============================
#tencho_rank_area
=============================*/
#tencho_rank_area{
    clear: both;
}

.ttl_tencho_rank{
    clear:both;
    font-size:110%;
    line-height:1.2;
    font-weight:700;
    border-bottom:2px dotted #543b20;
    padding:0 0.25em 0.5em 0.25em;
    margin-bottom:0.5em;
}
.tencho_rank_txt{
    margin-bottom:1em;
}
.tencho_rank_box01{
}

.tencho_rank_block01{
    position: relative;
    font-size: 90%;
    line-height: 1.4;
    padding-top: 1em;
    padding-bottom: 1em;
}
.tencho_rank_block01 a{
    color: #333;
}
#mainarea .tencho_rank_block01 a:hover img{
    opacity: 1;
}

.tencho_rank_block01 a .rankimg{
    overflow:hidden;
}
.tencho_rank_block01 a .rankimg img{
    width:100%;
    transition: transform 0.5s linear;
}
.tencho_rank_block01 a:hover .rankimg img{
    transform: scale(1.05);
}

.tencho_rank_block01 .ico_rank{
    position: absolute;
    top: 0;
    left: 0;
}

.tencho_rank_block01 .rank_catch01{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.tencho_rank_block01 .rank_price01 em{
    color: #ea3434;
    font-size: 100%;
    font-weight: 700;
    padding-right: 0.2em;
}
.tencho_rank_block01 .rank_price01 .tax01{
    font-size: 80%;
}

#tencho_rank_area .btn01{
    margin-top: 20px;
}



/*=============================
#howto_area
=============================*/
#howto_area{
    clear: both;
}

#howto_area ul{
    display: flex;
    justify-content: space-around;
}
#howto_area ul li{
    margin: 0 1em;
    text-align: center;
    line-height: 1.4;
    display: inline-block;
}
#howto_area ul li a{
    width: 100%;
    color: #271b11;
}
#howto_area ul li img{
    width: 100%;
    border-radius: 50%;
    margin-bottom: 20px;

}
#howto_area ul li a:hover{
    color:#509bc6;
}
#howto_area ul li a:hover img{
    transition:0.5s;
    box-shadow: 0px 0px 8px #a38668;
}
#howto_area ul li span{
    display: inline-block;
}



@media screen and (max-width:600px){
    #howto_area ul{
        display: inherit;
        justify-content:flex-start;
    }
    #howto_area ul li{
        display: block;
        margin-bottom: 2em;
    }
    #howto_area ul li img{
        border-radius: 0;
        height: 100px;
        width: 100%;
        object-fit: cover;
        margin: 0 auto 8px;
    }
    #howto_area ul li.howto03 img{
        object-position: 0 10%;
        margin-bottom: 10px;
    }
}



/*=============================
#picaso_area
=============================*/
#picaso_area{
    clear: both;
}
#picaso_area.sc_block01{
    margin-bottom: 2em;
}
#picaso_area .ttl_dot{
    clear:both;
    text-align: center;
    font-size:150%;
    font-weight:700;
    padding:0 0.25em 1.5em 0.25em;
    margin:0 auto 1em;
}
#picaso_area .ttl_dot span{
    clear:both;
    display: inline-block;
    font-size:110%;
    line-height:1.4;
    font-weight:700;
    border-bottom:4px dotted #a38668;
}

/* picaso_waku */
#picaso_waku{
    max-width: calc( 1000px - 2em );
    box-sizing: border-box;
    margin: 0 auto;
    background: url("../../pl_img/home/bg_picaso.png") repeat 0 0;
    padding: 3em 4em;
    position: relative;
}
#picaso_waku ul{
    background: #fff;
    padding: 2em 20% 2em 2em;
  box-shadow: 4px 4px 10px 0 rgba(84,59,32,.1);
}
#picaso_waku ul li{
    padding: 0.25em 0;
}

#picaso_waku #pcs01{
    position: absolute;
    top: -2em;
    left: 1em;
}
#picaso_waku #pcs02{
    position: absolute;
    bottom: 0;
    right: 1em;
    width: 30%;
}

@media screen and (max-width:600px){
    #picaso_waku{
        padding: 3em 2em 6em;
    }
    #picaso_waku ul{
        padding: 2em 1em 2em 1em;
    }
    #picaso_waku ul li:last-of-type{
        padding-right:3em;
    }
    #picaso_waku #pcs01{
        width: 100px;
        top: -1em;
    }
    #picaso_waku #pcs02{
        right: 0.5em;
        width: 30%;
    }
}
@media screen and (max-width:480px){
  #picaso_waku #pcs02{
      width: 35%;
  }
}

/* picaso_balloon */
#picaso_balloon {
    margin: 3em auto 0.5em;
}

/* picaso_staff */
#picaso_staff{
    margin: 0 auto;
    max-width: 100%;
}
@media screen and (max-width:600px){
    #picaso_staff{
        width: 75%;
    }
}



/*=============================
#reason_area
=============================*/
#reason_area{
    clear: both;
}
#reason_area #reason_box{
    max-width: calc( 1000px - 2em );
    box-sizing: border-box;
    margin: 0 auto;
    background: #f9f6f3;
    padding: 3em 3em;
}
#reason_area ul{
    display:flex;
    justify-content: space-between;
    margin-bottom: 3em;
}

#reason_area .reason_block01{
    width: 30%;
    background:#fff;
    margin-right:2em;
    position:relative;
}
#reason_area .reason_block01:nth-of-type(3n){
    margin-right:0;
}

#reason_area .reason_block01 img{
    width: 100%;
    height: auto;
}

#reason_area .reason_block01 .ico_reason{
    display:block;
    position:absolute;
    top:-1em;
    left:-1em;
    background:#543b20;
    border-radius:50%;
    line-height:1.2;
    text-align:center;
    color:#fff;
    width:4em;
    height:4em;
    padding-top:0.75em;
}
#reason_area .reason_block01 .ico_reason em{
    display: block;
    font-style:normal;
    font-size:120%;
    font-weight:700;
}

#reason_area .reason_block01 dt{
    font-size:120%;
    font-weight:700;
    line-height: 1.2;
    text-align:center;
    padding:1em 1em 0.75em;
}

#reason_area .reason_block01 dd{
    font-size:90%;
    padding:0 1em 1em;
}

@media screen and (max-width:768px){
    #reason_area .reason_block01 dt{
        font-size:100%;
    }
}
@media screen and (max-width:640px){
    #reason_area #reason_box{
        padding: 3em 2em;
    }
    #reason_area ul{
        display:inherit;
    }
    #reason_area .reason_block01{
        width:100%;
        margin-right:0;
        margin-bottom:3em;
    }
}


/*=============================
専門家が対応します！
ファズーについて（スタッフコメント）
#staff_area
=============================*/
#staff_area{
    clear:both;
    background:#fff;
}
#staff_area .ttl_staff{
    font-size: 150%;
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
    margin-bottom: 1.5em;
}

#Top_Staff {
  border: 4px double #e1cdb3;
  background: rgba(225,205,179,0.3);
  padding: 2em 2.5em;
  margin-bottom: 4em;
}
#Top_Staff .ttl_staff strong {
  color: #f6840e;
  font-size: 1.4em;
}
#Top_Staff .ttl_staff span {
    display: inline-block;
}
#Top_Staff .Top_Staff-wrapper {
  display: flex;
}
#Top_Staff .Top_Staff-wrapper:not(:last-of-type){
  margin-bottom: 2.5em;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner {
  flex-shrink: 0;
  width: 113px;
  flex-basis: 113px;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .Top_Staff-inner {
  order: 1;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner * {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#Top_Staff .Top_Staff-wrapper .Top_Staff-inner .staff_img{
    border-radius: 50%;
}
#Top_Staff .Top_Staff-wrapper .text {
  flex-grow: 1;
  display: flex;
  align-items: center;
  text-align: justify;
  background-color: #fff;
  border-radius: 10px;
  padding: 1em 1.5em;
  position: relative;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text {
  margin-right: 35px;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text {
  margin-left: 35px;
}

#Top_Staff .Top_Staff-wrapper .text::before {
  content: "";
  position: absolute;
  top: 35%;
  z-index: 1;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text::before {
  right: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-left: 10px solid #FFF;
}
#Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text::before {
  left: -20px;
  margin-top: -10px;
  border: 10px solid transparent;
  border-right: 10px solid #FFF;
}
@media screen and (max-width: 640px){
  #Top_Staff {
    padding: 1.5em;
  }
  #Top_Staff .Top_Staff-wrapper {
    display: block;
  }
  #Top_Staff .Top_Staff-wrapper .Top_Staff-inner {
    margin: 0 auto 1em;
  }
  #Top_Staff .Top_Staff-wrapper:nth-of-type(2n+1) .text,
  #Top_Staff .Top_Staff-wrapper:nth-of-type(2n) .text {
    margin: 0;
    font-size: 0.9em;
  }
  #Top_Staff .Top_Staff-wrapper .text::before {
    content: none;
  }
}


/*=============================
店長挨拶
#greeting_area
=============================*/
#greeting_area .img_area01{
    width:30%;
    float:right;
    margin:0 0 1em 2em;
}
#greeting_area .img_area01 img{
    border-radius:50%;
    margin-bottom:1em;
}

#greeting_area .text_area01 p{
    margin-bottom:1em;
}

@media screen and (max-width:480px){
    #greeting_area .img_area01{
        width:40%;
        margin:0 0 1em 1em;
    }
    #greeting_area .img_area01 img{
        margin-bottom:0.5em;
    }
}


/*=============================
Links
#links_area
=============================*/
#links_area{
    clear:both;
}
#links_area .inner01{
}
#links_area ul{
    /*width:50%;*//*2つ場合*/
    /*width: 75%;*//*3つ場合*/
    width: 100%;/*4つ場合*/
    display:block;
    margin:0 auto 2em;
    text-align:center;
}

#links_area ul li{
    float:left;
    /*width:47.5% ;*//*2つ場合*/
    /*width: 30%;*//*3つ場合*/
    width: 23.3%;/*4つ場合*/
    /*margin-right:4.8%;*//*3つ場合*/
    margin-right: 2.25%;/*4つ場合*/
    margin-bottom:1em;
    box-shadow:1px 1px 3px 1px rgba(0,0,0,0.2);
}
#links_area ul li:last-of-type{
    margin-right:0;
}
#links_area ul li a{
    display:block;
}
/*#links_area ul li img{
    border-radius:4px;
}*/

@media screen and (max-width:480px){
    #links_area ul li:nth-of-type(2n){
       margin-right:0;
    }
    #links_area ul{
        width:100%;
    }
    #links_area ul li{
        width:47.5%;
        margin-right:3%;
    }
}


/*=============================
#cvp_area
=============================*/
#cvp_area h2,
#cvp_area p{
    display: inline;
    color: #a38668;
}
#cvp_area .cvp_waku{
    border: double 4px #a38668;
    padding:1em 2em;
}