/* CSS Document */
 /*    topページ     */
 .spesial-area {}


 .premium-tarte-area {
   display: flex;
   display: -webkit-flex;
   display: -ms-flexbox;
   flex-direction: row;
   justify-content: center;
   width: 100%;
   /*padding: 30px;*/
   background: #FFF;
   text-align: center;
 }
 .premium-tarte-area a {
   flex: 1 1 0;
   color: #333;
 }
 .premium-tarte-item span {
   display: block;
   padding: 20px 5px 0 5px;
   font-weight: bold;
   font-size: 16px;
 }
/*
 .premium-tarte-item img {
   width: 100%;
   box-shadow: 5px 5px 5px 0px  #aaa;
 }
*/
 .premium-tarte-text {
   text-align: center;
   color: #077cad;
 }
 .sweets-note-item {
   display: block;
   position: relative;
   width: 100%;
   height: auto;
   border-width: 1px;
   border-color: #6b0416;
   border-style: solid;
   border-radius: 10px;
   padding: 10px 10px 135px 10px;
   margin-bottom: 10px;
 }
 #sweets-note .sweets-note-item h4 {
   color: #6b0416;
   font-size: 21px;
   font-weight: 500;
   line-height: 170%;
 }
 #sweets-note .sweets-note-item .readmore {
   display: block;
   color: #FFF;
   width: 100%;
   height: 100px;
   position: absolute;
   bottom: 0;
   left: 0;
   text-align: center;
   background-image: url(/themes/www.musee-de.jp/_common/img/lace06.png);
   background-size: 200px 200px;
   background-position: bottom -100px center;
   background-repeat: no-repeat;
 }
 #sweets-note .sweets-note-item .readmore a {
   display: inline-block;
   text-align: center;
   position: absolute;
   padding: 5px 0;
   color: #FFF;
   font-size: 16px;
   line-height: 24px;
   bottom: 0;
   left: 0;
   right: 0;
 }
 #sweets-note .sweets-note-item .readmore a::before {
   content: '▼';
   display: block;
 }
 .instagram-slider-area {
   height: 300px;
 }
 .instagram-slider-item {
   height: 300px;
   object-fit: cover;
 }
 .voice-area {
   display: block;
   /*background-image: url(/themes/www.musee-de.jp/img/voice_bg_top.jpg),
					url(/themes/www.musee-de.jp/img/voice_bg_bottom.jpg),
					url(/themes/www.musee-de.jp/img/voice_bg_middle.jpg);*/
   /*background-color: #6b0416; 
	background-repeat: repeat-x, repeat-x, repeat;
	background-size:auto, auto, auto;
	background-position: top center, bottom 0px center, top 48px center;*/
   /*padding: 80px 0;*/
 }
 .voice-area .voice-item .voice-text p {
   color: #333;
   font-size: 16px;
   padding: 5px 0;
   text-align: center;
 }
 .voice-item {
   padding: 0 5px;
 }
 .voice-text {
   display: block;
   position: relative;
   background-color: #FFF;
   border-radius: 30px;
   border-width: 1px;
   border-color: #B71A35;
   border-style: solid;
   margin: 20px 0;
   padding: 15px 5px;
 }
 .voice-text::before {
   display: block;
   content: "";
   /*font-size: 30px;*/
   width: 25px;
   height: 25px;
   /*color: #B71A35;*/
   position: absolute;
   top: -13px;
   right: 170px;
   border: solid 1px #B71A35;
   transform: rotate(45deg);
   border-right: none;
   border-bottom: none;
   background: #FFF;
 }
 .voice-text span {
   display: block;
   /*position: absolute;*/
   color: #333;
   text-align: center;
   /*width: 80%;
	height: 30px;*/
   margin: 10px 0 15px;
   font-size: 16px;
   /*bottom: -15px;
	line-height: 30px;
	vertical-align: middle;
	background-color: #B71A35;
	border-radius: 15px;*/
 }
 /*.voice-text::after{
	content: '';
	display: block;
	position: absolute;
	top: -58px;
	width: 100%;
	height: 100px;
	
	background-image: url(/themes/www.musee-de.jp/_common/img/lace05.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}*/
 @media (max-width:1199px) {
   .voice-area {
     display: block;
     /*background-image: url(/themes/www.musee-de.jp/img/voice_bg_top.jpg),
						url(/themes/www.musee-de.jp/img/voice_bg_bottom.jpg),
						url(/themes/www.musee-de.jp/img/voice_bg_middle.jpg);
		background-color: #6b0416; 
		background-repeat: repeat-x, repeat-x, repeat;
		background-size:auto, auto, contain;
		background-position: top center, bottom 0px center, top 48px center;

		padding: 80px 0;*/
   }
 }
 @media (max-width:767px) {
   .premium-tarte-area {
     /*-ms-flex-direction: column;
    -webkit-flex-direction: column;
	flex-direction: column;*/
     padding: 0;
   }
   /*
.cat-tile-area{
	-ms-flex-direction: column;
   	-webkit-flex-direction: column;
	flex-direction: column;
}
	
.cat-tile-item{
	-ms-flex: 1 1 auto;
	-webkit-flex: 1 1 auto;
	flex:1 1 auto;
	margin-bottom: 40px;
}
	
.cat-img{
	height: 300px;
	}
.cat-title .h3{
	font-size: 32px;
	}
	
.cat-img a {
	bottom: -30px;
	font-size: 18px;
	padding: 3px;
	width: 60%;
}
*/
   .voice-area {
     display: block;
   }
   .voice-item {
     padding: 0 15px;
     margin-bottom: 20px;
   }
   .voice-text span {
     margin: 0 0 15px;
   }
   .voice-text::before {
     top: -13px; /*元々値は-22px　20200606に変更*/
     right: 140px;
   }
   .premium-tarte-area a {
     margin-bottom: 40px;
   }
   .premium-tarte-item span {
     padding: 10px 0 10px;
   }
   .category-wrap {
     padding: 30px 0;
   }
 }
 /*--------------------------------------
2018.02.06　メディア掲載情報用style追加
--------------------------------------*/
 span.tv-tag::before {
   content: "テレビ";
   display: inline-block;
   /*min-width: 78px;*/
   padding: 3px 5px;
   color: #FFF;
   border-width: 1px;
   border-color: #ffffff;
   border-style: solid;
   background-color: #85b0da;
   text-align: center;
   font-size: 0.8rem;
   margin-bottom: 5px;
   line-height: 100%
 }
 span.books-tag::before {
   content: '雑誌';
   display: inline-block;
   /*min-width: 78px;*/
   padding: 3px 5px;
   color: #FFF;
   border-width: 1px;
   border-color: #ffffff;
   border-style: solid;
   background-color: #adc583;
   text-align: center;
   font-size: 0.8rem;
   margin-bottom: 10px;
   line-height: 100%
 }
 span.web-tag::before {
   content: 'WEB';
   display: inline-block;
   /*min-width: 78px;*/
   padding: 3px 5px;
   color: #FFF;
   border-width: 1px;
   border-color: #ffffff;
   border-style: solid;
   background-color: #F5AB00;
   text-align: center;
   font-size: 0.8rem;
   margin-bottom: 10px;
   line-height: 100%
 }
 .media-area-top {
   display: block;
   position: relative;
   width: 100%;
   height: 80px;
   /*background-image: url(/themes/www.musee-de.jp/_common/img/bg_lace01.png);
    background-repeat: repeat-x;
    background-position: center;*/
 }
 .media-area-bottom {
   display: block;
   position: relative;
   width: 100%;
   height: 80px;
   /*background-image: url(/themes/www.musee-de.jp/_common/img/bg_lace02.png);
    background-repeat: repeat-x;
    background-position: center;*/
 }
 .media-area {
   padding: 30px 0 20px;
 }
 .media-area .media-left-lace, .media-area .media-right-lace {
   display: block;
   width: 38px;
   height: 100%;
   /*background-image: url(/themes/www.musee-de.jp/_common/img/lace04_s.png);
	background-repeat: repeat-y;
	position: absolute;
	opacity: 0.8;
	z-index: 50;*/
 }
 .media-area .media-left-lace {
   top: 0;
   left: 0;
   background-position: top 0 left -34px;
 }
 .media-area .media-right-lace {
   top: 0;
   right: 0;
   background-position: top 0 right -34px;
 }
 .media-area .media-info-title {
   display: block;
   width: 100%;
   height: 60px;
   color: #3D0811;
   padding: 0 0 0 30px;
   /*background-color: #c96675;*/
   position: relative;
   font-weight: 700;
   margin-bottom: 10px;
 }
 .media-area .media-info-title p {
   font-family: yu-mincho-pr6, sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 30px;
   line-height: 60px;
   letter-spacing: 0.1rem;
 }
 .media-area .media-info-title a {
   display: block;
   position: absolute;
   right: 60px;
   top: 0;
   margin: 10px 0;
   background-color: #fff;
   border-radius: 30px;
   color: #671117;
   font-size: 1.2rem;
   line-height: 20px;
   padding: 8px 15px;
 }
 .media-area .media-lead-area {
   text-align: center;
   padding-top: 10px;
 }
 .media-area .media-lead-area p {
   font-size: 0.9rem;
   color: #000;
   padding: 5px 0 5px 15px;
   text-align: center;
   font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
   line-height: 160%;
 }
 .media-area .media-contents-wrap {
   display: flex;
   /*padding: 10px 60px 10px 60px;*/
   justify-content: space-between;
   z-index: 40;
 }
 .media-area .media-contents-wrap .media-contents-left {
   flex: 120px 1 1;
   padding: 10px;
 }
 .media-area .media-contents-wrap .media-contents-right {
   flex: 410px 1 1;
   padding: 10px;
 }
 .media-area .media-contents-wrap .image {
   display: block;
   /*background-color: #CAB591;
	border: 1px solid #CAB591;
	padding: 3px 3px 0 3px;*/
   margin: 0;
   /*background-image: url(/themes/www.musee-de.jp/img/bg_media.jpg);
	background-size: cover;*/
 }
 .media-area .media-contents-wrap .image img {
   padding: 0;
   margin: 0;
   box-shadow: 2px 2px 10px 0px #aaa;
 }
 .media-area .media-contents-wrap .media-contents-right .media-lead-area img {
   width: 80%;
 }
 .media-area .media-contents-wrap .media-main-text {
   display: block;
   position: relative;
   padding: 20px;
   background-color: #fff;
   margin: 10px 0 10px 30px;
   border-radius: 25px;
 }
 .media-area .media-contents-wrap .media-main-text::before {
   display: block;
   content: "◀︎";
   font-size: 30px;
   width: 20px;
   height: 20px;
   color: #fff;
   position: absolute;
   top: 35px;
   left: -24px;
 }
 .media-area .media-contents-wrap .media-main-text .title {
   display: block;
   border-bottom: dashed 1px #fff;
   padding: 0;
   margin-bottom: 5px;
   color: #333;
   font-weight: 700;
   font-size: 16px;
 }
 .media-area .media-contents-wrap .media-main-text .text {
   display: block;
   color: #333;
   padding: 0 0 5px 0;
   margin: 0 0 5px 0;
   line-height: 30px;
 }
 .media-area-main {
   background-color: rgba(183, 26, 53, 0.20);
   margin-top: 60px;
   padding: 0;
   /*background: url(/themes/www.musee-de.jp/img/bg_top_media.jpg) repeat;*/
 }
 .text_media_01 {
   color: #333;
   font-size: 16px;
   font-weight: 700;
   margin-bottom: 20px;
   border-bottom: dotted 1px #333;
   padding: 0 0 20px 0;
   letter-spacing: 0.1rem;
   text-align: center;
   line-height: 30px;
 }
 .media-list-btn a {
   color: #333;
 }
 .media-list-btn {
   display: block;
   text-align: right;
   font-size: 1rem;
 }
 .media-area-main .container div.row {}
 @media screen and (max-width:1200px) {
   .media-area .media-contents-wrap .media-main-text .text {
     font-size: 0.8rem;
   }
 }
 @media screen and (max-width:991px) {
   .media-area .media-lead-area img {
     width: 90%;
   }
   .media-area .media-contents-wrap .media-main-text .text {
     font-size: 14px;
   }
   .media-area .media-contents-wrap {
     padding: 0 0 20px 0px;
   }
   .media-area .media-contents-wrap .image {
     margin-top: 0;
   }
   .media-area .media-lead-area p {
     padding-bottom: 0;
     padding: 5px 0 5px 0;
   }
 }
 @media screen and (max-width:767px) {
   .media-area .media-lead-area img {
     margin: 0 auto;
     width: 60%;
   }
   .media-area .media-info-title {
     padding-left: 0;
   }
   .media-area .media-info-title p {
     width: 100%;
     text-align: center;
     font-size: 2rem;
   }
   .media-area .media-lead-area p {
     font-size: 0.8rem;
   }
   .media-area .media-lead-area {
     padding: 10px 60px;
   }
   .media-area .media-contents-wrap {
     flex-direction: column;
     position: relative;
     padding: 0;
     z-index: 60;
   }
   .media-area .media-contents-wrap .media-contents-left {
     flex: 200px 1 1;
     padding-bottom: 0;
   }
   .media-area .media-contents-wrap .media-contents-right {
     flex: 200px 1 1;
   }
   .media-area .media-contents-wrap .media-main-text {
     padding: 20px 10px;
     background-color: #fff;
     margin-top: 15px;
     margin-left: 0;
   }
   .media-area .media-contents-wrap .media-main-text::before {
     content: none;
     text-align: center;
     width: 100%;
     color: #fff;
     position: absolute;
     top: -20px;
     left: 0;
     left: 0;
   }
   .media-area .media-contents-wrap .media-main-text .title, .media-area .media-contents-wrap .media-main-text .text {
     /*color: #671117;*/
   }
   .media-area .media-contents-wrap .media-main-text .title {
     /*border-bottom: dashed 1px #671117;*/
     margin-bottom: 10px;
     line-height: 160%;
   }
   .media-list-btn {
     display: block;
     width: 100%;
     text-align: center;
     padding-top: 10px;
     font-size: 1rem;
   }
   .text_media_01 {
     margin-bottom: 10px;
     padding-bottom: 10px;
   }
   .media-area-main {
     margin-top: 0;
   }
   .media-area {
     padding: 10px 0 0;
   }
 }
 @media screen and (max-width:450px) {
   .media-area .media-lead-area img {
     margin: 0 auto;
     width: 80%;
   }
 }
 /*20210628_エクラン・ビジューに込めた想い*/
 .ecrin-concept {
   margin: auto;
   width: 750px;
 }
 @media screen and (max-width:767px) {
   .ecrin-concept {
     margin: 0 15px 50px 15px;
     width: auto;
   }
 }
 /*2020.03.18　出店用style追加*/
 .event-lead {
   font-size: 1.125rem;
   line-height: 2;
   letter-spacing: 0em;
   margin: 30px 0 0;
 }
 .event-lead a {
   color: #333;
   font-weight: bold;
 }
 @media screen and (max-width:767px) {
   .event-lead {
     font-size: 1rem;
     margin: 20px 0;
   }
 }
 /*2022.04.04　システムメンテナンス告知用style追加 ※20221031　pxをremに等調整*/
 .notice {
   line-height: 1.7;
   margin: 0;
   font-size: 1rem;
   border: solid 3px red;
   padding: 20px;
   max-width: 950px;
   margin: 0 auto;
   text-align: center;
 }
 .notice-title {
   font-size: 1.625rem;
   font-weight: bold;
   margin-bottom: 20px;
   margin-top: 0;
 }
 .notice-text, .notice-sub {
   text-align: left;
 }
 .notice-date {
   margin: 20px auto 20px;
   font-size: 1.25rem;
 }
 .notice-date-title {
   margin: 0;
 }
 .notice-day {
   font-weight: bold;
   margin: 0;
 }
 .notice-sub {
   font-size: 0.875rem;
 }
 .br-750 {
   display: none;
 }
 @media screen and (max-width: 767px) {
   .notice {
     margin: 0 15px 50px 15px;
     width: auto;
     font-size: 0.875rem;
       padding: 10px
   }
   .notice-title {
     font-size: 1.25rem;
   }
   .notice-date {
     font-size: 1.125rem;
   }
   .notice-sub {
     font-size: 0.875rem;
   }
   .br-750 {
     display: block;
   }
 }



