@charset "utf-8";
/* default */
@import url("common.css");
@import url("responsive.gs.24col.css");
@import url("lightbox.min.css");
@import url("slider/slider-pro.min.css");

/* **************** */
@import url(//netdna.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css);
@import url(//fonts.googleapis.com/css?family=Rouge+Script);
/* color ****************
#ed7986;
rgba(237,121,134,);
/color **************** */

#fmdecorCnt {
}
.pane-main,
.block-category-list{
 background: #edeceb;
}
.block-globalnav,
/*.block-category-globalnav,*/
/*.block-category-list--header,*/
.block-category-list--goods {
 /*display: none;*/
}
.block-category-list--comment,
.block-category-list--header,
.block-category-globalnav {
 display: none;
}

/*ヘッダ共通*/
#fmdecorHeader{
 padding: 1.5em 0 2em;
}
.logo{
 margin: .2em auto 0;
 width: 80%;
}
.logoJpn{
 margin: 0 auto;
 width: 40%;
}
.span_10 .logo{
 width: 50%;
}
.span_10 .logoJpn{
 margin-left: 5%;
 width: 40%;
}
.headerLead{
 font-size: 14px;
 margin-top: 1.2em;
 text-align: center;
}

/*ナビメニュー*/
#sliderArea{
 display: block;
 padding: 1.5em 0;
}
.leadTxt{
 font-size: 18px;
 padding: 1em 1em 1em;
}
#newsTopics{
 padding: 1em;
 }
#newsTopics h1{
 font-family: 'Rouge Script', cursive;
 font-size: 30px; 
 letter-spacing: 0;
 margin-bottom: .6em;
 position: relative;
 text-align: center;
 }
#newsTopics h1 span {
 position: relative;
 z-index: 2;
 display: inline-block;
 margin: 0 ;
 padding: 0 .5em;
 background-color: #edeceb;
 text-align: left;
}
#newsTopics h1::before {
 position: absolute;
 top: 50%;
 z-index: 1;
 content: '';
 display: block;
 width: 100%;
 height: 1px;
 background: #999;
 background: -webkit-linear-gradient(-45deg, transparent, #999 10%, #999 90%, transparent);
 background: linear-gradient(-45deg, transparent, #999 10%, #999 90%, transparent);
}#newsTopics li{
 border-bottom: 1px dashed #999;
 padding: .5em 0;
 }
#newsTopics a{
 color: #333;
 }
#newsTopics a:hover{
 color: #ed7986;
 }
#newsTopics .date,
#newsTopics .newsDetail{
 font-size: 13px; 
 }
/* SNSボタン */
.fmdSnsBtn {
 margin: 1em .5em 0 .5em;
 text-align: right;
}
.fmdSnsBtn a {
 background: #999;
 color: #fff;
 display: inline-block;
 font-size: 23px;
 opacity: 0.6;
 margin-bottom: .2em;
 padding: 3px;
 text-align: center;
 text-decoration: none;
 width: 40px;
 height: 40px;
 -webkit-border-radius: 40px;
 -moz-border-radius: 40px;
 border-radius: 40px;
}
.fmdSnsBtn a:active {
 opacity: 0.5;
}
.fmdSnsBtn a:hover {
 opacity: 1;
 }

 #fmdecorNav {
  display: block;
  margin: 1.5em .2em;
  padding: 0 0 .5em;
}
#fmdecorNav li.nav5{
 margin-bottom: .5em;
 /*padding: 0 .2em;*/
 width: 20%;
}
#fmdecorNav li.nav6{
 margin-bottom: .5em;
 padding: 0 .2em;
 width: 16.6666666667%;
}
#fmdecorNav li.nav7{
 margin-bottom: .5em;
 padding: 0 .2em;
 width: 14.285714285%;
}
#fmdecorNav li.nav8{
 margin-bottom: .5em;
 padding: 0 .2em;
 line-height: 2em;
 width:25%;
}
#fmdecorNav li a{
 border-bottom: 1px dashed rgba(51,51,51,0);
 -webkit-transition: 0.8s ease;
 -moz-transition: 0.8s ease;
 -o-transition: 0.8s ease;
 transition: 0.8s ease;
 display: block;
 opacity: .8;
}
#fmdecorNav li a:hover{
 border-bottom: 1px dashed rgba(51,51,51,1);
 opacity: 1;
}


.fmdecor-nav {
  border-bottom: 1px solid #333;
  margin-bottom: 30px;
}
.fmdecor-nav ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;  
}
.fmdecor-nav li {
  width: 40%;
}
.fmdecor-nav li a {
  display: block;
  padding-top: .75em;
  padding-bottom: .75em;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .fmdecor-nav {
    margin-bottom: 50px;
  }
  .fmdecor-nav li {
    width: 23%;
  }
  .fmdecor-nav li a {
  }
}







