@charset "utf-8";

#content {font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS P Gothic",Verdana,Arial,Helvetica,sans-serif; -webkit-text-size-adjust: 100%; font-size:inherit; margin-bottom: 140px; }


.mincho {font-family: 'Shippori Mincho',serif; }
.en {font-family: 'EB Garamond','Shippori Mincho',serif; letter-spacing: 0.04em; }

#content .red {color: #a15b5b;}
#content a { transition: opacity .4s ease; }
#content a:hover,
#content a:focus {color: inherit !important; text-decoration: none; opacity: 0.8; }
#content br.onlySP,
#content br.onlySP--force{ display: none; }
#content .pc_view {display:inline;}
#content .smp_view {display:none;}
.smartphone #content br.force,
.smartphone #content br.onlySP--force { display: inline-block!important; }
.smartphone #content .pc_view {display:none;}
.smartphone #content .smp_view {display:inline;}
.smartphone #content .smp_hidden {display:none;}
.smartphone #content br.onlySP{ display: inline; }




main {position:relative; color:#363636; width: auto; }
main h1 {padding:78px 5.9% 21px; margin:0 auto; width:auto; line-height:1em; font-size:22px; font-weight: normal; letter-spacing: 0; }
main .main_inner {margin:0 auto 100px; width:auto;}
.smartphone	main {margin-bottom:50px;}
.smartphone	main h1 {margin:0; padding:40px 0 14px; font-size:16px; text-align:center; width:auto;}
.smartphone	main .main_inner {width:auto; margin:0 0 30px; overflow: visible;}






#content{-webkit-font-smoothing: antialiased; width: auto; float:none;}

/* header */
#content header {*zoom:1; border:0; margin: 0; padding: 0 5.9%; text-align: left; display: block; }
#content header time { display:block; font-size:12px; margin-bottom: 51px; color: #999; }
#content header h2 { display:block; font-size:36px !important; margin-bottom: 33px; font-weight: normal !important; word-break:keep-all; overflow-wrap: anywhere; }
#content header h2 small { display: block; font-size:22px; font-weight: normal; margin-top: 2px; }
#content header .icon { display: block; margin-bottom: 13px; }
#content header .icon span { display: inline-block; font-size:11px; background: #eed2cd; height: 22px; line-height: 23px; padding: 0 15px; }
#content header .release { display: block; font-size:12px; margin-bottom: 5px; }
#content header .reserve { display: block; font-size:12px; margin-bottom: 30px; }
.smartphone #content header { width: auto; }
.smartphone #content header * { text-align: center; }
.smartphone #content header time { font-size: 12px; margin-bottom: 30px; }
.smartphone #content header h2 { margin-bottom: 26px; font-size: 36px!important; line-height: 1.2; }
.smartphone #content header h2 .jill { display: block; font-size: 18px; margin-bottom: 10px; }
.smartphone #content header h2 small { margin-top: 17px; font-size: 18px; color: #999; }
.smartphone #content header .icon { margin: 0 auto 13px; }

#content .main_visual { display:block; margin:0; text-align: center; }
#content .main_visual img { width: 100%; margin: 0 auto; }
.smartphone #content .main_visual { margin: 0; }
.smartphone #content .main_visual img{ width: 100%; }




/* introduction */
#content #introduction-wrapper { padding: 140px 0; margin: 0; background: url("images/introduction_bg.png") no-repeat bottom; background-size: cover; background-position: center top; }
#content #introduction-inner { padding: 100px 50px; width: 900px; margin: 0 auto; letter-spacing: normal; background: rgba(255,255,255,0.6); }
#content #introduction { margin: 0; position: relative; padding: 0; }
#content #introduction * { text-align: center; }
#content #introduction h3 {margin:0 0 70px;}
#content #introduction h4 { font-size: 20px; line-height: 30px; margin:82px 0 41px; font-weight: bold; }
#content #introduction p { line-height: 2; font-size: 18px; color: #4c4948; margin: 1em 0 0; }
#content #introduction p span { display: inline-block; word-break:keep-all; overflow-wrap: anywhere; }
.smartphone #content #introduction-wrapper { width: auto; margin: 0; padding: 0 0 100px; }
.smartphone #content #introduction{ padding: 0; border: 0; }
.smartphone #content #introduction-inner { padding: 60px 5%; margin: 0; border: 0; width: auto; }
.smartphone #content #introduction { padding: 60px 10px; background-size: cover; }
.smartphone #content #introduction h3 { margin-bottom: 50px; }
.smartphone #content #introduction h3 img { width: 95%; max-width: 400px; }
.smartphone #content #introduction h4 { margin-bottom: 30px; }
.smartphone #content #introduction p { line-height: 2; margin-top: 0.8rem; font-size: 16px; word-break:keep-all; overflow-wrap: anywhere; }
.smartphone #content #introduction p br { display: none; }




/* lineup */
#content #lineup{ padding: 0; margin: 0 auto 100px; }
#content #lineup-body { padding: 0; }
#content #lineup-body:before {display: none;}
#content #lineup-inner { padding: 0; }
#content #lineup .lineup__title { text-align: center; margin-bottom: 10px !important; position: relative; padding: 0; }
#content #lineup .lineup__items { display: flex; justify-content: center; flex-wrap: wrap; margin:0;}
#content #lineup .lineup__items li { text-align: center; margin:0 18px 25px; }
#content #lineup .lineup__items li a { color: #333!important; display: flex; justify-content: space-between; flex-direction: column; }
#content #lineup .lineup__items li span { display: block; padding: 3px 0; text-align: center; font-weight: normal; margin: 0; }
#content #lineup .lineup__items .item__img { display: flex; justify-content: center; align-items: flex-end; width: 100%; margin-bottom:7px; }
#content #lineup .lineup__items .item__title { font-size: 14px; line-height: inherit; padding: 0; margin: 0; }
#content #lineup .lineup__items .item__title span { margin: 0; display: inline-block; word-break:keep-all; overflow-wrap: anywhere; padding: 0; letter-spacing: inherit; }
#content #lineup .lineup__items .item__tag { color: #dc6185; background: #fcf3f5; display: inline-block; font-size: 9px; line-height: 15px; height: 15px; width: 120px; margin: 5px auto 0; }
#content #lineup .lineup__items .item__img img { }
.smartphone #content #lineup { margin: 0 -7.13% 140px;}
.smartphone #content #lineup-body { margin: 0; padding: 5px; }
.smartphone #content #lineup-inner { padding: 5px; margin: 0; }
.smartphone #content #lineup .lineup__title { margin: 30px 0 10px!important; }
.smartphone #content #lineup .lineup__title img { max-width: 200px; }
.smartphone #content #lineup .lineup__lists {margin: 0;}
.smartphone #content #lineup .lineup__items {justify-content:center; margin: 0 !important; width: 100%;}
.smartphone #content #lineup .lineup__items li {padding: 0 5px; margin: 0 2% 20px; width: 43%; max-width: 160px; }
.smartphone #content #lineup .lineup__items li br {display: none;}
.smartphone #content #lineup .lineup__items li img {max-width: none;}
.smartphone #content #lineup .lineup__items li span {}
.smartphone #content #lineup .lineup__items .item__img {}
.smartphone #content #lineup .lineup__items .item__img img {height: auto; }
.smartphone #content #lineup .lineup__items .item__title { margin: 0; }




.gradation,
.gradation2{ position: relative; }
.gradation:before { display: block; content: ""; position: absolute; top: 0; width: 100%; height: 200px; z-index: -1;
background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(228,181,178,0.25) 100%); }
.gradation2:before { display: block; content: ""; position: absolute; top: 0; width: 100%; height: 200px; z-index: -1;
   background: #faf9f9; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(246,243,243,0.35) 100%);}






/* .section */
#content .sections { }
#content .section { padding: 120px 0 200px; margin: 0; position: relative; }
#content .section .section__before { display: block; position: absolute; top: -25px; right: 0; }
#content .section .section__before .pagetop { display: inline-block; text-align: right; background: url(/img/jill/images/pc/general/icon_up.png) no-repeat top 2px left; color: #333; font-size: 14px; padding-left: 20px; }
#content .section .description { font-size: 20px; line-height: 1.8; color: #666; margin: 0 0 100px; position: relative; text-align: center; padding: 60px 0 46px; word-break:keep-all; overflow-wrap: anywhere; }
#content .section .description:before,
#content .section .description:after { content: " "; display: block; left: 0; position: absolute; width: 100%; }
#content .section .description:before { background: url("images/deco_top.png") no-repeat 50% 0; height: 33px; top: 0; }
#content .section .description:after { background: url("images/deco_bottom.png") no-repeat 50% 0; bottom: 0; height: 16px; }
#content .section .description rt { font-size: 8px; letter-spacing: 0; }
#content .section .description sup { vertical-align: super; font-size: 9px; }
#content .section .description small { font-size: 10px; line-height: 20px; display: block; text-align: center; margin-top: 15px; color: #666; }
#content .section .description span.kome { word-break: normal; display: block; text-align: center; font-size: 10px; margin-top: 15px; }
#content .section .sectionMain { width: calc(100% - 20px); margin: 0 auto; }
#content .section .sectionMain-inner { display: flex; justify-content:flex-end; }
#content .section .sectionMain-inner > .item_img { width: 50%; max-width: 480px; }
#content .section .sectionMain-inner > .meta { width: 50%; }
#content .section .item_img { padding: 0; text-align: center; position: relative;}
#content .section .item_img img { width: 100%; }
#content .section .item_img .slider { margin-bottom: 50px; text-align: center; }
#content .section .item_img .slider .slick-slide img { margin: 0 auto; }
#content .section .item_img .thumbnail { }
#content .section .item_img .thumbnail .slick-list { text-align: center; }
#content .section .item_img .thumbnail .slick-track { display: inline-block; width: auto !important; }
#content .section .item_img .thumbnail .slick-track:hover { cursor: pointer; }
#content .section .item_img .thumbnail .slick-slide { width: 90px !important; border: 1px solid #eee; padding: 10px 0; margin: 0 5px; border-radius: 5px; background: #fff; }
#content .section .item_img .thumbnail .slick-slide img { width: 90px !important; }
#content .section .item_img .thumbnail .slick-current { border-color: #eed2cd; }
#content .section .meta { }
#content .section .meta .icon { display: block; margin-bottom: 26px; }
#content .section .meta .icon span { display: inline-block; font-size:11px; background: #eed2cd; height: 22px; line-height: 23px; padding: 0 15px; }
#content .section .meta * { text-align: left; }
#content .section .meta h4 { font-size:26px; line-height:1.6; margin-bottom:14px; display: block; margin-left: -9px; word-break:keep-all; overflow-wrap: anywhere; letter-spacing: normal; }
#content .section .meta h4 small { font-size:14px; color: #666; display: block; margin: 5px 0 9px 9px; line-height: 1; }
#content .section .meta h4 small.sub { font-size: 14px; color: #999; margin: 9px 0 22px; font-weight: normal; }
#content .section .meta h5 { font-size:18px; line-height:1.4; color:#a8a8a8; margin-bottom:35px; word-break:keep-all; overflow-wrap: anywhere; }
#content .section .meta .color { margin: 40px 0; }
#content .section .meta .color .name {}
#content .section .meta .color .tama { margin-bottom: 20px; }
#content .section .meta .color strong { display: block; color: #333; font-size: 18px; margin-bottom: 14px; line-height: 20px; font-weight: normal; letter-spacing: inherit; }
#content .section .meta .color p { font-size: 10px; line-height: 1.7; letter-spacing: 0; margin: 0; word-break:keep-all; overflow-wrap: anywhere; }
#content .section .meta .info { font-size: 13px; line-height: 1.7; margin-bottom: 5px; color: #666; }
#content .section .meta .price { font-size: 13px; line-height: 1.7; padding: 0; margin-bottom: 12px; color: inherit; }
#content .section .meta .price small { font-size: 12px; padding: 0 4px; }
#content .section .meta .price .large { font-size: 23px; padding: 0 2px; }
#content .section .meta .release { display: block; font-size: 12px; padding: 0 0 5px; }
#content .section .meta .reserve { display: block; font-size: 12px; margin: 0 0 25px; }
#content .section .meta .detailBtn { display: block; font-size: 16px; line-height: 1; border: 1px solid #939393; padding: 12px 0; margin: 10px 0 0; transition: background .4s ease; text-align: center; max-width: 370px; background: url('images/common_icon_arrow_right_black_12.png') no-repeat center right 12px; background-size: 12px; }
#content .section .meta .detailBtn:hover { background-color: #f8f5f4; color: inherit !important; }
#content .section .meta .cartBtn { display: block; font-size: 16px; line-height: 1; font-weight: bold; color: #fff; border: 1px solid #332e2d; padding: 12px 0; margin: 10px 0 0; transition: opacity .4s ease; text-align: center; max-width: 370px; background: #332e2d url('images/common_icon_cart_white_24.png') no-repeat center left 12px; background-size: 24px; }
#content .section .meta .cartBtn:hover { opacity: 0.7; color: #fff !important; }
#content .section .meta .kome { color: #a8a8a8; margin-top: 30px; display: block; }
.smartphone #content .section { padding: 70px 0 140px; }
.smartphone #content .section:before { margin: 0 0 50px; background-repeat: repeat-x; }
.smartphone #content .section .section__before { right: 10px; }
.smartphone #content .section .section__before .pagetop { font-size: 12px; }
.smartphone #content .section .description { font-size: 18px; line-height: 1.8; letter-spacing: 0; margin: 0 5px 50px;}
.smartphone #content .section .description br { }
.smartphone #content .section .sectionMain-inner { display: block; margin: 0 5px; text-align: center; }
.smartphone #content .section .sectionMain-inner > .item_img,
.smartphone #content .section .sectionMain-inner > .meta { width: auto; max-width: none; }
.smartphone #content .section .item_img { margin-bottom: 40px; }
.smartphone #content .section .item_img img { width: 100%; max-width: 480px; }
.smartphone #content .section .item_img .slider { margin-bottom: 20px; }
.smartphone #content .section .item_img .thumbnail .slick-list { width: auto; }
.smartphone #content .section .meta {}
.smartphone #content .section .meta .icon { margin-bottom: 20px; }
.smartphone #content .section .meta .icon span { font-size: 12px; padding: 0 20px; }
.smartphone #content .section .meta * { text-align: center; }
.smartphone #content .section .meta h4 { font-size: 22px; font-weight: bold; margin: 0 10px 14px; line-height: 1.4; }
.smartphone #content .section .meta h4 small { font-size: 14px; margin-bottom: 12px; margin: 12px 0 11px; }
.smartphone #content .section .meta h4 small.sub { font-size: 16px; color: #999; margin: 9px 0 18px; font-weight: normal; }
.smartphone #content .section .meta h4 span { margin-left: 0; }
.smartphone #content .section .meta h5 { font-size: 18px; margin: 0 10px 22px; color: #a8a8a8; }
.smartphone #content .section .meta .info { font-size: 14px; margin: 0; }
.smartphone #content .section .meta .price .large { font-size: 28px; }
.smartphone #content .section .meta .release { font-size: 13px; }
.smartphone #content .section .meta .reserve { font-size: 13px; margin-bottom: 30px; }
.smartphone #content .section .meta .detailBtn { width: 90%; max-width: 420px; margin: 10px auto 0; font-size: 16px; font-weight: bold; padding: 16px 0; }
.smartphone #content .section .meta .cartBtn { width: 90%; max-width: 420px; margin: 10px auto 0; font-weight: normal; background-size: 28px; font-weight: bold; padding: 16px 0; }


#content .section .meta .additional_informations { display: flex; justify-content: space-around; flex-wrap: wrap; margin: 20px 0 30px; background: rgba(246,243,243,0.45); padding: 20px 10px 0; max-width: 370px; }
#content .section .meta .additional_informations.wide { max-width: none; }
#content .section .meta .additional_information { display: flex; flex-flow: column; justify-content: flex-end; padding: 0 10px; margin-bottom: 20px; }
#content .section .meta .additional_information.flex { display: flex; flex-flow: row; }
#content .section .meta .additional_information.flex > span { display: flex; flex-flow: column; padding: 0 5px; }
#content .section .meta .additional_information img { margin: 0 auto; display: block; }
#content .section .meta .additional_information p { text-align: center; margin-top: 11px; font-size: 9px; line-height: 1.6; color: #666; }
#content .section .meta .additional_information a { color: inherit; text-decoration: underline; }
.smartphone #content .section .meta .additional_informations { width: auto; max-width: none; justify-content: space-evenly; }
.smartphone #content .section .meta .additional_information { padding: 0 10px; }










/* .colors */
#content div[class^="colors"] { margin: 66px 0 0; padding: 66px 10px 0; position: relative; }
#content div[class^="colors"] .color_title { font-size: 16px; color: #363636; text-align: center; position: relative; padding: 58px 0 43px; margin: 0 0 50px; line-height: 28px; }
#content div[class^="colors"] .color_title:before,
#content div[class^="colors"] .color_title:after { content: " "; display: block; left: 0; position: absolute; width: 100%; }
#content div[class^="colors"] .color_title:before { background: url("images/deco_top.png") no-repeat 50% 0; height: 33px; top: 0; }
#content div[class^="colors"] .color_title:after { background: url("images/deco_bottom.png") no-repeat 50% 0; bottom: 0; height: 16px; }
#content div[class^="colors"] .color_title h5 { text-align: center; color: #363636; word-break:keep-all; overflow-wrap: anywhere; }
#content div[class^="colors"] > ul { display: flex; flex-wrap: wrap; justify-content:center; font-size: 0; margin: 0 auto; text-align: center; max-width: 1400px; }
#content div[class^="colors"] > ul > li { display: flex; justify-content: space-between; flex-direction: column; align-items: center; padding: 0; vertical-align: top; text-align: center; margin: 0 10px 56px; }
#content div[class^="colors"] > ul > li .color { margin: 10px 0 0; }
#content div[class^="colors"] > ul > li .color ul { }
#content div[class^="colors"] > ul > li .color ul li { text-align: center; font-size: 9px; width: auto; margin: 0 0 2px 1.8em; text-indent: -1.8em; }
#content div[class^="colors"] > ul > li * { display: block; text-align: center; }
#content div[class^="colors"] > ul > li img { margin: 0 auto 12px; }
#content div[class^="colors"] > ul > li strong { display: block; color: #333; font-size: 18px; margin-bottom: 14px; line-height: 20px; font-weight: normal; letter-spacing: inherit; }
#content div[class^="colors"] > ul > li strong small { display: inline-block; font-size: 13px; }
#content div[class^="colors"] > ul > li p { font-size: 10px; line-height: 1.7; letter-spacing: 0; margin: 0; word-break:keep-all; overflow-wrap: anywhere; }
#content div[class^="colors"] > ul > li p.maincolor { border: 1px solid #ddd; background: #fff; color: #666; font-size: 9px; display: inline-block; padding: 0 7px; line-height: 15px; height: 15px; margin-top: 6px; }
#content div[class^="colors"] > ul > li .cartBtn { display: block; font-size: 11px; font-weight: bold; line-height: 26px; height: 26px; color: #fff; border: 1px solid #332e2d; padding: 0; margin-top: 14px; transition: opacity .4s ease; text-align: center; background: #332e2d url('images/common_icon_cart_white_24.png') no-repeat top 3px left 10px; background-size: 17px; text-indent: 1.5em; width: 100%; max-width: 240px; }
#content div[class^="colors"] > ul > li .cartBtn:hover { opacity: .7; color: #fff !important; }
#content div[class^="colors"] .limited{ display: block; font-size: 11px; text-align: right; margin: -30px auto 0; padding-bottom: 10px; max-width: 1000px; }
.smartphone #content div[class^="colors"] { position: relative; padding: 40px 0 0; width: auto;}
.smartphone #content div[class^="colors"] .color_title { font-size: 16px; }
.smartphone #content div[class^="colors"] .note { width: auto; }
.smartphone #content div[class^="colors"] > ul{ display: flex; flex-wrap: wrap; text-align: left; margin: 0 10px; }
.smartphone #content div[class^="colors"] > ul { justify-content: center; }
.smartphone #content div[class^="colors"] > ul > li { padding: 0; margin: 0 5px 56px; }
.smartphone #content div[class^="colors"] > ul > li > a { width: 100%; }
.smartphone #content div[class^="colors"] > ul > li .color { margin: 10px 5px 0; display: inline-block; }
.smartphone #content div[class^="colors"] > ul > li .color ul { float: none; display: block; }
.smartphone #content div[class^="colors"] > ul > li .color ul li { font-size: 9px; text-align: left; }
.smartphone #content div[class^="colors"] > ul > li .color ul li br { display: none; }
.smartphone #content div[class^="colors"] > ul > li strong { word-break:keep-all; overflow-wrap: anywhere; }
.smartphone #content div[class^="colors"] > ul > li p { font-size: 10px; }
.smartphone #content div[class^="colors"] > ul > li p span { font-size: inherit; width: auto !important; }
.smartphone #content div[class^="colors"] > ul > li p br{ display: none; }
.smartphone #content div[class^="colors"] > ul > li img { margin-bottom: 15px; max-width: 100%; }
.smartphone #content div[class^="colors"] > ul > li .cartBtn {  }
.smartphone #content div[class^="colors"] .limited { margin: -30px 10px 0; }



#content .section .colors-1col > ul > li { width: calc( 1100px - 20px ); }
#content .section .colors-2col > ul > li { width: calc( 1100px / 3 - 20px ); }
#content .section .colors-2col.wide > ul > li { width: calc( 1100px / 2 - 20px ); }
#content .section .colors-3col > ul > li { width: calc( 1100px / 3 - 20px ); }
#content .section .colors-4col > ul > li { width: calc( 1100px / 4 - 20px ); }
#content .section .colors-5col > ul > li { width: calc( 1100px / 5 - 20px ); }
#content .section .colors-6col > ul > li { width: calc( 1100px / 6 - 20px ); }
.smartphone #content .section div[class^="colors"] > ul > li { width: calc( 50% - 10px ); max-width: 300px; }
.smartphone #content .section div.colors-1col > ul > li { width: 100%; max-width: 480px; }







/* toggle */
#content .toggle__body { visibility:hidden; height: 0; opacity: 0; flex-wrap: wrap; justify-content: center; padding: 0;
  -webkit-transition: all 1.0s;
	-moz-transition: all 1.0s;
	-ms-transition: all 1.0s;
	-o-transition: all 1.0s;
	transition: all 1.0s;
  overflow: hidden;
}
#content .toggle__buttons { text-align: center; }
#content .toggle__button { }
#content .toggle__button:hover { opacity: .8; }
#content .toggle__button--detail { background: #fbfbfb; color: #333; border: 1px solid #efefef; border-radius: 5px; cursor: pointer; display: inline-flex; justify-content: center; align-items: center; font-size: 13px; line-height: 22px; text-align: center; transition: opacity .4s ; width: 100%; padding: 22px 0; position: relative;}
#content .toggle__button--detail:after { content: ""; background: url("images/icon_down.png") no-repeat center; display: inline-block; width: 35px; height: 18px; margin-left: 10px; position: absolute; right: 18px;}
#content .toggle__button--detail > span { display: inline-block; text-align: center; }
#content .toggle__button--detail > span > span { display: inline-block; }
#content .toggle__button--close { font-size: 12px; display: none; margin-top: 30px; text-align: center;}
#content .toggle__button--close:hover { opacity: .8; cursor: pointer; }
#content .toggle__button--close:after { content: ""; background: url("images/icon_down.png") no-repeat center top -6px; display: inline-block; width: 25px; height: 12px; margin-left: 10px; transform: rotate(180deg) scale(1); }
.smartphone #content .toggle__button--detail { font-size: 12px; line-height: 18px; }
.smartphone #content .toggle__button--detail:after { background-size: 22px auto; right: 10px; }
.smartphone #content .toggle__buttons { margin-bottom: 30px; }
.smartphone #content .toggle__button { }
.smartphone #content .toggle__button--detail { width: 100%; padding: 10px 0; margin: 0; }




