@charset "utf-8";
/* CSS Document */
#onlineadvice_body {
	font-size: 1.6em;
	line-height: 1.0em;
	color: #666;
	background-color: #ffffff;
    font-family: YuGothic, 'Yu Gothic', sans-serif;
}

/*clearfix*/
.clear {
clear:both;
}
.clearfix:before, .clearfix:after {
content: "";
display: block;
}
.clearfix:after {
clear: both;
}
.clearfix {
zoom: 1;
}
/*clearfix*/

/* ::::::::::::::::::::::::PC::::::::::::::::::::::::*/
@media screen and (min-width: 769px) {
.main {
	width: 1000px;
    margin:0 auto;
}
/*luckeybag2021_contents_start*/

/*luckeybag2021_header*/
#tittle{
	width: 100%;
	margin: 50px auto 30px auto;
	}
#tittle p{
	font-size: 22px;
	color: #484848;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
#luckeybag2021_header_sp{
	width:100%;
	margin-bottom: 40px;
	}
#luckeybag2021_header_sp h1 img{ width: 80%; }
	
/*div_width*/
#howtobuy,
.caution_class,
#first_luck,
.coupon_get,
#pickup,
#caution_id{ width: 1000px; }
	

/*img_width*/	
#first_luck p img{
	width: 100%;
	margin-top: 80px;
	margin-bottom: -72px;
	}

.coupon_get p a img{
	width: 100%;
	padding-bottom: 80px;
	}

#howtobuy h1 img,
#howtobuy p img,
.caution_class p a img,
#pickup p img,
#caution_id p a img{ width: 100%; }

#luckeybag2021_header_pc h1 a:hover,
.caution_class p a:hover,
.coupon_get p a:hover,
#caution_id p a:hover{ opacity: 0.7; }


/*first_luck_contents*/	
#hoodset,
#pullset,
#pajamaset,
#onepiece,
#gawn,	
#menswear,
#kidswear{
	width: 100%;
	padding-top: 120px;
	/*margin-top: -120px;*/
	}
#hoodset h1,
#pullset h1,
#pajamaset h1,
#onepiece h1,
#gawn h1,	
#menswear h1,
#kidswear h1{
	font-size: 38px;
	font-weight: 700;
	line-height: 1.5em;
	color: #727272;
	font-family: 'Kaisei Decol', serif;
	}
#hoodset p img{
	width: 60%;
	margin: 0px auto 30px auto;
	}	
/*first_luck_contentsアイテム一覧*/

/*こんな方におすすめ*/
.howdoyolike{
	width: 50%;
	margin-top: -20px;
	}
.balloon4 {
	max-width: 600px;
	position: relative;
	margin: 20px 0 20px 40px;
	padding: 20px;
	background: #999999;
	border-radius: 20px;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}

.balloon4:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #999999;
  border-radius: 50%;
}

.balloon4:after {
	content: "";
	position: absolute;
	left: -20px;
	width: 16px;
	height: 15px;
	bottom: 3px;
	background: #999999;
	border-radius: 50%;
}
.balloon4 p {
  margin: 0; 
  padding: 0;
}
/*こんな方におすすめ*/
	
/*ご利用の流れ（横スクロール）*/
.scroll_content { /* リスト全体のスタイル */
  display: flex;
  max-width: 80%;
  margin: auto;
  overflow-x: auto;
}
 