/*各ページ共通タイトル*/
.pageTtl {
 background: rgba(51,51,51,.05) url(/img/usr/category/fmdecor/common/bgTtl.png) repeat;
 border-bottom: 5px double rgba(51,51,51,1);
 border-top: 2px double rgba(51,51,51,1);
 font-size: 25px;
 margin: 1.5em 0;
 padding: .2em .5em;
}
/*問合せ*/
.toiawase {
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 background: #ed7986;
 color: #fff;
 font-size: 13px;
 margin: 0 .5em;
 padding: 1.2em;
 word-wrap:break-word;
}
.toiawase h3{
 border-bottom: 1px dotted #fff;
 margin-bottom: .8em;
 padding-bottom: .8em;
}
.toiawase a{
 color: #fff;
}
.toiawase a:hover{
 opacity: .8;
}
.toiawase .tel::before{
 content: "\f095\00a0";
 font-family: "FontAwesome";
}
.toiawase .mail::before{
 content: "\f003\00a0";
 font-family: "FontAwesome";
}
/*フレンチ メゾン デコールとは*/
#about {
}
#about h2 span{
 border-left: 10px solid #ed7986;
 font-size: 20px;
 line-height: 1.6;
 display: block;
 padding: .3em;
}
#about h2 img{
 display: none;
}
#about ul.point{
 padding: 2em 0;
}
#about ul.point .span_3 img{
 display: block;
 max-width: 40%;
 margin: 0 auto 1.5em;;
}
#about ul.point li{
 border-bottom: 1px dashed #999;
 font-size: 17px;
 line-height: 1.6;
 padding: 2em 0;
}
#about ul.point li span.cap{
 display: block;
 font-size: 14px;
 padding: 2em 0;
}
#about ul li.point2 img.point2Pic{
 display: block;
 padding: 1em 1.3em;;
}
#about ul li.point2 .onclePol{
 background: #e1d9ca url(/img/usr/category/fmdecor/common/bg.jpg) repeat;
 display: block;
 margin: 0 auto 2em;
 padding: .8em 1em;
}
#about ul li.point2 .onclePol h2{
 padding-bottom: 1em;
 text-align: center;
}
#about ul li.point2 .onclePol .sign{
 max-width: 45%;
 text-align: right;
}
#about ul li.point2 .onclePol .face{
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
 margin-left: 3%;
 max-width: 45%;
}
#about ul li.point2 .onclePol .letter span{
 font-size: 14px;
 line-height: 1;
}
#about ul li.point3{
}
#about ul li.point3 h2{
 font-size: 25px;
 margin-bottom: .8em;
}
#about ul li.point3 h2 span{
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 background: #fff;
 border: 1px solid rgba(237,121,134,1);
 color: rgba(237,121,134,1);
 font-size: 14px;
 display: block;
 margin: 0 .5em .3em 0;
 padding: .5em;
 text-align: center;
}