/*2022.09.20　クリスマス限定タルト告知用　style追加*/
 #xmas {
 }
 #xmas .info {
   color: #060606;
     font-weight: bold;
     border: solid 3px;
     padding: 10px 5vw;
     margin: 20px 0 40px;
     text-align: left;
     line-height: 30px;
     font-size: 1rem;
 }
 #xmas .info span {
   color: red;
 }
 @media screen and (max-width: 767px) {
      #xmas .info {
     margin: 10px 0 60px;
     font-feature-settings: 'palt';
     font-size: 0.875rem;

 }
}
/* 20221031 年末年始用記述 小田*/
#delivery-news {
    max-width: 950px;
    margin: 0 auto;
}
#delivery-news .box {
    display: inline-block;
    text-align: left;
    border: solid 1px #ccc;
    padding: 10px 20px;
}
#delivery-news p {
    font-size: 1rem;
    line-height: 2;
}
.media-area .media-contents-wrap .media-main-text::before {
    top: 50% !important;
}


@media screen and (max-width: 767px) {
#delivery-news {
    max-width: 100%;
    margin: 0 auto;
    margin: 0 15px 0 15px;
}
#delivery-news p {
    font-size: 0.875rem;
}
}


/* 20221031 お知らせ　アコーディオン用 小田*/
.toggle-parent {
    padding: 5px;
}
 .toggle-parent::before, .toggle-parent::after {
  display: block;
  content: "";
  background-color: #000;
  width: 20px;
  height: 3px;
 position: absolute;
    right: 10px;
    top: 20px;
  transition: 0.3s;
     background-color: #fff
}
.toggle-parent::after {
  transform: rotate(90deg);
}
.toggle-parent.active::after {
  transform: rotate(0deg);
}
.toggle-content {
  background-color: #fff;
  color: #000;
}
.toggle-content ul {
  margin-top: 15px;
  padding-left: 30px;
}

