@charset 'utf-8';
/* CSS Document */
/*sectionサイズ*/
.contents00 {
	width: 600px;
}

/*FVアニメーション*/
#textarea{  
    width:600px;  
    margin-left:auto;  
    margin-right:auto;  
    }  
          
.textarea{  
    width:600px;  
    margin-left:auto;  
    margin-right:auto;  
    }  
  
.photo-show {   
 height: 600px; /*表示したい大きさ*/  
    /*margin: 30px auto; /*縦余白は任意*/  
    position: relative;  
    width: 600px; /*表示したい大きさ、height と合わせる*/  
}  
  
/*各画像のアニメーションの合計秒数*/  
.photo-show img {   
    animation: show 18s infinite;  
    -webkit-animation: show 18s infinite;  
    height: auto;  
    max-width: 100%;  
    opacity: 0;  
    position: absolute; /*画像を全て重ねる*/  
}  
  
/*アニメーション*/  
  
@keyframes show {  
    0% {opacity:0}  
    10% {opacity:1}  
    20% {opacity:1}  
    40% {opacity:0}  
 }  
  
@-webkit-keyframes show {  
    0% {opacity:0}  
    10% {opacity:1}  
    20% {opacity:1}  
    40% {opacity:0}  
}  
  
/*各画像のアニメーションの開始時間をずらす*/  
  
/*1枚目*/  
.photo-show img:nth-of-type(1) {  
    animation-delay: 0s;  
    -webkit-animation-delay: 0s;  
}  
/*2枚目*/  
.photo-show img:nth-of-type(2) {  
    animation-delay: 6s;  
    -webkit-animation-delay: 6s;  
}  
/*3枚目*/  
.photo-show img:nth-of-type(3) {  
    animation-delay: 12s;  
    -webkit-animation-delay: 12s;  
}

/*見出し*/
h3 {
	margin-top: 1.2em;
}
.midashi1 {
	margin-bottom: 30px;
	font-size: 34px !important;
	line-height: 150%;
	color: #3e3107;
	text-align: center;
    font-family: serif!important;
}
.contents02 .midashi1 {
	font-size: 28px !important;
}
.midashi1 + p {
    margin: 0 0 1.5rem!important;
    padding: 0!important;
}

/*テキスト*/
#contents #main_contents>div.contents00 p,
#contents #main_contents>div.contents02 p,
#main_contents>div.contents00 p,
#main_contents>div.contents02 p {
    margin: 0 auto 1.5rem auto;
    color: #111;
    font-size: 1rem!important;
    font-family: serif;
    line-height: 1.7;
    text-align: left;
}
#contents #main_contents>div.contents00.txt-center p,
#contents #main_contents>div.contents02.txt-center p,
#main_contents>div.contents00.contents-gray.txt-center p,
#main_contents>div.contents02.contents-gray.txt-center p {
    text-align: center;
}
#contents #main_contents>div.contents00.sec-tree-01 p,
#contents #main_contents>div.contents02.sec-tree-01 p,
#main_contents>div.contents00.sec-tree-01 p,
#main_contents>div.contents02.sec-tree-01 p,
#contents #main_contents>div.contents00.sec-tree-02 p,
#contents #main_contents>div.contents02.sec-tree-02 p,
#main_contents>div.contents00.sec-tree-02 p,
#main_contents>div.contents02.sec-tree-02 p {
	padding: 0 50px;
	font-size: 1.2rem;
}
#contents #main_contents>div.contents02.sec-tree-01 p,
#main_contents>div.contents02.sec-tree-01 p,
#contents #main_contents>div.contents02.sec-tree-02 p,
#main_contents>div.contents02.sec-tree-02 p {
	padding: 0 15px;
}
.markar {
    background-color: #65500f;
	color: #fff;
	font-size: inherit!important;
    font-weight: bold;
    font-family: serif!important;
}
.markar.vanilla {
    background-color: #18267a!important;
}
.markar.strawberry {
    background-color: #9c000d!important;
}

