@charset "utf-8";

@media screen and (max-width: 768px){

body{
	min-width:100%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



.st-Header__toggle {
    display: inline-block;
}


.st-Header nav {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.8);
    width: 100%;
    height: 100%;
    z-index: 999;
}

.st-Header__toggle.is-Active span:nth-of-type(1) {
    -webkit-transform: translateY(11px) rotate(-45deg);
    -ms-transform: translateY(11px) rotate(-45deg);
    transform: translateY(11px) rotate(-45deg);
}

.st-Header__toggle.is-Active span:nth-of-type(2) {
    opacity: 0;
}

.st-Header__toggle.is-Active span:nth-of-type(3) {
    -webkit-transform: translateY(-11px) rotate(45deg);
    -ms-transform: translateY(-11px) rotate(45deg);
    transform: translateY(-11px) rotate(45deg);
}

.st-Header__toggle.is-Active span {
    background-color: #fff;
}

.st-Header nav ul {
    display: block;
    width: auto;
    max-width: none;
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: auto;
    text-align: center;
}
.st-Header nav ul a {
    display: block;
    padding: 15px;
}
.st-Header nav a {
    color: #fff;
}

section{
	padding:0 15px 25px;
}
section.main{
	padding:0;
    padding-top:62px;
}
.main img{
width:100%;
}

h2{
font-size:28px;
font-weight:bold;
text-align:center;
color:#45ABD4;
line-height:28px;
padding-top:30px;
}

h2 span{
font-size:13px;
line-height:18px;
display:block;
padding-top:5px;
letter-spacing:2px;
}


h3{
font-size:26px;
font-weight:bold;
line-height:26px;
padding:20px 0px 15px 0px;
color:#545455;
}

h3 span{
font-size:13px;
padding-top:2px;
display:inline-block;
padding-left:10px;
letter-spacing:2px;
}

.copy{
	text-align:left;
	font-size:14px;
	line-height:23px;
	color:#656565;
	padding-top:15px;
	padding-bottom:5px;
}

.s_product{
}


.product_inner{
	width:100%;
	margin:0 auto;
}

.product_left{
	float:none;
	width:100%;
	padding-right:0px;
}

.product_left img{
	width:100%;
}

.product_right{
	float:none;
	width:100%;
	padding-left:0px;
	padding-top:0px;
font-size:14px;
letter-spacing:3px;
line-height:25px;
}


/*design*/

.s_design{
	background-color:#DEF1FB;
}

.design_img {
	padding:20px 0px 20px;
}
.design_img img{
	width:100%;
}


/*variation*/

.variation_list{
	 display:block;
    padding:0 0px;
}

.variation_list div{
	width:100%;
	padding:0 0px;
}

.variation_list div img{
	width:100%;
}

.variation_list p{
	text-align:center;
	padding:10px 0 25px;
	margin:0;
	font-size:14px;
	font-weight:bold;
}

.variation_one span{
	display:block;
	padding-top:5px;
	font-size:12px;
}



/*order*/

.s_order{
	background-color:#DEF1FB;
}

.order_one_1{
	padding-top:10px;
}


.order_one{
	width:100%;
	margin:0 auto;
	position:relative;
}


.order_one_1 .order_left{
	width:100%;
}

.order_one_2 .order_left{
	width:100%;
}

.order_left img{
	width:100%;
}

.order_right{
	width:100%;
	position:static;
	top:0;
	left:0;
}

.order_one_1 .order_right{
	    padding-top:0px;
}

.order_right h3{
	padding-left:0%;
	color:#231815;
	font-size:24px;
	padding-bottom:0;
}

.order_right p{
	padding-left:0%;
	font-size:14px;
	line-height:23px;
	padding-top:0px;
}

.order_right .order_arrow{
	padding-left:0%;
	padding-top:10px;
	text-align:center;
}

.order_right .order_arrow img{
	width:20px;
}

.order_right .bd{
	border-bottom:1px dotted #221714;
	padding-bottom:15px;
	margin-bottom:15px;
}

.order_right .bd_last{
	margin-left:0%;
}

.order_one_2{
	padding-top:20px;
}



.price_cont{
    width:100%;
    margin:15px auto;
    border-radius:5px;
    border:1px solid #545455;
    padding:10px;
}
.price_cont_inner{
    background-color:#FFFDE8;
    font-size:18px;
    font-weight: bold;
    line-height:22px;
    text-align:center;
    color:#545455;
}

.price_cont_inner p{
    color:#231815;
    font-size:18px;
}
.price_cont_inner span{
    color:#231815;
    font-size:12px;
    font-weight:normal;
}

.price_left{
    padding:25px 0 7px;
    float:none;
    width:100%;
    border-right:none;
    border-bottom:1px solid #545455;
}

.price_right{
    padding:15px 0 0px;
    float:none;
    width:100%;
}

.price_under{
    font-size:12px;
    line-height:20px;
    padding:15px 0;
    margin:10px 10px 0 15px;
    text-align:left;
    border-top:1px solid #545455;
}


/*contact*/


.contact_cont{
    text-align:center;
    padding:20px 0 10px;
}
.contact_cont a{
    background-color:#FFF;
    border-radius:15px;
    padding:5px 20px;
    font-size:20px;
    line-height:40px;
    text-decoration:none;
    text-align:center;
    color:#545455;
    font-weight: bold;
    display:inline-block;
}


footer{
	padding:20px 0;
	font-size:10px;
	text-align:center;
}




}