﻿
@media screen and (min-width: 768px) {


}

/*-------------------------*/
/* SPレイアウト 767px*/
/*-------------------------*/
@media screen and (max-width: 767px) {
/*=============================
Layout-Base
===============================*/
.btn01 {
    max-width: 230px;
    height: 60px;
    line-height: 60px;
    }

/* header
-------------------------*/
.xsn{ display:none!important;}

/* main-visual
-------------------------*/
.topmainbox-wrap{height: 340px;}

/* contact
-------------------------*/
#contact ul.flex {max-width:320px;}
#contact .tel {
    width:100%;
    margin:1em auto 0;
    text-align: center;
    }
#contact .tel dt {font-size:22px;}
#contact .tel dt .tel_link {font-size:32px;}
#contact .btn_contact ,
#contact .btn_line {
    width:100%;
    margin:1em auto 0;
    }
#contact .btn_line {font-size:18px;}
#contact .btn_contact {
    font-size:20px;
    letter-spacing: 0.05em;
    }

/* footer
-------------------------*/
/*footer {padding-bottom:120px;	}*/
.ft_nav {
    max-width:100%;
    text-align: center;
    }
.ft_nav ul {width:100%;}
.ft_nav li {
    line-height:35px;
    height:35px;
    color:#fff;
    display:block;
    width:100%;
    background:#0068b7;
    margin:10px 0 0;
    font-size:13px;
    padding:0;
    }
.ft_nav li a {
    display:block;
    text-decoration:none;
    color:#fff;
    }
.copyright {margin-top:15px;}
.copyright address {font-size:11px;}


/* sidebar
-------------------------*/
#sidebar {
    display: block;
    position: fixed;
    top:auto;
    bottom: -70px;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    width:100%;
    padding:10px 0;
    background:#eef3f7;
    }
#sidebar.fx {bottom: 0px;}
#sidebar ul {
    width:96%;
    margin:0 auto;
    }
#sidebar li {
    width:48%;
    height:50px;
    line-height:50px;
    border-radius:10px;
    writing-mode: horizontal-tb;
    -webkit-writing-mode: horizontal-tb;
    -ms-writing-mode: horizontal-tb;
    font-size:14px;
    margin-top:0;
    }
#sidebar li:nth-child(1) span {
    background:url("https://basefile.akamaized.net/dustymiller-base-shop/68ca40d58ca0e/icon_line.png") no-repeat left center;
    background-size:18px;
    padding:0 0 0 25px;
    }
#sidebar li:nth-child(2) span {
    background:url("https://basefile.akamaized.net/dustymiller-base-shop/68ca40a874dbc/icon_base.png") no-repeat left center;
    background-size:20px;
    padding:0 0 0 25px;
    }
#sidebar li a {padding:0;}

/*=============================
	TopPage setting
===============================*/
.wc_h3_01 {font-size:18px;}
.wc_h3_01 span {font-size:54px;}
}

@media screen and (max-width: 540px) {
#sidebar ul{row-gap: 10px;}
#sidebar li{width: 100%;}
}