/*section背景*/
.bg_sec {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #e9e8e8 100%), url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bg.jpg");
    background-repeat: repeat-y;
    background-position: 0 0;
	background-size: 100% auto;
}
.reccomend .bg_sec {
    background: url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bg.jpg") 0 0 repeat-y!important;
}
.sale .bg_sec {
    background: linear-gradient(to bottom, transparent 0%, transparent 70%, #fff 100%), url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bg.jpg");
}
.bg_sec > .sec_inr {
	padding: 30px 25px;
}
.contents02 .bg_sec > .sec_inr {
	padding: 0 15px 30px;
}
.contents00.flavor .bg_sec > .sec_inr {
	padding: 0 25px 30px;
}
.contents02.flavor .bg_sec > .sec_inr {
	padding: 0 15px 30px;
}
.contents00.sec-gray,
.contents02.sec-gray {
	min-height: 49px;
	background: #e9e7e8 url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bgbottom.jpg") 0 bottom no-repeat;
	padding-bottom: 50px;
	background-size: 100% auto;
    filter: blur(0);
}
.contents00.reccomend.sec-gray,
.contents02.reccomend.sec-gray,
.contents00.sale.sec-gray,
.contents02.sale.sec-gray {
	padding: 0;
	background: none;
}
.contents00.sec-tree-01,
.contents02.sec-tree-01 {
	min-height: 274px;
	padding: 30px 0 0;
	background: url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bg02.png") 0 50% no-repeat;
	background-size: 100% auto;
}
.contents00.sec-tree-02,
.contents02.sec-tree-02 {
	min-height: 274px;
	padding: 30px 0 0;
	background: url("https://www.lovecosmetic.jp/set_new/xmas2023/xmas2023_sec_bg02.png") 0 50% no-repeat;
	background-size: 100% auto;
}
.contents00.sec-beige .bg_sec,
.contents02.sec-beige .bg_sec {
	background: none;
	background-color: #f9f7f2;
}

/*section flavor*/
#contents .flavor .sec_inr > div + div {
	margin-top: 20px;
}
#contents .flavor .flavor-inr {
	padding: 0 25px 30px;
	background-color: #102887;
}
#contents .contents02.flavor .flavor-inr {
	padding: 0 15px 30px;
}
#contents .flavor .strawberry .flavor-inr {
	background-color: #9c000d;
}
#contents .flavor .shortcake .flavor-inr {
	background-color: #fdf4de;
}
#contents .flavor .flavor-ttl {
	margin-bottom: 20px;
	padding: 25px 0 20px;
	border-bottom: 1px solid #945701;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
    font-family: serif;
	text-align: center;
}
#contents .flavor .shortcake .flavor-ttl,
#contents .flavor .shortcake p,
#contents .flavor .shortcake p > span {
	color: #523200!important;
}
#contents .flavor p {
	padding: 0!important;
	color: #fff!important;
}
#contents .flavor p > span {
    background-color: #555f9e;
	color: #fff;
	font-size: inherit!important;
    font-weight: bold;
    font-family: serif!important;
}
#contents .flavor .strawberry p > span {
    background-color: #a03748;
}
#contents .flavor .shortcake p > span {
    background-color: #e7dbbe;
}
#contents .flavor .episodeBox p {
    margin-bottom: 0!important;
    font-size: 14px!important;
	color: #111!important;
}


/*section ingredient*/
#contents .ingredient {
    font-family: serif;
}
#contents .ingredient h3,
#contents .ingredient h4 {
	font-weight: bold;
	line-height: 1.4;
}
#contents .ingredient h3,
#contents .ingredient h4,
#contents .ingredient .inner-text p {
	font-size: 1rem!important;
	text-align: left!important;
}
#contents .ingredient .inner-text p {
    margin: 0!important;
    padding: 0!important;
	color: #111!important;
}

/*section episodeBox*/
#contents #main_contents .reccomend .episodeBox.vanilla {
	background: #102887!important;
}
#contents #main_contents .reccomend .episodeBox.strawberry {
	background: #9c000d!important;
}
#contents #main_contents .reccomend .episodeBox.shortcake {
	background: #fdf4de!important;
}
#contents .episodeBox.vanilla .epitextttl,
#contents .episodeBox.strawberry .epitextttl {
	color: #fff;
	font-family: serif;
}
#contents .episodeBox.shortcake .epitextttl {
	color: #523200;
	font-family: serif;
}
#contents #main_contents .reccomend .episodeBox .box {
	background-image: url("https://www.lovecosmetic.jp/images/ic_heart.png") 20px 20px no-repeat!important;
	background-color: rgba(255,255,255,0.9)!important;
}
#contents .episodeBox .inr .box > p {
	margin: 0!important;
}
/* グッズスクロールエリア */
.goodsslide {
	text-align: center;
	width: 98%;
	margin: 0 auto;
	padding-bottom: 5em;
}
.slick-slider div { transition: none; }
.goodsslide .itembox a {
	width: 100%;
	height: 100%;
	display: block;
}
.goodsslide .itembox a:hover {
	text-decoration: none !important;
	text-align: center !important;
}
.goodsslide .itembox .mg {
	margin-bottom: .5em;
}
.goodsslide .itembox .item_pict {
	width: 90%;
	height: auto;
	margin: 0 auto;
	border: 1px solid #EEEEEE;
	padding: .3em;
}
.goodsslide .itembox .item_pict:hover {
	opacity: .7;
}
.goodsslide .itembox p {
	font-size: 1em;
}
.goodsslide .itembox .item_name {
	margin-top: 1em;
	height: 60px;
}
.goodsslide .itembox .item_name:hover {
	text-decoration: none !important;
	text-align: center !important;
}
.goodsslide .itembox .item_price {
	font-weight: bold;
	color: #D80000;
}
.goodsslide .itembox .item_price:hover {
	text-decoration: none !important;
	text-align: center;
}
.goodsslide .itembox .item_detail {
	margin: 0 .5em;
	display: block;
	height: 70px;
	text-align: left;
	font-size: .9em;
}
.goodsslide .itembox .item_detail:hover {
	text-decoration: none !important;
	text-align: left;
}
.goodsslide .itembox .item_none {
	display: none;
}
.goodsslide .itembox .btn_area {
	margin: 0 .5em .9em .5em;
}
.goodsslide .itembox .btn_area:hover {
	opacity: .7;
}
.goodsslide .itembox .btn_area span {
	display: block;
	padding: .5em;
	border-radius: .3em;
	background: #ff9f32;
	color: #FFF;
	text-align: center;
}
.goodsslide .slick-prev,.goodsslide .slick-next {
	border: none;
	text-indent: -999px;
}
.goodsslide .slick-prev {
	left: 0;
	bottom: 3em;
	z-index: 100;
}
.goodsslide .slick-next {
	right: 0;
	bottom: 3em;
}
.goodsslide.slick-dotted.slick-slider {
	margin-bottom: 0;
}
.goodsslide .slick-dots {
	bottom: 0;
	margin: 0 15px;
}
.goodsslide .slick-dots li {
	text-align: center;
}
.slick-dots li button:before {
	content: "●" !important;
}