@charset "UTF-8";
/*=============================================================
Date: 2020-09-18
CSS Document ： おとなのためのドールの手づくりアイテム-クチュリエ アミィ
=============================================================*/
.fsc_gfooter__breadcrumb {
margin-top: 0;
}
#footercontent .fsc_gfooter__breadcrumb {
display: none;
}
#wrapper {
overflow-x: hidden;
/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "sans-serif";*/
color: #000000;
text-align: left;
font-size: 75%;
}
body {
background: #f3ede3;
width: 100%;
overflow-x: auto;
}
/*------------------------------------
ベース
------------------------------------*/
.pc_ct {
display: block;
}
.sp_ct {
display: none !important;
}
img {
border: none;
vertical-align: top;
}
a {
transition: all 0.3s;
}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
line-height: 0;
}
.clearfix {
display: block;
}
/* ページのトップへ */
.pagetop_ct {
width: 920px;
margin: 0 auto 0 auto;
padding: 0 0 2em 0 !important;
}
/*------------------------------------
基本（スマホ）
------------------------------------*/
@media (max-width: 919px) {
.pc_ct {
display: none !important;
}
.sp_ct {
display: block !important;
}
body {
-webkit-text-size-adjust: 100%;
}
}
/*------------------------------------
タイトルエリア
------------------------------------*/
#wrapper p {
font-family: "中ゴシックBBB", "Gothic Medium BBB";
}
#titlearea_ct {
text-align: center;
margin: 20px auto 0;
}
#titlearea_ct h1 {
display: inline-block;
text-align: center;
margin: 0em auto 1.5em;
position: relative;
z-index: 1;
font-size: 100%;
}
#titlearea_ct img.title_icon_ct {
position: absolute;
right: -22%;
bottom: -50%;
}
#titlearea_ct p {
margin: 2em auto;
text-align: center;
font-size: 130%;
line-height: 1.9;
letter-spacing: 2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.lead_ct {
width: 100%;
display: inline-block;
text-align: center;
clear: both;
position: relative;
opacity: 0;
}
.lead_ct h2 {
font-size: 146%;
transform: scale(0.93, 1);
line-height: 2;
letter-spacing: 2px;
margin: 1.3em auto 3.9em;
}
.lead_ct img {
margin: -60px auto 0;
}
/*------------------------------------
タイトルエリア（スマホ）
------------------------------------*/
@media (max-width: 919px) {
#titlearea_ct {
width: 100%;
margin: 1em auto 0;
}
#titlearea_ct h1 img {
width: 90%;
height: auto;
}
#titlearea_ct img.title_icon_ct {
width: 18%;
right: 0%;
bottom: -66%;
}
#titlearea_ct p {
margin: 1.5em 5%;
text-align: justify;
font-size: 110%;
line-height: 1.8;
letter-spacing: 1px;
}
.lead_ct img {
width: 100%;
margin-top: 0;
}
.lead_ct h2 {
text-align: justify;
font-size: 115%;
line-height: 1.8;
letter-spacing: 1px;
margin: 0.5em auto 3.2em;
}
}
/*------------------------------------
メイン
------------------------------------*/
.ttl_ct {
text-align: center;
margin: 6em auto 3em;
}
.ttl_ct h2 {
font-size: 125%;
margin-top: 1em;
}
@media (max-width: 919px) {
img {
height: auto;
}
.ttl_ct {
margin: 4em auto 2em;
}
.ttl_ct img {
width: 85%;
}
}
.line_ct {
height: 13px;
background: url("../images/line_border.png") repeat-x center bottom;
background-size: 920px;
}
/* ツールアイテム */
#tools_ct {text-align: center;margin-bottom: 6.5em;}
#tools_ct .ttl_ct{ margin-top: 3.5em;}
.spec_btn {
color: #ffffff;
position: relative;
background: #e8a5a9;
padding: 0.8em 2.9em;
border: 3px solid #FFF;
border-radius: 0.7em;
display: inline-block;
font-size: 200%;
transition: all 0.3s;
font-weight: bold;
font-family: "見出ゴMB31", "Midashi Go MB31";
letter-spacing: 0.07em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.spec_btn::after {
display: block;
width: 0.45em;
height: 100%;
content: '';
background: url("../images/bnr_arrow.png") no-repeat center;
background-size: contain;
position: absolute;
top: 0;
right: 0.85em;
transition: all 0.3s;
}
@media (hover: hover) {
#tools_ct a:hover {
opacity: 0.7;
}
#tools_ct a:hover .spec_btn::after {
right: 0.65em;
background-size: contain;
}
}
@media (max-width: 919px) {
/* SP */
.spec_btn {
font-size: 160%;
padding: 0.8em 2.0em;
}
}
/* Styling collection */
#styling_ct {
max-width: 920px;
margin: 0 auto 35px;
}
#styling_ct ul {
margin-bottom: 5em;
}
#styling_ct ul li {
width: 285px;
float: left;
overflow-x: hidden;
position: relative;
margin-right: 32px;
margin-bottom: 2.5em;
}
#styling_ct ul li .copyright_ct {
position: absolute;
right: 0;
top: 22%;
}
#styling_ct ul li h3 {
margin-top: 0.3em;
font-size: 100%;
}
#styling_ct ul li:nth-child(3n) {
margin-right: 0;
}
#styling_ct ul li a {
display: block;
text-align: center;
}
#styling_ct ul li span.item_ct {
width: 0;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
transition: all 0.4s;
}
@media (min-width: 920px) {
#styling_ct ul li .model_ct {
margin-left: -19px;
}
#styling_ct ul li a:hover {
opacity: 1;
text-decoration: none;
}
#styling_ct ul li a:hover span.item_ct {
width: 100%;
}
}
/* NEW ARRIVAL */
#arrival_ct {
max-width: 1220px;
box-sizing: border-box;
margin: 0 auto 90px;
background-repeat: repeat-y;
background-position: center center;
background-size: contain;
background: #FFF;
}
#arrival_ct .wrap_ct {}
#arrival_ct .new_box_ct {
text-align: center;
padding: 4em;
}
#arrival_ct .new_box_ct .ttl {
max-width: 780px;
width: 80%;
margin: 0 auto;
}
#arrival_ct .new_box_ct .ttl img {
width: 100%;
}
#arrival_ct .new_box_ct ul {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
#arrival_ct .new_box_ct ul li {
width: 45%;
margin: 2em 2% 1em;
}
#arrival_ct .new_box_ct ul li a {
display: block;
}
#arrival_ct .new_box_ct ul li img {
width: 100%;
}
@media (min-width: 920px) {
/* PC */
#arrival_ct .new_box_ct ul li a:hover {
opacity: 0.7;
}
}
@media (max-width: 919px) {
/* SP */
#arrival_ct {
width: 100%;
max-width: 100%;
margin-bottom: 60px;
}
#arrival_ct .wrap_ct {}
#arrival_ct .new_box_ct {
padding: 3em 1%;
}
#arrival_ct .new_box_ct .ttl {
width: 81%;
}
#arrival_ct .new_box_ct ul {}
#arrival_ct .new_box_ct ul li {
/* width: 75%; */
margin: 1.5em 2% 0.5em;
}
#arrival_ct .new_box_ct ul li a {}
#arrival_ct .new_box_ct ul li img {}
}
/* キットのひみつ */
#himitsu_ct {
margin-bottom: 70px;
}
#himitsu_ct .wrap_ct {
width: 100vw;
height: 61vw;
max-height: 900px;
margin: 8px auto;
background-color: #eaece6;
background-image: url("../images/himitsu_bg.jpg");
background-repeat: no-repeat;
background-position: center bottom;
background-size: cover;
}
#himitsu_ct .text_ct {
max-width: 1300px;
width: 90%;
margin: 0 auto 0;
padding-top: 6.5vw;
}
#himitsu_ct .text_ct img {
display: block;
margin-bottom: 8px;
}
#himitsu_ct .text_ct p {
width: 412px;
margin: 14px 3px;
font-size: 105%;
transform: scale(0.93, 1);
line-height: 2;
letter-spacing: 0.08em;
text-align: justify;
}
#himitsu_ct .text_ct p span {
font-size: 90%;
line-height: 1.7;
}
@media (min-width: 1500px) {
#himitsu_ct .text_ct {
padding-top: 9em;
}
}
@media (min-width: 920px) {
#himitsu_ct .text_ct img:nth-child(1) {
margin-left: 45px;
}
#himitsu_ct .text_ct img:nth-child(2) {
margin-left: 25px;
}
}
@media (max-width: 919px) {
a:hover {
text-decoration: none;
}
#himitsu_ct .wrap_ct {
background: none;
height: auto;
}
#himitsu_ct .text_ct {
width: 100%;
padding-top: 3em;
}
#himitsu_ct .text_ct img {
width: 70%;
height: auto;
margin: 0 auto 8px;
}
#himitsu_ct .text_ct div {
overflow: hidden;
border-radius: 3vw;
width: 94%;
margin: 15px auto 15px;
}
#himitsu_ct .text_ct div img {
width: 140%;
margin: 0 -20%;
}
#himitsu_ct .text_ct p {
width: 92%;
margin: 0 auto 4em;
letter-spacing: 0.05em;
}
}
/* Line up */
#lineup_ct {
display: block;
max-width: 802px;
margin: 0 auto 0px;
min-height: 800px;
}
ul#lineup_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
margin-top: 30px;
}
ul#lineup_list li {
position: relative;
}
ul#lineup_list li .copyright_ct {
position: absolute;
right: 0;
top: 0;
}
ul#lineup_list li.obitsu .copyright_ct {
position: absolute;
right: 9%;
top: 81%;
width: 26%;
}
ul#lineup_list li span.wrap_ct::before {
content: '';
display: block;
width: 100%;
height: 100%;
border: 2px solid #f3ede3;
position: absolute;
top: -2px;
left: -2px;
background-image: url("../images/lineup_mask.png");
background-size: contain;
background-repeat: round;
z-index: 1;
}
ul#lineup_list li a {
display: block;
text-align: center;
}
ul#lineup_list li a:hover {
text-decoration: none;
}
ul#lineup_list li span.wrap_ct {
display: block;
overflow: hidden;
position: relative;
}
/* NEW */
ul#lineup_list li.new_item_ct {
position: relative;
}
ul#lineup_list li.new_item_ct::after {
content: '';
display: block;
background-image: url("../images/icon_new.png");
background-repeat: no-repeat;
background-position: center top;
background-size: contain;
width: 100%;
height: 10%;
position: absolute;
top: -4%;
left: 0;
z-index: 2;
}
@media (min-width: 920px) {
ul#lineup_list li {
width: 260px;
margin-bottom: 35px;
}
ul#lineup_list li a .model_ct {
transition: all 0.4s;
}
ul#lineup_list li a:hover {
opacity: 0.8;
}
ul#lineup_list li a:hover .model_ct {
transform: scale(1.1);
}
ul#lineup_list::after {
content: '';
display: block;
height: 0;
width: 260px;
}
}
/* spec */
.spec_ct {
text-align: center;
font-family: "見出ゴMB31", "Midashi Go MB31";
font-size: 100%;
margin: 0;
}
.name_ct {
font-size: 118%;
line-height: 1.5;
display: block;
transform: scale(0.95, 1);
padding: 1em 0 0em;
margin-bottom: 0.2em;
letter-spacing: 0;
/* background-image: url("../images/spec_line.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: 80%; */
}
.name_ct::after {
content: "";
display: block;
border-top: 1px solid #000;
width: 80%;
margin: 0.5em auto;
}
.price_ct {
font-size: 110%;
display: block;
}
.tanyi_ct span {
}
.num_ct { font-family: "Times New Roman", "Times New Roman", Times, "serif";
font-style: italic;
font-weight: bold;
font-size: 180%;}
.tanyi_ct {
letter-spacing: -1px;
}
.tax_ct {
font-size: 85%;
}
.num_ct span {
margin-right: 0.2em;
}
.sub_text_ct {
display: inline-block;
font-size: 90%;
margin-top: 0.2em;
letter-spacing: 0.05em;
line-height: 1.5;
}
@media (max-width: 919px) {
ul#lineup_list {
width: 94%;
margin: 0 auto;
}
ul#lineup_list li {
width: 49%;
margin-bottom: 20px;
}
ul#lineup_list li img {
width: 100%;
}
ul#lineup_list li .copyright_ct {
width: auto;
height: 100%;
}
.spec_ct {
font-size: 85%;
}
.sub_text_ct {
font-size: 80%;
margin: 0 0;
display: block;
}
}
/*------------------------------------
SNS
------------------------------------*/
#sns_ct {
text-align: center;
display: block;
margin: 0 auto 60px;
border-top: 4px solid #000;
padding-top: 5em;
max-width: 920px;
width: 90%;
}
#sns_ct ul {
margin-bottom: 30px;
}
#sns_ct .ttl_ct {
margin: 0 auto;
}
#sns_ct li {
display: inline-block;
margin: 6px;
}
#sns_ct li.sp_ct {
display: none;
}
#sns_ct li a {
width: 100%;
}
@media (min-width: 919px) {
#sns_ct a:hover {
opacity: 0.7;
}
}
/*------------------------------------
アニメーション
------------------------------------*/
#slider {
opacity: 0;
max-width: 1800px;
margin: 0 auto;
}
#titlearea_ct h1 {
animation: fadeIn_ct 1s 0.5s both;
opacity: 0;
}
.fadeIn_ct {
animation: fadeIn_ct 1s 1s both;
opacity: 0;
}
.fade_ct {
animation: fadeInBottom_ct 1s 0s both;
opacity: 0;
}
@media (max-width: 919px) {
#styling_ct ul li:nth-child(2n-1).fade_ct, ul#lineup_list li:nth-child(2n-1).fade_ct {
animation-delay: 0.2s;
}
#styling_ct ul li:nth-child(2n).fade_ct, ul#lineup_list li:nth-child(2n).fade_ct {
animation-delay: 0.4s;
}
}
@media (min-width: 919px) {
#styling_ct ul li:nth-child(3n-1).fade_ct, ul#lineup_list li:nth-child(3n-1).fade_ct {
animation-delay: 0.2s;
}
#styling_ct ul li:nth-child(3n).fade_ct, ul#lineup_list li:nth-child(3n).fade_ct {
animation-delay: 0.4s;
}
}
ul#lineup_list.active li {
animation: fadeInBottom_ct 1.2s 0s both;
animation-delay: 0.1s !important;
}
@keyframes fadeIn_ct {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeInBottom_ct {
0% {
transform: translateY(10px);
opacity: 0;
}
100% {
transform: translateY(0px);
opacity: 1;
}
}
/*------------------------------------
webフォント
------------------------------------*/
/* 全体 */
#wrapper, #titlearea_ct p {
/* font-family: "ヒラギノ角ゴ W3 JIS2004"; */
}
/*------------------------------------
slider
------------------------------------*/
.slide {
padding: 0;
}
.slide li.item {}
.slide li.item div {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
position: relative;
overflow: hidden;
}
.slide li.item div span {
width: 50%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
}
.slide li.item div img {
width: auto;
height: 100%;
flex-shrink: 0;
}
.slide li.item div > img {}
#slider .copyright_ct {
position: absolute;
right: 2%;
bottom: 10%;
}
#slider .copyright_w_ct {
position: absolute;
left: 6%;
bottom: 1.5%;
width: 22%;
}
#slider .copyright_obitsu_ct {
position: absolute;
left: 5.5%;
bottom: 3.5%;
width: 6%;
}
.slide-animation img.main_ct, .slide-animation img.s_sub_ct {
animation: fadezoom 2s 0s forwards;
}
.zoom-animation img.main_ct {
animation: fadezoom 2s 1s forwards;
}
.zoom-animation img.s_sub_ct {
animation: fadezoom 2s 1s forwards;
}
.slick-slide img.s_sub_ct {
transform: scale(1.06);
}
.slick-slide img.main_ct {
transform: scale(1.06);
display: block;
}
@media (min-width: 920px) and (max-height: 1400px) {
.slide li.item div img {
width: 100%;
/* height: 900px; */
}
}
/* @media (min-width: 920px) and (max-height: 1000px) {
.slide li.item div img {
width: auto;
}
} */
@media (min-width: 1700px) {
.slide li.item div img.main_ct {
width: 100%;
height: auto;
}
}
/* */
.slick-slide img.main_ct {
transform: scale(1.06);
display: block;
width: auto;
height: calc(100vh - 200px);
margin: 0 calc(-50vw * 0.2);
}
@media (min-width: 2100px), (max-height: 800px) {
.slide li.item div span img {
width: 50vw;
margin: 0;
height: auto;
}
.slide li.item div > img {
width: 100vw;
margin: 0;
height: auto;
}
}
@media (max-width: 1800px) and (min-width: 1500px) and (min-height: 1200px) {
.slick-slide img.main_ct {
margin: 0 calc(-50vw * 0.35);
}
}
@media (max-width: 1500px) and (min-height: 581px) {
.slick-slide img.main_ct {
margin: 0px calc(-25vw * 0.3);
width: 60vw;
height: auto;
}
}
@media (max-width: 1500px) and (min-height: 901px) {
.slick-slide img.main_ct {
margin: 0 calc(-50vw * 0.3);
width: 80vw;
height: auto;
}
}
@media (min-width: 920px) and (max-height: 800px) {
.slick-slide img.main_ct {
width: 50vw;
margin: 0;
height: auto;
}
}
@keyframes fadezoom {
0% {
transform: scale(1);
}
100% {
transform: scale(1.06);
}
}
@keyframes slide-in {
0% {
width: 0;
}
100% {
width: 100%;
}
}
/* SP */
@media (max-width: 919px) {
.slide {
width: 100%;
}
.slide li.item {
background: #FFF;
}
.slide li.item div img {
width: 200vw;
height: auto;
margin: 0 -50vw;
}
.slide li.item div span {
width: 100%;
position: relative;
}
.slide li.item div span img {
margin: 0 0;
}
.slide li.item.item01 div img {
margin: 0 0 0 -10vw;
}
.slide li.item.item02 div img {
margin: 0 0 0 0;
}
.slide li.item.item03 div img {
margin: 0;
/* width: 100vw; */
}
.slide li.item.item04 div img {
margin: 0 0 0 -30vw;
}
.slide li.item.item05 div img {
margin: 0 0 0 0;
}
.slide li.item.item06 div img {
margin: 0 0 0 -20vw;
}
.slide li.item.item07 div img {
margin: 0 0 0 0;
}
.slide li.item.item08 div img {
margin: 0 0 0 0;
}
.slide li.item.item09 div img {
margin: 0 -40vw 0 0;
}
.slide li.item.item-kimono div img {
margin: 0 0 0 0;
}
.slide li.item.item-nakahara-collab div img {
/* margin: 0 40vw 0 0; */
width: 100vw;
}
#slider .copyright_w_ct {
width: 45%;
bottom: 2.5%;
left: 4%;
}
#slider .copyright_obitsu_ct {
bottom: 4.5%;
left: 3%;
width: 16%;
}
#slider .item-nakahara-collab .copyright_ct {
width: 8%;
bottom: 4%;
right: 4%;
}
.slick-initialized .item, .slick-initialized .item img {
/* float: right; */
}
#styling_ct ul li {
width: 86% !important;
padding: 0 7%;
box-sizing: initial;
}
#styling_ct li img {
width: 100%;
height: auto;
}
#styling_ct ul li .copyright_ct {
width: 13%;
right: 7%;
}
.slick-prev, .slick-next {
position: absolute;
z-index: 1;
top: 39%;
border: none;
display: block;
cursor: pointer;
outline: none;
width: 5%;
height: 30%;
min-height: 100px;
}
.slick-prev:before, .slick-next:before {
content: "";
}
.slick-next {
right: 1%;
}
.slick-prev {
left: 1%;
}
.slick-prev:hover, .slick-prev:focus {
outline: none;
}
.slick-next:hover, .slick-next:focus {
outline: none;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
opacity: 1;
}
.slick-prev, .slick-prev:focus, .slick-prev:hover {
background: url(../images/arrow_l.png) no-repeat center center;
background-size: contain;
}
.slick-next, .slick-next:focus, .slick-next:hover {
background: url(../images/arrow_r.png) no-repeat center center;
background-size: contain;
}
}
/* TOPバナーにslick dots追加 */
.slider-dots {
position: relative;
z-index: 1;
}
@media (min-width: 920px) {
/* PC */
.slider-dots ul:nth-child(2) {
display: none !important;
}
.slider-dots ul {
position: absolute;
top: 40px;
}
}
@media (max-width: 919px) {
/* SP */
.slider-dots {
margin: 4vw 0 -4vw;
}
}
.slick-dots {
position: absolute;
bottom: 0px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
position: relative;
display: inline-block;
width: 15px;
height: 15px;
margin: 10px 7px 15px !important;
padding: 0;
cursor: pointer;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 100%;
height: 100%;
padding: 0;
cursor: pointer;
border: 0;
background: none;
outline: none;
text-align: center;
}
.slick-dots li button:hover, .slick-dots li button:focus {
outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
opacity: 1;
}
.slick-dots li button:before {
-webkit-transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);
/* font-family: 'slick'; */
/* font-size: 6px; */
/* line-height: 20px; */
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: '';
text-align: center;
border-radius: 20px;
opacity: .25;
background: #33322e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
opacity: .75;
}
@media (max-width: 919px) {
/* SP */
.slick-dots li {
width: 12px;
height: 12px;
}
.slick-dots li button {
padding: 0px;
}
.slick-dots li button:before {}
}
/* 商品カテゴリー絞り込み */
#category_btn {
margin: 0 0 50px
}
#category_btn ul {
display: flex;
text-align: center;
flex-wrap: wrap;
justify-content: center;
align-items: center;
font-family: "ヒラギノ角ゴ W6 JIS2004";
}
#category_btn ul.pickup {
/* justify-content: end; */
margin-top: 1em;
}
#category_btn li {
width: 17.5%;
font-size: 114%;
padding: 9px 0;
margin: 0 0.7em;
letter-spacing: 0.05em;
font-weight: bold;
border-radius: 5px;
background: #f4f2f2;
cursor: pointer;
transition: all 0.3s;
}
#category_btn li.active {
background: #f3bec1;
pointer-events: none;
}
#category_btn ul.pickup li.active {
background: #f3bec1;
}
@media (min-width: 920px) {
/* PC */
#category_btn li:hover {
background: #f3bec1;
}
}
@media (max-width: 919px) {
/* SP */
#category_btn {
margin: 0 0 30px
}
#category_btn ul { /* flex-wrap: nowrap; */ justify-content: center;
}
#category_btn li {
width: 29%;
font-size: 90%;
margin: 0.5em 1.5%;
}
#category_btn ul.pickup {
width: 90%;
margin: 1em auto 0;
}
#category_btn ul.pickup li {
width: 21%;
}
}
#slider .s_sub_ct {
width: 26%;
position: absolute;
top: 17%;
left: 2%;
z-index: 1;
}
#slider .item-nakahara-collab .s_sub_ct {}
/* #slider .item02 .s_text_ct {
top: 73%;
left: 70%;
}
#slider .item03 .s_text_ct {
top: 30%;
left: 2%;
}
*/
@media (max-width: 919px) {
/* SP */
#slider .s_text_ct {
width: 40%;
}
#slider .item-nakahara-collab .s_text_ct {
top: 23%;
left: 10%;
}
/* #slider .item02 .s_text_ct {
top: 73%;
left: 58%;
}
#slider .item03 .s_text_ct {
top: 16%;
left: 7%;
}
*/
}