.scroll_content li { /* 各リストのスタイル */
  width: 40%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  max-height: 1000px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
	
.scroll_content h2{
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 36px;
	color: #484848;
	margin-top: 20px;
    margin-bottom: 20px;
	}
/*ご利用の流れ（横スクロール）_end*/

/*ご確認ください（縦スクロール）*/
.scroll_box{
	overflow: scroll;
	margin: 0 auto;
	border: 1px solid #C3B3A9;
	background: #DACFC7;
	width: 80%;
	height: 400px;
	font-size: 18px;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
.scroll_box_txt{
	font-size: 18px;
	color: #484848;
	text-align: left;
	line-height: 2em;
	padding: 20px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
/*ご確認ください（縦スクロール）_end*/
	
/*よくある質問*/
.question{
	width: 80%;
	margin-bottom: 60px;
	}
/*吹き出し*/
.balloon_l,
.balloon_r{
 /* margin: 30px 0;*/
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{ margin-left:25px; }
.balloon_l .faceicon{ margin-right:25px; }
.balloon_r .faceicon{ order:2 !important; }
.says_q {
	max-width:600px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #727272;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
	font-size: 18px;
	color: #FFFFFF;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_a {
	max-width:500px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #dddddd;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
	font-size: 18px;
	color: #484848;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_q p,
.says_a p{
  margin:8px 0 0 !important; 
}
.says_q p:first-child,
.says_a p:first-child{
  margin-top:0 !important;
}
.says_q:after,
.says_a:after{
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says_q:after,
.balloon_l .says_a:after{
  left: -26px;
  border-right: 22px solid #727272;
}
.balloon_r .says_q:after,
.balloon_r .says_a:after{
  right: -26px;
  border-left: 22px solid #dddddd;
}
/*よくある質問_end*/
	
/* button_solid007 */
.button_solid007 {
    text-align: center;
	margin: 10px auto 40px auto;
}
.button_solid007 p {
    margin-bottom: 12px;
	font-size: 28px;
    font-weight: 700;
    color: #47748F;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
.button_solid007 p:before, .button_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #47748F;
    content: "";
}
.button_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 42%;
    padding: 26px 26px;
	color: #FDF9F6;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #47748F;
    border-radius: 6px;
	font-size: 28px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
.button_solid007 a:hover {
    transform: translateY(-2px);
    text-decoration: none;
	background-color: #7CABC2;
}
/* button_solid007_end */
	
/* button_solid000 */
.button_solid000 {
    text-align: center;
	margin: 10px auto 40px auto;
}

.button_solid000 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 42%;
    padding: 26px 26px;
    color: #FDF9F6;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #C3B3A9;
    border-radius: 6px;
	font-size: 28px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
.button_solid000 a:hover {
    transform: translateY(-2px);
    text-decoration: none;
	background-color: #DACFC7;
}
/*button_solid000_end*/
	
/*fonts*/
.proper{
	width: 80%;
	font-size: 18px;
	color: #484848;
	text-align: left;
	line-height: 2em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.use_txt{
	font-size: 18px;
	color: #484848;
	text-align: left;
	line-height: 2em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}	
	
.schedule_box{
	margin: 0 auto;
	border: 1px solid #47748F;
	width: 80%;
	height: auto;
	padding: 30px 0 30px 0;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
	line-height: 1.8em;
	color: #47748F;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.discount{
	font-size: 22px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.saleprice{
	font-size: 22px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_link a{
	font-size: 16px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	text-decoration: underline;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_link a:hover{
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	color: #85a2b0;
	line-height: 1.6em;
	text-decoration: underline;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_id_title{
	font-size: 22px;
	color: #8a242f;
	font-weight: bold;
	text-align: center;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_id_txt{
	font-size: 16px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
#pickup h1{
	font-size: 60px;
	font-weight: bold;
	color: #212121;
	margin-top: 120px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_txt,
.item_read,
#footer p{
	font-size: 32px;
	color: #727272;
	font-weight: 700;
	line-height: 1.8em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
#footer p img{ width: 1000px;}

#cfs_contents_end{
    clear: both;
    width: 1000px;
    }
}

/* ::::::::::::::::::::::::iPad/SP横画面::::::::::::::::::::::::*/
@media screen and (max-width: 768px){
.main {
	width: 100%;
    margin:0 auto;
    overflow: hidden;
}

/*luckeybag2021_contents_start*/

/*luckeybag2021_header*/
#tittle{
	width: 100%;
	margin: 10px auto 30px auto;
	}
#tittle p{
	font-size: 22px;
	color: #484848;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
#luckeybag2021_header_pc{ display: none; }
#luckeybag2021_header_sp{
	width:100%;
	margin-bottom: 30px;
	}
#luckeybag2021_header_sp h1 img{ width: 90%; }
	
	
/*div_width*/
#howtobuy,
.caution_class,
#first_luck,
.coupon_get,
#pickup,
#caution_id{ width: 100%; }

	
/*img_width*/	
#first_luck p img{
	width: 100%;
	margin-top: 80px;
	margin-bottom: -96px;
	}

.coupon_get p a img{
	width: 100%;
	padding-bottom: 80px;
	}

#howtobuy h1 img,
#howtobuy p img,
.caution_class p a img,
#pickup p img,
#caution_id p a img{ width: 100%; }
	
	
/*first_luck_contents*/	
#hoodset,
#pullset,
#pajamaset,
#onepiece,
#gawn,	
#menswear,
#kidswear{
	width: 100%;
	padding-top: 40px;
	}
#hoodset h1,
#pullset h1,
#pajamaset h1,
#onepiece h1,
#gawn h1,	
#menswear h1,
#kidswear h1{
	font-size: 32px;
	font-weight: 700;
	line-height: 1.5em;
	color: #727272;
	margin-bottom: -22px;
	font-family: 'Kaisei Decol', serif;
	}
#hoodset p img{
	width: 80%;
	margin: 20px auto -6px auto;
	}	
/*first_luck_contentsアイテム一覧*/

/*こんな方におすすめ*/
.howdoyolike{
	width: 68%;
	}
.balloon4 {
	max-width: 600px;
	position: relative;
	margin: 20px 0 20px 40px;
	padding: 20px;
	background: #999999;
	border-radius: 20px;
	font-size: 20px;
	text-align: left;
	color: #FFFFFF;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}

.balloon4:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #999999;
  border-radius: 50%;
}

.balloon4:after {
	content: "";
	position: absolute;
	left: -20px;
	width: 16px;
	height: 15px;
	bottom: 3px;
	background: #999999;
	border-radius: 50%;
}
.balloon4 p {
  margin: 0; 
  padding: 0;
}
/*こんな方におすすめ*/
	
/*ご利用の流れ（横スクロール）*/
.scroll_content { /* リスト全体のスタイル */
	display: flex;
	max-width: 80%;
	margin: 40px 20px 40px 20px;
	overflow-x: auto;
	}
 
.scroll_content li { /* 各リストのスタイル */
  width: 40%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  max-height: 1000px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
	
.scroll_content h2{
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 36px;
	color: #484848;
	margin-top: 20px;
    margin-bottom: 20px;
	}
/*ご利用の流れ（横スクロール）_end*/

/*ご確認ください（縦スクロール）*/
.scroll_box{
	overflow: scroll;
	margin: 40px auto 40px auto;
	border: 1px solid #C3B3A9;
	background: #DACFC7;
	width: 86%;
	height: 400px;
	font-size: 18px;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
.scroll_box_txt{
	font-size: 18px;
	color: #484848;
	text-align: left;
	line-height: 1.8em;
	padding: 20px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
/*ご確認ください（縦スクロール）_end*/

/*よくある質問*/
.question{
	width: 88%;
	margin-top: 50px;
	margin-bottom: 60px;
	}
/*吹き出し*/
.balloon_l,
.balloon_r{
 /* margin: 30px 0;*/
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
.faceicon img{
  width: 80px; /*任意のサイズ*/
  height: auto;
}
.balloon_r .faceicon{
  margin-left:25px;
}
.balloon_l .faceicon{
  margin-right:25px;
}
.balloon_r .faceicon{
  order:2 !important;
}
.says_q {
	max-width:600px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #727272;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
	font-size: 18px;
	color: #FFFFFF;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_a {
	max-width:436px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #dddddd;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.5;
	font-size: 18px;
	color: #484848;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_q p,
.says_a p{
  margin:8px 0 0 !important; 
}
.says_q p:first-child,
.says_a p:first-child{
  margin-top:0 !important;
}
.says_q:after,
.says_a:after{
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says_q:after,
.balloon_l .says_a:after{
  left: -26px;
  border-right: 22px solid #727272;
}
.balloon_r .says_q:after,
.balloon_r .says_a:after{
  right: -26px;
  border-left: 22px solid #dddddd;
}
/*よくある質問_end*/
	
/* button_solid007 */
.button_solid007 {
    text-align: center;
	margin: 10px auto 40px auto;
}
.button_solid007 p {
    margin-bottom: 12px;
	font-size: 28px;
    font-weight: 700;
    color: #47748F;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
.button_solid007 p:before, .button_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #47748F;
    content: "";
}
.button_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 54%;
    padding: 26px 26px;
    color: #FDF9F6;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #47748F;
    border-radius: 6px;
	font-size: 28px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
/* button_solid007_end */
	
/* button_solid000 */
.button_solid000 {
    text-align: center;
	margin: 48px auto 40px auto;
}

.button_solid000 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 54%;
    padding: 26px 26px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #C3B3A9;
    border-radius: 6px;
	font-size: 28px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
/*button_solid000_end*/
	
/*fonts*/
.proper{
	width: 90%;
	font-size: 22px;
	color: #484848;
	line-height: 2em;
	padding: 20px;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.use_txt{
	font-size: 18px;
	color: #484848;
	text-align: left;
	line-height: 2em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.schedule_box{
	margin: 0 auto;
	border: 1px solid #47748F;
	width: 90%;
	height: auto;
	padding: 20px 0 10px 0;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.8em;
	text-align: center;
	color: #47748F;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.discount{
	font-size: 22px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.saleprice{
	font-size: 22px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_link a{
	font-size: 21px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	text-decoration: underline;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}	
	
.fontbold{
	font-size: 24px;
	color: #8a242f;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.caution_id_title{
	font-size: 22px;
	color: #8a242f;
	font-weight: bold;
	text-align: center;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
	
.caution_id_txt{
	font-size: 16px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
#pickup h1{
	font-size: 50px;
	font-weight: bold;
	color: #212121;
	margin-top: 120px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}	
	
.caution_txt,
.item_read,
#footer p{
	font-size: 30px;
	color: #484848;
	font-weight: bold;
	line-height: 1.8em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

#footer p img{
	width: 100%;
	}

#cfs_contents_end{
    clear: both;
    width: 100%;
    }
}

/* ::::::::::::::::::::::::スマホ::::::::::::::::::::::::*/
@media screen and (max-width: 600px)  {
.main {
	width: 100%;
    margin:0 auto;
    overflow: hidden;
}

/*luckeybag2021_contents_start*/

/*luckeybag2021_header*/
#tittle{
	width: 100%;
	margin: 10px auto 30px auto;
	}
#tittle p{
	font-size: 14px;
	color: #484848;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
#luckeybag2021_header_pc{ display: none; }
#luckeybag2021_header_sp{
	width:100%;
	margin-bottom: 20px;
	}
#luckeybag2021_header_sp h1 img{ width: 100%; }

	
/*div_width*/
#howtobuy,
.caution_class,
#first_luck,
.coupon_get,
#pickup,
#caution_id{ width: 100%; }

	
/*img_width*/	
#howtobuy h1 img{
	width: 100%;
	margin-bottom: -30px;
	}

#first_luck p img{
	width: 100%;
	margin-top: 40px;
	margin-bottom: -60px;
	}
	
.coupon_get p a img{
	width: 100%;
	padding-bottom: 80px;
	}

/*#howtobuy h1 img,*/
#howtobuy p img,
.caution_class p a img,
#pickup p img,
#caution_id p a img{ width: 100%; }
	
	
/*first_luck_contents*/
#hoodset,
#pullset,
#pajamaset,
#onepiece,
#gawn,	
#menswear,
#kidswear{
	width: 100%;
	padding-top: 20px;
	}
#hoodset h1,
#pullset h1,
#pajamaset h1,
#onepiece h1,
#gawn h1,	
#menswear h1,
#kidswear h1{
	font-size: 26px;
	font-weight: 700;
	color: #727272;
	margin-bottom: -4px;
	font-family: 'Kaisei Decol', serif;
	}	
#hoodset p img{
	width: 88%;
	margin: 10px auto 10px auto;
	}
/*first_luck_contentsアイテム一覧*/

/*こんな方におすすめ*/
.howdoyolike{
	width: 80%;
	margin-top: -10px;
    margin-bottom: 20px;
	}
.balloon4 {
	max-width: 600px;
	position: relative;
	margin: 20px 0 20px 40px;
	padding: 20px;
	background: #999999;
	border-radius: 20px;
	font-size: 14px;
	text-align: left;
	line-height: 1.8;
	color: #FFFFFF;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}

.balloon4:before {  
  content: "";
  position: absolute;
  left: -38px;
  width: 13px;
  height: 12px;
  bottom: 0;
  background: #999999;
  border-radius: 50%;
}

.balloon4:after {
	content: "";
	position: absolute;
	left: -20px;
	width: 16px;
	height: 15px;
	bottom: 3px;
	background: #999999;
	border-radius: 50%;
}
.balloon4 p {
  margin: 0; 
  padding: 0;
}
/*こんな方におすすめ*/
	
/*ご利用の流れ（横スクロール）*/
.scroll_content { /* リスト全体のスタイル */
	display: flex;
	max-width: 100%;
	margin: 20px 10px 20px 10px;
	overflow-x: auto;
	}
 
.scroll_content li { /* 各リストのスタイル */
  width: 78%;
  padding: 8px;
  margin: 3px;
  flex-shrink: 0;
  list-style: none;
}
 
.scroll_content img { /* 画像のスタイル */
  width: 100%;
  max-height: 1000px;
  object-fit: cover;
}
 
.scroll_content::-webkit-scrollbar {
  height: 12px; /* スクロールバーの高さ */
}
 
.scroll_content::-webkit-scrollbar-thumb {
  background: #aaa; /* ツマミの色 */
  border-radius: 6px; /* ツマミ両端の丸み */
}
 
.scroll_content::-webkit-scrollbar-track {
  background: #ddd; /* トラックの色 */
  border-radius: 6px; /* トラック両端の丸み */
}
	
.scroll_content h2{
	font-family: 'Nanum Gothic', sans-serif;
	font-size: 36px;
	color: #484848;
	margin-top: 20px;
    margin-bottom: 20px;
	}
/*ご利用の流れ（横スクロール）_end*/
	
/*ご確認ください（縦スクロール）*/
.scroll_box{
	overflow: scroll;
	margin: 30px auto 40px auto;
	border: 1px solid #C3B3A9;
	background: #DACFC7;
	width: 96%;
	height: 400px;
	font-size: 18px;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
.scroll_box_txt{
	font-size: 14px;
	color: #484848;
	text-align: left;
	line-height: 1.8em;
	padding: 20px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
/*ご確認ください（縦スクロール）_end*/

/*よくある質問*/
.question{
	margin-top: 30px;
	margin-bottom: 60px;
	padding: 0 10px;
	}
/*吹き出し*/
.balloon_l,
.balloon_r{
  margin: 38px 0;
  display:flex;
  justify-content: flex-start;
  align-items: flex-start; /*縦位置を上揃え*/
/*   align-items: center; */ /*縦位置を真ん中揃え*/
}
.balloon_r{
  justify-content:flex-end;
}
/*.faceicon img{
  width: 56px;
  height: auto;
}*/
.balloon_r .faceicon{
  /*margin-left:25px;*/
	display: none;
}
.balloon_l .faceicon{
  /*margin-right:25px;*/
	display: none;
}
.balloon_r .faceicon{
  order:2 !important;
}
.says_q {
	max-width:600px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #727272;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.8;
	font-size: 14px;
	color: #FFFFFF;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_a {
	max-width:500px; /*最大幅は任意*/
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 17px 13px 15px 18px;
	border-radius: 12px;
	background: #dddddd;/*色は任意*/
	box-sizing:border-box;
	margin:0 !important;
	line-height:1.8;
	font-size: 14px;
	color: #484848;
	text-align: left;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	/*align-items: center;*/ 
}
.says_q p,
.says_a p{
  margin:8px 0 0 !important; 
}
.says_q p:first-child,
.says_a p:first-child{
  margin-top:0 !important;
}
.says_q:after,
.says_a:after{
  content: "";
  position: absolute;
  border: 10px solid transparent;
/*   margin-top:-3px;  */
}
.balloon_l .says_q:after,
.balloon_l .says_a:after{
  left: -26px;
  border-right: 22px solid #727272;
}
.balloon_r .says_q:after,
.balloon_r .says_a:after{
  right: -26px;
  border-left: 22px solid #dddddd;
}
/*よくある質問_end*/
	
/* button_solid007 */
.button_solid007 {
    text-align: center;
	margin: 40px auto 40px auto;
}
.button_solid007 p {
    margin-bottom: 6px;
    font-size: 20px;
    font-weight: 700;
    color: #47748F;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
.button_solid007 p:before, .button_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #47748F;
    content: "";
}
.button_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 76%;
    padding: 20px 10px;
    color: #FDF9F6;
	text-shadow: 1px 1px 1px #47748f;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #47748F;
    border-radius: 6px;
	font-size: 20px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
/* button_solid007_end */
	
/* button_solid000 */
.button_solid000 {
    text-align: center;
	margin: 20px auto 40px auto;
}

.button_solid000 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 76%;
    padding: 20px 10px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    background: #C3B3A9;
    border-radius: 6px;
	font-size: 20px;
	text-decoration: none;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
}
/*button_solid000_end*/


/*fonts*/
.proper{
	font-size: 14px;
	color: #484848;
	text-align: left;
    line-height: 2em;
    padding: 10px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.use_txt{
	font-size: 14px;
	color: #484848;
	text-align: left;
	line-height: 2em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.schedule_box{
	margin: 0 auto;
	border: 1px solid #47748F;
	width: 94%;
	height: auto;
	padding: 30px 0 10px 0;
	font-size: 18px;
	text-align: center;
	color: #47748F;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.discount{
	font-size: 14px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.saleprice{
	font-size: 14px;
	color: #b34853;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_link a{
	font-size: 14px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	text-decoration: underline;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}	
	
.fontbold{
	font-size: 14px;
	color: #8a242f;
	font-weight: bold;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

.caution_id_title{
	font-size: 12px;
	color: #8a242f;
	font-weight: bold;
	text-align: center;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
.caution_id_txt{
	font-size: 12px;
	text-align: left;
	color: #8a242f;
	font-weight: bold;
	line-height: 1.6em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}
	
#pickup h1{
	font-size: 31px;
	font-weight: bold;
	color: #212121;
	margin-top: 68px;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}	

.caution_txt,
.item_read,
#footer p{
	font-size: 16px;
	color: #727272;
	font-weight: bold;
	line-height: 1.6em;
	font-family: YuGothic, 'Yu Gothic', sans-serif;
	}

#footer p img{ width: 100%; }
#cfs_contents_end{
    clear: both;
    width: 100%;
    }
}