/* checked */
#content .toggle { height: 1px; left: -9999px; position: absolute; visibility: hidden; width: 1px; }
#content .toggle:checked ~ .toggle__body { visibility: visible; height: auto; opacity: 1; }
#content .toggle:checked ~ .toggle__body .toggle__button--close { display: block; }
#content .toggle:checked ~ .toggle__buttons .toggle__button--detail { display: none; }



/* makeup */
#content .howtomakeup { }
#content .howtomakeup h3 { text-align: center; margin-bottom: 35px; font-size: 30px; }
#content .howtomakeup h4 { text-align: center; margin-bottom: 0px; font-size: 54px; color: #d68bb9; }
#content .howtomakeup h5 { text-align: center; font-size: 18px; line-height: 2; font-weight: normal; margin-bottom: 80px; color: #666; word-break:keep-all; overflow-wrap: anywhere; }
#content .howtomakeup .makeup_img { display: block; margin: 0 auto 70px; }
#content .howtomakeup .makeup_sec { margin: 0 auto; width: 900px; }
#content .howtomakeup .makeup_sec .ttl_sec { text-align: center; border-bottom: solid 1px #ddd; padding-bottom: 2px; margin-bottom: 40px; font-size: 24px; color: #a8a8a8;}
#content .howtomakeup .makeup_sec .step { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 100px; }
#content .howtomakeup .makeup_sec .step:last-of-type { margin-bottom: 0; }
#content .howtomakeup .makeup_sec .step .img { width: 200px; text-align: center; padding: 0; position: relative; margin-bottom: 20px; }
#content .howtomakeup .makeup_sec .step .img img { margin: -5px auto 25px; }
#content .howtomakeup .makeup_sec .step .text { width: 660px; }
#content .howtomakeup .makeup_sec .step .text.ttl { font-size: 24px; margin-bottom: 40px; color: #a15b5b; }
#content .howtomakeup .makeup_sec .step .text p { margin: 0 0 20px; font-size: 15px; line-height: 25px; color: #363636; letter-spacing: 0; }
#content .howtomakeup .makeup_sec .step .text p.num { text-indent: -14px; padding-left: 14px; }
#content .howtomakeup .makeup_sec .step .text > img { margin: 0; }
#content .howtomakeup .makeup_sec .step .text > img.mb50 { margin-bottom: 50px; }
#content .howtomakeup .makeup_sec .step .text > img.ttl { margin: 0 0 20px; }
#content .howtomakeup .makeup_sec .step .text .makeup_data { }
#content .howtomakeup .makeup_sec .step .text .makeup_data .ttl_makeup_data { border-bottom: 1px solid #ddd; margin: 2px 0 16px; font-size: 13px; color: #999; }
#content .howtomakeup .makeup_sec .step .text .makeup_data .ttl_makeup_data img {}
#content .howtomakeup .makeup_sec .step .text .makeup_data .subttl_makeup_data { margin: 15px 0 16px; }
#content .howtomakeup .makeup_sec .step .text .makeup_data .subttl_makeup_data img {}
#content .howtomakeup .makeup_sec .step .text .makeup_data a.item { display: block; font-size: 11px; line-height: 18px; color: #666; text-decoration: underline; margin-bottom: 10px; }
#content .howtomakeup .makeup_sec .step .text .makeup_data div.item { font-size: 12px; line-height: 19px; color: #666; margin-bottom: 10px; }
#content .howtomakeup .makeup_sec .step .text .makeup_data div.item a { color: #d68bb9; text-decoration: underline; }
#content .howtomakeup .makeup_sec .step .text .makeup_data div.item a.gray { color: #a8a8a8; }
#content .howtomakeup .makeup_sec .step .text .makeup_data div.item small { font-size: 10px; margin-left: 10px; color: #999; }
.smartphone #content .howtomakeup { }
.smartphone #content .howtomakeup h3 { margin-bottom: 30px; font-size: 22px; }
.smartphone #content .howtomakeup h4 { margin-bottom: 10px; font-size: 40px; }
.smartphone #content .howtomakeup h5 { line-height: 1.8; }
.smartphone #content .howtomakeup .makeup_img  { margin: 0 auto 80px; width: 80%; max-width: 300px; }
.smartphone #content .howtomakeup .makeup_sec  { margin: 0 10px 100px; width: auto; }
.smartphone #content .howtomakeup .makeup_sec .ttl_sec { margin: 0 0 70px; }
.smartphone #content .howtomakeup .makeup_sec .ttl_sec img { }
.smartphone #content .howtomakeup .makeup_sec .step { }
.smartphone #content .howtomakeup .makeup_sec .step .img { width: auto; text-align: left; flex: 0 0 20%; }
.smartphone #content .howtomakeup .makeup_sec .step .img img { margin: 0 0 15px; width: 90%; }
.smartphone #content .howtomakeup .makeup_sec .step .text { width: auto; flex: 0 0 77%;}
.smartphone #content .howtomakeup .makeup_sec .step .text.ttl { font-size: 22px; text-align: left; border: 0; padding: 0; margin: 0 0 20px; }
.smartphone #content .howtomakeup .makeup_sec .step .text p { line-height: 1.6; font-size: 13px; }
.smartphone #content .howtomakeup .makeup_sec .step .text > img  { max-width: 100%; margin: 0 auto 20px; }
.smartphone #content .howtomakeup .makeup_sec .step .text .makeup_data .subttl_makeup_data  { margin-bottom: 13px; }

