@charset "UTF-8";
/* CSS Document */

.shop img{
	display: inline;
}

.section {
    padding-bottom: 122px;
}
.sec02-bg{
    background-color: #faf7f0;
    padding-top: 90px;
}

/*購入ステップ*/
.shop .list-02{
	margin-bottom: 40px;
}
.shop .list-02 li{
	position: relative;
	min-height: 162px;
	margin-bottom: 40px;
}
.shop .list-02 li .photo{
	width: 189px;
	position: absolute;
	top: 0;
	left: 0;
}
.shop .list-02 li .text{
	color:#555;
}
.shop .list-02 li .ttl-step{
	margin-bottom: 15px;
}
.shop .list-02 li .ttl-step,
.shop .list-02 li .text,
.shop .list-02 li .chuui,
.shop .list-02 li .attn{
	margin-left: 219px;
}
.shop .list-02 li .attn{
	font-weight: bold;
}
.shop .list-02 li .text{
	margin-bottom:1em;
}
.shop .list-02 li .attn .attn-text{
	background: linear-gradient(to bottom, transparent, transparent 50%, #fcd8d7 50%, #fcd8d7 100%);
}

.shop .clm-01{
    margin-bottom: 50px;
}
.shop .sec01 .bg-box-01 .cnt-bg-box-01 {
    padding-left: 170px;
    padding-right: 170px;
}
.shop .sec01 .bg-box-01 .cnt-bg-box-01 .sup{
	vertical-align: text-top;
	font-size: 0.3em;
}
.shop .sec01-clm-01 .chuui {
    margin-bottom: 50px;
}
.shop .sec01-clm-01 .chuui dd {
    padding-left: 2em;
}


.shop .sec01-clm-01 .btn-07,
.shop .sec01-clm-02 .btn-07 {
    width: 350px;
    margin: 0 auto 1.25em;
}
.shop .sec01 .txt-sec01-01 {
    margin-bottom: 0.75em;
}
.shop .sec01 .list-prod li {
	float: left;
    text-align: center;
    margin-bottom: 15px;
}
.shop .sec01 .list-prod-01 {
    width: 48%;
    margin-right: 13%;
}
.shop .sec01 .list-prod-02 {
    width: 39%;
}
.shop .sec01 .list-prod-01 .ttl-09 {
    max-width: 12.625em;
    margin-left: auto;
    margin-right: auto;
}
.shop .sec01 .list-prod-02 .ttl-09 {
    max-width: 8.06em;
    margin-left: auto;
    margin-right: auto;
}
.shop .sec01 .list-prod-02 .img-sec01-01 img {
    width: 65.4%;
}
.shop .sec01 .txt-sec01-02 {
    font-size: 1.2858em;
    font-weight: bold;
    color: #000;
    text-align: center;
    margin-bottom: 0.5em;
}
.shop .sec01 .sec01-clm-01 .list-prod{
    margin-bottom:24px;
}
.shop .sec01-clm-01 p.chuui {
    line-height: 1.5em;
}
.shop .sec01-clm-02 .chuui {
    text-align: center;
    margin-bottom: 50px;
}
.shop .sec01-clm-02 .list-prod li{
     width: 45%;
     margin-right: 5%;
}
.shop .sec01-clm-02 .list-prod {
    margin-right: -5%;
    margin-bottom: 22px;
}
.shop .sec01-clm-02 .list-cart-btns {
    display: flex;
    flex-flow: wrap;
    justify-content: space-around;
    margin-bottom:30px;
}
.shop .sec01-clm-02 .list-cart-btns li {
    width: 30%;
}
.shop .sec01-clm-02 .btn-08 img {
    margin: auto;
}
.shop .sec01-clm-02 .btn-rohtoonline img {
    width: 141px;
}
.shop .sec01-clm-02 .btn-lohaco img {
    width: 108px;
}
.shop .sec01-clm-02 .btn-amazon img {
    width: 71px;
}





.shop .sec02-bg{
	/*margin-bottom: 120px;*/
	margin-bottom: 0;
}
.shop .sec02 .ttl-01{
    background: url(/~/Media/com/flady/fladycc/shop/200612/sec02-ttl-eng_pc.png) no-repeat;
    background-position: center bottom;
	padding-bottom: 34px;
	margin-bottom: 42px;
}
.shop .sec02 .ttl-01 .cnt-01{
	line-height: 1.25em;
}
.shop .sec02 .list-02 .use-1 .text .cnt-txt{
	margin-bottom: 15px;
}
.shop .sec02 .list-02 .use-1 .text .btn-05{
	width: 297px;
}
.shop .sec02 .list-02 .use-1 .text .btn-05 a{
	border-radius: 6px;
	padding-top: 11px;
	padding-bottom: 8px;
}

.shop .sec03 .ttl-01{
    background: url(/~/Media/com/flady/fladycc/shop/200612/sec03-ttl-eng_pc.png) no-repeat;
    background-position: center top;
	padding-bottom: 34px;
	margin-bottom: 30px;
}
.shop .sec03 .sec03-clm-01 .sec03-txt{
	margin-bottom: 30px;
}
.sec03 .btn-list{
	display: flex;
	margin-right: -3.5%;
	width: auto;
	margin-bottom: 110px;
}
.sec03 .btn-list li{
	width: 31%;
	margin-right: 3.5%;
}
.sec03 .btn-list li a{
	font-size: 1.286em;
}

.shop .sec03 .btn-list-03 li.btn-06{
	display: table;
}
.shop .sec03 .btn-list-03 li.btn-06 a{
	display: table-cell;
	vertical-align: middle;
}
.shop .sec03 .sec03-clm-01 p{
	margin-bottom:1em;
}
.sec-push .btn-list {
    margin-bottom: 160px;
}


/****************************** BREAK POINT *******************************
タブレット Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 768px) {

.shop .sec01-clm-01 .chuui {
    margin-bottom: 10%;
}
.shop .sec01 .bg-box-01 .cnt-bg-box-01 {
    padding-left: 3.5%;
    padding-right: 3.5%;
}
.shop .sec01-clm-01 .btn-07,
.shop .sec01-clm-02 .btn-07{
    width:90%;
}
.shop .sec01 .txt-sec01-01 {
    line-height: 1.38em;
		font-size:3.64vw;
}
.shop .sec01 .list-prod-01 {
    width: 52%;
    margin-right: 8%;
}
.shop .sec01 .list-prod-02 {
    width: 40%;
}
.shop .sec01-clm-02 .list-prod {
    margin-bottom: 10%;
}
.shop .sec01 .list-prod-01 .ttl-09,
.shop .sec01 .list-prod-02 .ttl-09{
    padding: 1vw;
    font-size: 3.5vw;
}
.shop .sec01 .list-prod-02 .ttl-09 {
    max-width: 6.75em;
}
.shop .sec01 .list-prod li {
    margin-bottom: 0;
}
.shop .sec01 .sec01-clm-01 .list-prod {
    margin-bottom: 14%;
}
.shop .sec01 .txt-sec01-02 {
    font-size: 4.76vw;
    margin-bottom: 4%;
}
.shop .sec01-clm-01 .btn-07,
.shop .sec01-clm-02 .btn-07 {
    margin-bottom: 4%;
}
.shop .sec01-clm-01 p.chuui {
    margin-bottom: 0;
}
.shop .sec01-clm-02 .chuui {
    margin-bottom: 10%;
}
.shop .sec01-clm-02 .list-cart-btns li {
    width: 48.5%;
    margin-bottom: 3%;
}
.shop .sec01-clm-02 .list-cart-btns {
    justify-content: space-between;
    margin-bottom: 7%;
}
.shop .sec01-clm-02 .btn-rohtoonline img {
    width: 80%;
}
.shop .sec01-clm-02 .btn-lohaco img {
    width: 60%;
}
.shop .sec01-clm-02 .btn-amazon img {
    width: 45%;
}



	
	.shop .sec02-bg{
		padding-top: 19%;
		/*margin-bottom: 15%;*/
		margin-bottom: 0;
		padding-bottom: 10%;
	}
	.shop .sec02 .ttl-01{
		background-position: center top;
		padding-top: 10%;
		padding-bottom: 0;
		margin-bottom: 13%;
		background-size: 65%;
	}
	.shop .list-02 li{
		margin-bottom:13%;
	}
	.shop .sec02 .list-02 li .ttl-step,
	.shop .sec02 .list-02 li .text,
	.shop .sec02 .list-02 li .chuui,
	.shop .sec02 .list-02 li .attn{
		margin-left: 0;
	}
	.shop .sec02 .list-02 li .photo{
		width:59%;
		position: static;
		margin: 0 auto 3.4%;
	}
	.shop .sec02 .list-02 li .ttl-step{
		margin-bottom: 5%;
	}
	.shop .sec02 .list-02 li.use-1 .photo-02{
		margin-bottom: 9%;
	}
	.shop .list-02 li .text{
		font-size: 3.64vw;
		line-height: 1.75em;
	}
	.shop .sec02 .list-02 .use-1 .text .btn-05{
		width: 81%;
		margin: 0 auto;
	}
	.shop .sec02 .list-02 .use-1 .text .btn-05 a{
		padding-top: 3vw;
		padding-bottom: 2vw;
		border-radius: 10px;
	}
	.shop .sec02 .list-02 .use-1 .text .cnt-txt{
		margin-bottom: 1em;
	}
	.shop .sec03 .ttl-01{
		background: url(/~/Media/com/flady/fladycc/shop/200612/sec03-ttl-eng_sp.png) no-repeat;
		background-position: center top;
		padding-top: 20%;
		padding-bottom: 0;
		margin-bottom: 10%;
		background-size: 70%;
	}
	.shop .sec03 .sec03-clm-01 .sec03-txt,
	.shop .sec03 .sec03-clm-01 p{
		font-size: 3.64vw;
		line-height: 1.75em;
	}
	.shop .sec03 .btn-list-03 li.btn-06{
		width: 81%;
		min-width: 288px;
		margin-right: auto;
		margin-left: auto;
	}
	.shop .sec03 .btn-list-03 li.btn-06 a{
		padding-top:4%;
		padding-bottom: 4%;
	}
	.sec-push .btn-list {
		margin-bottom: 40%;
	}
}
/****************************** BREAK POINT *******************************
SP Layout
******************************* BREAK POINT ******************************/
@media screen and (max-width: 480px) {
.shop .sec01-clm-02 .btn-rohtoonline img {
    width: 90%;
}
.shop .sec01-clm-02 .btn-lohaco img {
    width: 65%;
}
.shop .sec01-clm-02 .btn-amazon img {
    width: 50%;
}
}