/* 20230628 TOPページ　スイーツノート用 橋口*/
 .media-list-btn-link {
   display: block;
   text-align: center;
   font-size: 1rem;
   padding-top: 1em;
 }
@media screen and (max-width:767px) {
	.media-list-btn-link {
     display: block;
     width: 100%;
     text-align: center;
     padding-top: 10px;
     font-size: 1rem;
	 padding-left: 0;
   }
   }


/*--------------
202407 TOPページ　直書き転記　小田
---------------*/

/*「ベストプレゼント」トピックス用記述*/
.media-contents-left {
    flex: 320px 1 1 !important;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 991px) {
.media-contents-left {
    flex: 360px 1 1 !important;
}
}

@media screen and (max-width: 767px) {
.media-contents-left {
    flex: 200px 1 1 !important;
}
}
	

/*次の季節限定タルト 記述*/

/*.next-tarte-area row .bianto {
    padding: 0 100px;
}*/
.next-season {
    font-family: "a-otf-ryumin-pr6n", serif;
    text-align: center;
    text-decoration-line: underline;
    text-underline-offset: 10px;
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 25px;
}
.next-tarte-item {
    line-height: 2;
    font-size: 1.25rem;
    font-weight: bold;/*padding-left: 10px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
*/
}
.tarte-items {
    line-height: 2;
}
.tarte-items > a {
    color: #333;
}
.tarte-items > a:hover {
    color: #333;
}
.limited-time {
    font-size: 1rem;
    padding-left: 1em;
}

@media screen and (max-width: 991px) {
/*.next-tarte-area.bianto {
    padding: 0;
}*/
.next-tarte-item {
    padding-left: 0;
    font-size: 18px;
}
.next-season {
    margin-top: 25px;
    font-size: 20px;
}
.tarte-items {
    display: flex;
    justify-content: center;
}
}

@media screen and (max-width: 500px) {
.next-tarte-item {
    font-size: 15px;
}
.tarte-items {
    justify-content: normal;
}
.limited-time {
    font-size: 0.875rem;
}
}
.spesial-area .limited {
    display: flex;
    align-items: center;
}

/*不明*/
.parts_seasonal-label {
    display: block;
    position: absolute;
    content: '';
    width: 70%;
    top: -18px;
    left: 5px;
    transform: rotate(-8deg);
}

@media screen and (max-width: 767px) {
.parts_seasonal-label {
    transform: rotate(-7deg);
}
}

/*季節限定タルト 4商品掲載時　間隔　記述*/
 .spesial-area .col-md-6 {
    margin-bottom: 2em;
}