#content #howtomakeup1 h4 { color: #d68bb9; }
#content #howtomakeup2 h4 { color: #ef858c; }
#content #howtomakeup1 .makeup_sec .step .text .makeup_data div.item a { color: #d68bb9; }
#content #howtomakeup2 .makeup_sec .step .text .makeup_data div.item a { color: #ef858c; }
#content #howtomakeup1 .makeup_sec .step .text .makeup_data div.item a.gray,
#content #howtomakeup2 .makeup_sec .step .text .makeup_data div.item a.gray { color: #a8a8a8; }





/*
 *
 * for this page
 *
 */

.smartphone #content #introduction p { font-size: 15px; }

#content #frags { margin: 100px auto 0; overflow:visible; width: 900px; padding: 6px; position: relative; text-align: center; background: rgba(255,255,255,1); }
#content #frags .line { text-align: center; height: 6px; background: url("images/frag_dot.png") repeat center center; margin: 0 30px; }
#content #frags .frags-inner { display: flex; justify-content: space-between; padding: 50px 0 20px; }
#content #frags .frags-inner:before,
#content #frags .frags-inner:after { content: ""; position: absolute; top: -26px; left: -26px; width: 957px; height: 96px; background: url("images/frag_corner.png") no-repeat center center; }
#content #frags .frags-inner:after { top: auto; bottom: -26px; transform: rotate(180deg); }
#content #frags .line_side{ width: 6px; background: url("images/frag_dot.png") repeat center center; margin: 0 0 30px; }
#content #frags .frag { text-align: center; }
#content #frags .frag .color { color: #eec6dc; }
#content #frags .frag * { text-align: center; }
#content #frags .frag .subttl { font-size: 32px; line-height: 1.3; margin: 0 auto 25px; position: relative; display: inline-block; }
#content #frags .frag .subttl small { font-size: 13px; }
#content #frags .frag .subttl:before,
#content #frags .frag .subttl:after { display: block; width: 56px; height: 56px; content: ""; position: absolute; top: 25px; }
#content #frags .frag .subttl:before { left: -86px; }
#content #frags .frag .subttl:after { right: -86px; }
#content #frags .frag .subttl:before,
#content #frags .frag .subttl:after { background: url("images/icon_flower.png") no-repeat center center; }
#content #frags .frag .whitefloral { margin: 0 auto 25px; }
#content #frags .frag p { font-size: 14px; line-height: 2; color: #4c4948; margin-bottom: 45px; word-break:keep-all; }
#content #frags .frag .step_ttl { font-size: 13px; margin-bottom: 25px; }
#content #frags .frag .steps { }
#content #frags .frag .step:after { content: ""; display: block; height: 30px; }
#content #frags .frag .step:after { background: url("images/icon_arrow.png") no-repeat center center; }
#content #frags .frag .step:last-child:after { display: none; }
#content #frags .frag .step .ttl { font-size: 13px; margin-bottom: 12px; }
#content #frags .frag .step .val { font-size: 10px; margin-bottom: 8px; line-height: 2; word-break:keep-all; color: #666; }
#content #frags .frag .step .val span { text-decoration: underline; }
#content #frags .exp { text-align: right; margin: 40px auto 0; width: auto; color: #666; }
#content #frags .exp .txt { margin-left: 14px; }
#content #frags .exp .ul { text-decoration: underline; }
.smartphone #content #frags { margin: 70px 0 0; width: auto; }
.smartphone #content #frags .line { height: 3px; margin: 0; background-size: 6px; }
.smartphone #content #frags .line_side { width: 3px; margin: 0; background-size: 6px; }
.smartphone #content #frags .frags-inner { padding: 0; }
.smartphone #content #frags .frags-inner:before,
.smartphone #content #frags .frags-inner:after { background-size: 100%; width: 100%; height: 8%; left: 0; }
.smartphone #content #frags .frags-inner:before { top: -1.6%; }
.smartphone #content #frags .frags-inner:after { bottom: -1.6%; }
.smartphone #content #frags .frag { margin: 60px 10px 20px; width: auto; }
.smartphone #content #frags .frag p { font-size: 13px; line-height: 1.8; }
.smartphone #content #frags .frag .subttl { font-size: 28px; letter-spacing: normal; }
.smartphone #content #frags .frag .subttl:before { left: -65px; }
.smartphone #content #frags .frag .subttl:after { right: -65px; }
.smartphone #content #frags .frag .subttl:before,
.smartphone #content #frags .frag .subttl:after { background-size: 45px; }
.smartphone #content #frags .frag .step_ttl { margin-bottom: 10px; }
.smartphone #content #frags .frag .step_ttl span { font-size: 12px; }
.smartphone #content #frags .frag .step br { display: none; }
.smartphone #content #frags .exp { margin: 30px 10px 20px; width: auto; }

