/*--------------------------------------------------- */
body { line-height: 1.8; color: #000; font-family: 'Yu Mincho Light','YuMincho','Yu Mincho','Hiragino Mincho ProN','Hiragino Mincho ProN',sans-serif; box-sizing: border-box; overflow-x: hidden; padding:0;}
/*------------------base.css-------------------*/
.footer { text-align: center; padding: 20px;}
/*------------------style.css-------------------*/
section { margin-bottom: 120px; }
.footer p { text-align: center; text-decoration: none;}
.footer p a{text-decoration: none; color:#000;}
.lead { margin: 60px auto 0;} 
.lead_block p strong { font-size: 22px; font-weight:bold; display:block; margin-top:50px;}
/*------------------------追加CSS-----------------------*/
html{
font-size:16px;
scroll-behavior: smooth;
}
br.sponly_br{
display: none;
}
br.pconly_br{
display:block;
}
/*fadein*/
.fadeInBlock {
  display: grid;
}
.fadeInout {
  opacity: 0;
  transform: translateY(50px);
  transition: 0.8s ease-out;
}
.fadeInout.show {
  opacity: 1;
  transform: translateY(0);
}
/*.container {
width: 100%;
margin: 0 auto;
padding:10px 0;
overflow-x: hidden;
}*/
.eclat_container{
display:block;
width:100%;
}
.morabitopremier_contain{
padding:80px 0;
background-color:rgba(168,168,168,0.2);
}
.morabitoblanc_contain{
padding:80px 0;
background-color:rgba(255,236,206,0.2);
}
.morabitospell_contain{
padding:80px 0;
background-color:rgba(168,168,168,0.2);
}
.morabitoparis_contain{
padding:80px 0;
background-color:#fff;
}
/*fixbutton*/
.flexbox{
display:flex;
justify-content:space-evenly;
margin:0 0;
}
.fixlink01{
  width: 100px;
  height: 100px;
  background-color:rgba(255,255,255,0.5);
  border-radius: 50%;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
.fixlink01 img{
width:100px;
}
.fixlink02{
  width: 100px;
  height: 100px;
  background-color:rgba(168,168,168,0.2);
  border-radius: 50%;
  position: fixed;
  bottom: 360px;
  right: 30px;
}
.fixlink02 img{
width:100px;
}
.fixlink03{
  width: 100px;
  height: 100px;
  background-color:rgba(255,236,206,0.2);
  border-radius: 50%;
  position: fixed;
  bottom: 250px;
  right: 30px;
}
.fixlink03 img{
width:100px;
}
.fixlink04{
  width: 100px;
  height: 100px;
  background-color:rgba(173,192,229,0.2);
  border-radius: 50%;
  position: fixed;
  bottom: 140px;
  right: 30px;
}
.fixlink04 img{
width:100px;
}
/*head*/
.header{
display:block;
margin:0 auto 100px;
padding-top:80px;
}
.header img{
width:800px;
display:block;
margin:50px auto 30px;
}
h1{
text-align:center;
font-size:18px;
font-weight:bold;
}
h1 span.h1_1{
text-align:center;
font-size:30px;
font-weight:bold;
}
h1 span.h1_2{
text-align:center;
font-size:22px;
font-weight:bold;
}
.header p{
font-size:16px;
display:block;
width:600px;
margin:20px auto;
}
.header p a{
font-weight:bold;
text-decoration:underline;
color:#000;
}
.header p a:hover{
text-decoration:none;
}
/*article*/
.brand_logoimg{
display:block;
margin:20px auto 20px;
width:250px;
}
.brand_logoimg img{
width:250px;
}
.brand_text {
display:block;
margin:20px auto;
width:600px;
}
.brand_text p{
font-size:16px;
}
.brand_text p span{
display:block;
font-size:18px;
font-weight:bold;
}
.article_image{
display:block;
margin:80px auto 50px;
width:800px;
}
.article_image img{
width:100%;
}
.article_text{
display:block;
margin:10px auto 100px;
width:780px;
text-align:center;
}
.article_text p.subtitle{
position: relative;
padding: 10px 20px;
font-size: 24px;
font-weight: bold;
display:block;
margin:30px 0;
width:740px;
text-align:center;
}
.article_text p.subtitle::before,
.article_text p.subtitle::after {
    position: absolute;
    width: 15px;
    height: 40px;
    content: '';
}
.article_text p.subtitle::before {
    border-left: solid 2px #ccc;
    border-top: solid 2px #ccc;
    top: 0;
    left: 0;
}
.article_text p.subtitle::after {
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    bottom: 0;
    right: 0;
}
.article_text p.explanation {
font-size:16px;
display:block;
margin:10px auto;
width:600px;
text-align:left;
}
.article_text p.explanation2 {
font-size:16px;
display:inline-block;
margin:10px auto;
max-width:550px;
text-align:left;
}
.article_text p.explanation2 a{
text-decoration:underline;
color:#000;
font-weight:bold;
}
.article_text p.explanation2 a:hover{
text-decoration:none;
}
a:hover{
    opacity: 0.5;
    transition : 0.5s;
}
.brandpage_link{
display:block;
margin:80px auto;
text-align:center;
}
.brandpage_link p{
font-size:18px;
font-weight:bold;
color:#000;
}
.brandpage_link p a{
color:#000;
}
.brandpage_link p a:hover{
text-decoration:none;
}
.footer p{
font-size:18px;
}
/*instagram_cam*/
.instagram_cam{
width:1000px;
display:block;
margin:80px auto;
padding:0 0 60px;
background-color:rgba(255,236,206,0.2);
}
.instgram_cam_ttl{
display:block;
margin:20px auto;
text-align:center;
}
.instgram_cam_ttl img{
width:40px;
margin:80px auto 0;
}
.instgram_cam_ttl p span{
font-size:22px;
text-align:center;
font-weight:bold;
display:block;
margin:10px auto 20px;
}
.instgram_cam_ttl p{
font-size:16px;
text-align:center;
}
.instagram_cam .tbl{
display:flex;
justify-content: center;
}
.instagram_cam .tbl .td{
width:45%;
display:block;
margin:20px 40px;
text-align:center;
}
/*winter_fair*/
.winter_fair{
width:1000px;
display:block;
margin:80px auto;
padding:60px 0 60px;
background-color:rgba(255,236,206,0.2);
}
.winter_fair_contents{
display:block;
width:800px;
margin:20px auto;
text-align:center;
}
.winter_fair_contents p{
font-size:16px;
text-align:left;
}
.winter_fair_contents p span{
display:block;
font-weight:bold;
font-size:22px;
}
.winter_fair_contents p a{
text-decoration:underline;
color:#000;
font-weight:bold;
}
/*---------------SP------------------*/
@media screen and (max-width: 600px) {
html{
font-size: calc(100vw / 48);
line-height:1.5;
}
.eclat_container{
display:block;
width:100%;
}
br.sponly_br{
display:block;
}
br.pconly_br{
display:none;
}
/*.container {
width: 100%;
margin: 0 auto;
padding:10px 0;
overflow-x: hidden;
}*/
.morabitopremier_contain{
padding:40px 2px;
background-color:rgba(168,168,168,0.2);
}
.morabitoblanc_contain{
padding:40px 2px;
background-color:rgba(255,236,206,0.2);
}
.morabitospell_contain{
padding:40px 2px;
background-color:rgba(168,168,168,0.2);
}
.morabitoparis_contain{
padding:40px 2px;
background-color:#fff;
}
/*fixbutton*/
.flexbox{
display:flex;
justify-content:space-evenly;
margin:30px auto;
gap: 20px;
}
.fixlink01{
  width: 60px;
  height: 60px;
  background-color:rgba(255,255,255,0.5);
  border-radius: 50%;
  position: fixed;
  bottom: 20px;
  right: 0;
}
.fixlink01 img{
width:60px;
}
.fixlink02{
  width: 90px;
  height: 90px;
  background-color:rgba(168,168,168,0.5);
  border-radius: 50%;
  position:relative;
  bottom: 10px;
  right: 0;
}
.fixlink02 img{
width:90px;
}
.fixlink03{
  width: 90px;
  height: 90px;
  background-color:rgba(255,236,206,0.5);
  border-radius: 50%;
  position:relative;
  bottom: 10px;
  right: 0;
}
.fixlink03 img{
width:90px;
}
.fixlink04{
  width: 90px;
  height: 90px;
  background-color:rgba(173,192,229,0.5);
  border-radius: 50%;
  position:relative;
  bottom: 10px;
  right: 0;
}
.fixlink04 img{
width:90px;
}
/*head*/
.header{
display:block;
margin:0 auto 20px;
padding-top:10px;
}
.header img{
width:100%;
display:block;
margin:10px auto 40px;
}
h1{
text-align:center;
font-size:1.6rem;
font-weight:bold;
}
h1 span.h1_1{
text-align:left;
font-size:2.6rem;
font-weight:bold;
}
h1 span.h1_2{
text-align:left;
font-size:2.0rem;
font-weight:bold;
}
.header p{
font-size:1.8rem;
display:block;
width:100%;
margin:15px auto;
}
/*article*/
.brand_logoimg{
display:block;
margin:20px auto 20px;
width:60%;
}
.brand_logoimg img{
width:100%;
}
.brand_text {
display:block;
margin:20px auto;
width:95%;
}
.brand_text p{
font-size:1.8rem;
}
.brand_text p span{
display:block;
font-size:1.8rem;
font-weight:bold;
}
.article_image{
display:block;
margin:50px auto 0;
width:100%;
}
.article_image img{
width:100%;
}
.article_text{
display:block;
margin:10px auto 50px;
width:90%;
text-align:left;
}
.brandpage_link p{
font-size: 1.8rem;
}
.article_text p.subtitle{
position: relative;
padding: 10px 15px;
font-size: 2.2rem;
font-weight: bold;
display:block;
margin:30px 0;
width:90%;
text-align:left;
}
.article_text p.subtitle::before,
.article_text p.subtitle::after {
    position: absolute;
    width: 15px;
    height: 40px;
    content: '';
}
.article_text p.subtitle::before {
    border-left: solid 2px #ccc;
    border-top: solid 2px #ccc;
    top: 0;
    left: 0;
}
.article_text p.subtitle::after {
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    bottom: 0;
    right: 0;
}
.article_text p.explanation {
font-size:1.8rem;
display:block;
margin:10px auto;
width:95%;
}
.article_text p.explanation a{
text-decoration:underline;
color:#000;
}
.article_text p.explanation a:hover{
text-decoration:underline;
}
.article_text p.explanation2 {
font-size:1.8rem;
display:block;
margin:10px auto;
width:95%;
}
.article_text p.explanation2 a{
text-decoration:underline;
color:#000;
font-weight:bold;
}
.article_text p.explanation2 a:hover{
text-decoration:underline;
}
.footer p{
font-size:1.8rem;
display:block;
margin-bottom:30px;
}
/*instagram_cam*/
.instagram_cam{
width:100%;
display:block;
margin:50px auto;
padding:0 0 60px;
background-color:rgba(255,236,206,0.2);
}
.instgram_cam_ttl{
display:block;
margin:10px auto;
text-align:center;
}
.instgram_cam_ttl img{
width:50px;
}
.instgram_cam_ttl p span{
font-size:2rem;
text-align:center;
font-weight:bold;
margin:5px auto 10px;
}
.instgram_cam_ttl p{
font-size:1.8rem;
text-align:left;
display:block;
margin:0 10px;
}
.instagram_cam .tbl{
display:flex;
justify-content: center;
flex-wrap: wrap;
}
.instagram_cam .tbl .td{
width:90%;
display:block;
margin:20px 10px;
text-align:center;
}
/*winter_fair*/
.winter_fair{
width:100%;
display:block;
margin:50px auto;
padding:50px 0 60px;
background-color:rgba(255,236,206,0.2);
}
.winter_fair_contents{
display:block;
width:90%;
margin:30px auto;
text-align:center;
}
.winter_fair_contents p{
font-size:1.8rem;
text-align:left;
}
.winter_fair_contents p span{
display:block;
font-weight:bold;
font-size:2.2rem;
}
.winter_fair_contents p a{
text-decoration:underline;
color:#000;
font-weight:bold;
}
}