/*カリキュラム作品*/
#curriculumwork{
}
#curriculumwork h2{
 border-left: 10px solid #ed7986;
 padding: .3em;
}
#curriculumwork ul{
 padding: 1em .5em;
}
#curriculumwork ul li{
 display: block;
 margin-bottom: 1em;
 padding: 1em;
}
#curriculumwork ul li img{
 background: #fff;
 padding: 1em;
}
#curriculumwork ul li p{
 font-size: 14px;
 line-height: 1.6;
 padding: 1em .5em 1.5em;
}
#curriculumwork ul li p span{
 border-bottom: 1px dotted #222222;
 display: block;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: .5em;
 padding-bottom: .5em;
}
#curriculumwork ul li p span.last{
 padding-top: 1em;
}
#curriculumwork ul li:nth-child(odd){
 margin-left: 0;
}
/*ディプロマ講座*/
#diploma h2{
 font-size: 20px;
 line-height: 1.6;
 margin: 1em auto 2em;
}
#diploma h2 span{
 border-left: 10px solid #ed7986;
 display: block;
 padding: .3em;
}
#diploma h2 img{
 background: #fff;
 display: block;
 margin: 2em auto;
 padding: .8em;
}
#diploma ul li p{
 padding-left: .8em;
}
#diploma ul li span{
 display: inline-block;
 font-weight: bold;
 padding: 0 .5em .3em .3em;
}
#diploma ul{
 background: #fff;
 padding: 1.5em;
}
#diploma ul li h3{
 border-left: 10px solid rgba(237,121,134,1);
 font-size: 20px;
 font-weight: bold;
 margin-bottom: .5em;
 padding: .4em;
}
#diploma ol li{
 list-style: decimal inside;
 padding-left: .5em;
}
#diploma .caption{
 font-size: 12px;
}
#diploma .model6{
 border: 15px solid rgba(237,121,134,.4);
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 padding: .5em;
}
#diplomaGet{
 /*background: url(/img/usr/category/fmdecor/common/bg.png) repeat rgba(237,121,134,.1);*/
 background: rgba(237,121,134,.1);
 margin: 1.5em 0 2em;
 padding: 1em 0 1.5em;
}
#diplomaGet h3{
 font-size: 22px;
 margin: .8em auto 1.5em;
 width: 95%;
}
#diplomaGet h3::before{
 color: rgba(237,121,134,1);
 content: "\f00c\00a0";
 font-family: "FontAwesome";
}
#diplomaGet h4{
 font-size: 16px;
 position: relative;
 padding: .5em;
 background: rgba(237,121,134,1);
 color: white;
 margin: 0 0 1em -2.3em ;
}
#diplomaGet h4::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgba(237,121,134,.5);
}
#diplomaGet ul{
 margin: 0 auto;
 width: 85%;
}
#diplomaGet ul li{
 background: #fff;
 margin-bottom: 1em;
 padding: 1em;
}
#diplomaGet ul li img{
 padding: .5em 1em;
}
#diplomaGet p{
 font-size: 16px;
 line-height: 1.6;
}
p.toVogue {
 display: block;
 margin: 1em;
 text-align: center;
}
p.toVogue a:hover{
 opacity: .8;
}

/***********************************************************/
/***********************************************************/
@media print, screen and (max-width: 767px) { 
}
/***********************************************************/
/***********************************************************/
@media print, screen and (min-width: 768px) {
.logo{
 width: 40%;
}
.logoJpn{
 width: 25%;
}
.span_10 .logo{
 width: 60%;
}
.span_10 .logoJpn{
 margin-left: 5%;
 width: 50%;
}
.headerLead{
 font-size: 16px;
}
/* SNSボタン */
.fmdSnsBtn {
 margin: 1em .5em 0 .5em;
 position: inherit;
 text-align: right;
 bottom: inherit;
 left:inherit;
}
.fmdSnsBtn a{
 display: inline-block;
 padding: 2px 5px;
 text-align: center;
}
.fmdSnsBtn a.facebook{
 /*background: #265a96;*/
}
.fmdSnsBtn a.twitter{
 /*background: #00acec;*/
}
.fmdSnsBtn a.instagram{
 /*background: #dd4b39;*/
}
#fmdecorNav {
  margin: 1.5em .3em;
  padding: 0 0 .5em;
}
#fmdecorNav li.nav5,
#fmdecorNav li.nav6,
#fmdecorNav li.nav7{
 padding: 0 2em;
}
#fmdecorNav li.nav8{
 width: 12.5%;
}
/*各ページ共通タイトル*/
.pageTtl {
 padding: 2em .5em;
}
.leadTxt{
 display: block;
 font-size: 20px;
 line-height: 1.6;
 padding: 2em 1em;
}
#newsTopics{
 padding: 2em;
 }
#newsTopics h1{
 font-size: 50px; 
 margin-bottom: .3em;
 }
#newsTopics .date,
#newsTopics .newsDetail{
 font-size: 14px; 
 }
/*問合せ*/
.toiawase {
 font-size: 16px;
}
/*フレンチ メゾン デコールとは*/
#about h2 span{
 display: none;
}
#about h2 img{
 display: block;
}
#about ul.point .span_3 img{
 display: block;
 max-width: 100%;
}
#about ul li.point2 p{
 padding-right: 1em;
}
#about ul li.point3 h2 span{
 display: inline-block;
 margin: 0 .5em 0 0;
 padding: .3em .5em;
}
 /*ディプロマ講座*/
#diploma ul li h3{
 font-size: 22px;
}
#diplomaGet h3{
 font-size: 28px;
 margin: 1em auto 1.5em;
}
#diplomaGet h4{
 font-size: 20px;
 padding: .8em 1em;
 margin: 0 0 1em -1.8em ;
}
#diplomaGet p{
}
#diplomaGet ul li img{
 padding: 0 .5em;
}
}
/***********************************************************/
/***********************************************************/
@media screen and (min-width : 1024px) {
/* PC */
#newsTopics .date,
#newsTopics .newsDetail{
 font-size: 16px; 
 }
}