#content #introduction-wrapper .button { text-align: center; margin-top: 140px; }
#content #introduction-wrapper .button a { display: block; line-height: 1; border: 1px solid #ed7a9b; border-radius: 10px; padding: 12px 0; margin: 0 auto; transition: background .4s ease; text-align: center; width: 900px; background: #fffcfd; position: relative; }
#content #introduction-wrapper .button .subttl { text-align: center; font-size: 28px; margin: 0 auto 46px; line-height: 1; color: #ed7a9b !important; }
#content #introduction-wrapper .button .subttl small { font-size: 13px; }
#content #introduction-wrapper .button .down {
  display: inline-block;
  position: absolute;
  right: 30px;
  top: 25px;
  vertical-align: middle;
  color: #ed7a9b;
  line-height: 1;
  width: 1em;
  height: 1em;
  border: 1px solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(135deg);
}
#content #introduction-wrapper .button a:hover { background: #fcf4f7; }
.smartphone #content #introduction-wrapper .button { margin-top: 100px; }
.smartphone #content #introduction-wrapper .button a { width: 95%; }
.smartphone #content #introduction-wrapper .button .subttl { font-size: 22px; }
.smartphone #content #introduction-wrapper .button .subttl small { font-size: 11px; }
.smartphone #content #introduction-wrapper .button .down { top: 22px; }

#content #SIDTSIET .sectionMain.SIET { margin-top: 90px; }
#content #SIDTSIET .sectionMain.SIDT .item_img { margin-top: -40px; }
.smartphone #content #SIDTSIET .sectionMain.SIET { margin-top: 120px; }
.smartphone #content #SIDTSIET .sectionMain.SIDT .item_img { margin-top: -10px; }

#content #SIDUSIEU .sectionMain.SIEU { margin-top: 90px; }
#content #SIDUSIEU .sectionMain.SIDU .item_img { margin-top: -40px; }
.smartphone #content #SIDUSIEU .sectionMain.SIEU { margin-top: 120px; }
.smartphone #content #SIDUSIEU .sectionMain.SIDU .item_img { margin-top: -10px; }

#content #SIWG .sectionMain .item_img { margin-top: -10px; }

#content #SIUR .sectionMain .item_img { margin-top: -10px; }

#content #SIUQ .sectionMain .item_img { margin-top: -10px; }

#content #SIWH .sectionMain .item_img { margin-top: -30px; }
.smartphone #content #SIWH .sectionMain .item_img { margin-top: -10px; }


#content #poweruppoint .contents { background: #faf4f6; padding: 60px 0 60px; margin: 90px 0 200px; }
#content #poweruppoint .contents .contents_inner { background: #fff; width: 85%; padding: 70px 50px 27px; border-radius: 10px; margin: 0 auto; text-align: center; }
#content #poweruppoint .contents .subttl { text-align: center; color: #ed7a9b; font-size: 30px; margin: 0 auto 46px; line-height: 1.1; }
#content #poweruppoint .contents .subttl small { font-size: 13px; }
#content #poweruppoint .contents .img { padding: 0; margin: 0 auto 37px; display: block; }
#content #poweruppoint .contents .points { margin-bottom: 75px; }
#content #poweruppoint .contents .points .point { margin-bottom: 60px; }
#content #poweruppoint .contents .points .point .ttl { display: block; text-align: center; }
#content #poweruppoint .contents .points .point .ttl .lbl { display: block; text-align: center; margin-bottom: 20px; }
#content #poweruppoint .contents .points .point .ttl p { margin-bottom: 20px; color: #ed7a9b; display: block; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.8; text-decoration: underline; word-break:keep-all; overflow-wrap: anywhere; }
#content #poweruppoint .contents .points .point > p { color: #ed7a9b; display: block; text-align: center; font-size: 14px; line-height: 2; word-break:keep-all; overflow-wrap: anywhere; }
#content #poweruppoint .contents .points .point > p small { font-size: 10px; }
#content #poweruppoint .contents .points .point .img { text-align: center; margin: 52px 0 60px; }
#content #poweruppoint .contents .small_ttl { word-break:keep-all; overflow-wrap: anywhere; color: #ed7a9b; display: inline-block !important; text-align: center; font-size: 11px; line-height: 1.8; font-weight: bold; margin: 20px auto 7px; border-bottom: 1px solid #fce6ec; }
#content #poweruppoint .contents .kome { color: #ed7a9b; display: block; text-align: center; font-size: 10px; line-height: 1.8; }
.smartphone #content #poweruppoint { margin-top: 100px; width: auto; }
.smartphone #content #poweruppoint .contents .title { font-size: 13px; line-height: 1.8; }
.smartphone #content #poweruppoint .contents { padding: 50px 20px; width: auto; }
.smartphone #content #poweruppoint .contents .contents_inner { padding: 40px 10px 20px; width: auto; }
.smartphone #content #poweruppoint .contents .img img { width: 90%; max-width: 398px; }
.smartphone #content #poweruppoint .contents .points { margin-bottom: 30px; }
.smartphone #content #poweruppoint .contents .points .point { margin-top: 30px; }
.smartphone #content #poweruppoint .contents .points .point .ttl { margin: 0; padding: 0; border: 0; }
.smartphone #content #poweruppoint .contents .points .point .ttl p { font-size: 16px; line-height: 1.8; margin-bottom: 20px; }
.smartphone #content #poweruppoint .contents .small_ttl { }
.smartphone #content #poweruppoint .contents .kome { }



#content #GIFTSET {}
#content #GIFTSET .description { margin-bottom: 45px; }
#content #GIFTSET .description > span { display: block; text-align: center; }
#content #GIFTSET .description .ttl_set { color: #738aa5; font-size: 48px; margin-bottom: 10px; line-height: 1; }
#content #GIFTSET .description .ttl_set_ja { color: #738aa5; font-size: 16px; }
#content #GIFTSET .description2 { margin-bottom: 40px; }
#content #GIFTSET .description2 > span { display: block; text-align: center; }
#content #GIFTSET .description2 .txt { color: #666; font-size: 18px; margin-bottom: 15px; word-break:keep-all; overflow-wrap: anywhere; line-height: 2; }
#content #GIFTSET .date { margin-bottom: 65px; }
#content #GIFTSET .date > span { display: block; text-align: center; word-break:keep-all; overflow-wrap: anywhere; padding: 0 0 8px; }
#content #GIFTSET .date .release { display: block; font-size: 13px; }
#content #GIFTSET .date .reserve { display: block; font-size: 13px; }
#content #GIFTSET .date .term { display: block; font-size: 13px; }
#content #GIFTSET .items { display: flex; justify-content: center; flex-wrap: wrap; max-width: 1800px; margin: 0 auto; }
#content #GIFTSET .sectionMain { margin: 0 0 140px; width: 600px; }
#content #GIFTSET .sectionMain.gradation2 { padding-top: 100px; }
#content #GIFTSET .sectionMain-inner { display: block; }
#content #GIFTSET .sectionMain-inner > * { width: auto; }
#content #GIFTSET .item_img { margin-bottom: 30px; max-width: none; }
#content #GIFTSET .item_img img { width: auto; margin: 0 auto; }
#content #GIFTSET .item_img .slider { margin-bottom: 30px; }
#content #GIFTSET .item_img .thumbnail .slick-slide { padding: 0; margin: 0 15px; }
#content #GIFTSET .meta * { text-align: center; }
#content #GIFTSET .meta h4 { margin-bottom: 6px; font-size: 24px; word-break:keep-all; overflow-wrap: anywhere; margin: 0 0 6px; }
#content #GIFTSET .meta h5 { margin-bottom: 13px; }
#content #GIFTSET .meta .price { margin-bottom: 20px; }
#content #GIFTSET .meta .detailBtn { margin: 10px auto 0; }
#content #GIFTSET .kome { border-top: 1px solid #e8e8e8; padding-top: 20px; max-width: 1200px; margin: 0 auto; }
#content #GIFTSET .kome p { font-size: 11px; margin-bottom: 8px; text-align: center; color: #666; }
.smartphone #content #GIFTSET .item_img img { width: 100%; }
.smartphone #content #GIFTSET .items { display: block; }
.smartphone #content #GIFTSET .sectionMain { width: auto; margin-bottom: 120px; }
.smartphone #content #GIFTSET .kome { margin: 0 10px; max-width: none; }
.smartphone #content #GIFTSET .kome p { }