img
{
    display: none;
    /*float: rigth;

    border: 0;*/
}
body{
    margin: auto;
}

#wrapper{
  
    display:block;
    margin: 0　auto;
}

#wrapper img{
width: 100%;
        max-width: 100%;
        height: auto;
    vertical-align: bottom;
    display:block;
    
    margin: 0　auto;
}
@media screen and (min-width: 766px)
{
  #wrapper img{
      width: auto;
      margin: 0　auto;
      display:block;
      
}
}

.contener img{
    margin:auto;
    text-align: center;
    display:flex;
    
    
}

/*header*/
.header {
  overflow: hidden;
  zoom: 1 !important;
  position: relative;
  padding: 0.66em;
  background-color: #ffffff;
}
.header .logo, .header .tel, .header .mail {
  float: left;
}
.header .logo {
  width: 28.16%;
  padding-top: 10px;
}
.header .mail {
  width: 36%;
  padding-top: 0px;
}


/*footer*/
.footer {
  color: #333333;
}
.footer .nav {
  margin-bottom: 2em;
  padding: 1.33em;
  border-top: solid 1px #7e685e;
  border-bottom: solid 1px #7e685e;
  text-align: center;
}
.footer .nav li {
  display: inline-block;
}
.footer .nav li + li:before {
  content: '|';
  display: inline-block;
  margin: 0 0.2em;
}
.footer .company {
  margin-bottom: 1em;
}
.footer .company p {
  text-align: center;
  line-height: 1.75;
}
.footer .copyright {
  margin-bottom: 2em;
}
.footer .copyright p {
  text-align: center;
}



/*768以下で非表示*/
@media screen and (max-width: 768px){
.pc_on {display:none}
}
/*768以上で非表示*/
@media screen and (min-width: 769px){
.sp_on {display:none}
}
.contener{
    text-align: center;
    margin: auto;
}

.sp-con01{
    text-align: center;
    margin: auto;
}


/*旧*/
/*!
http://g-azami.tumblr.com/
v1.0 | 20140213
License: none (public domain)
*/
/* line 1, ../scss/_header.scss */
.header
{
    background-color: #fff;
    margin: 0;
    
}
.header img
{
    margin: 0;
    
}
/* line 4, ../scss/_header.scss */
.header__box
{
    width: 960px;
    margin: 0 auto;
}

/* **************************************** */
/* line 11, ../scss/_header.scss */
#global .container
{
    position: relative;

    width: 960px;
    height: 100%;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    /* line 11, ../scss/_header.scss */
    #global .container
    {
        display:contents;
        margin: 0 auto;

        box-sizing: border-box;
        width: auto;
        padding: 0px;

        flex-wrap: wrap;
        justify-content: space-between;
    }
}

/* line 25, ../scss/_header.scss */
header#global
{
    position: relative;
    z-index: 1000;
    top: 0;

    width: 100%;
    height: 65px;

    background: none;
}
@media screen and (max-width: 640px)
{
    /* line 25, ../scss/_header.scss */
    header#global
    {
        position: static;

        height: 100%;
    }
}

/* line 37, ../scss/_header.scss */
header#global .logo
{
    position: absolute;
    top: 10px;
    left: 0;
}
@media screen and (max-width: 768px)
{
    /* line 37, ../scss/_header.scss */
    header#global .logo
    {
        position: static;

        width: 20%;
    }
}

/* line 46, ../scss/_header.scss */
header#global h1
{
    font-size: 13px;
    line-height: 1.2;

    position: absolute;
    top: 12px;
    left: 80px;

    padding: 0;

    text-align: left;

    color: #c97e1e;
}
@media screen and (max-width: 768px)
{
    /* line 46, ../scss/_header.scss */
    header#global h1
    {
        font-size: 10px;

        position: static;

        width: 75%;
    }
}

/* line 61, ../scss/_header.scss */
header#global .contact
{
    position: absolute;
    top: 10px;
    right: 0;
}
@media screen and (max-width: 768px)
{
    /* line 61, ../scss/_header.scss */
    header#global .contact
    {
        position: static;
    }
}

/* line 69, ../scss/_header.scss */
header#global .contact a
{
    color: #503327;
}

/* line 75, ../scss/_header.scss */
header#global a.mail:hover
{
    color: #c97e1e;
}

/* line 79, ../scss/_header.scss */
header#global .phone .label,
header#global .mail .label
{
    font-size: 9px;
    line-height: 12px;

    display: inline-block;

    width: 2rem;
    height: 12px;
    margin-right: 5px;

    text-align: center;
    vertical-align: middle;

    border: 1px solid #503327;
}

/* line 91, ../scss/_header.scss */
header#global .phone .sub,
header#global .mail .sub
{
    font-size: 10px;

    vertical-align: middle;
}

.header .tel {
    width: 40vw;
    display: inline-block;
}
.header .mail_sp {
    width: 30vw;
    display: inline-block;
}

/*==================================================================
Layout styles
===================================================================*/
/* line 4, ../scss/_footer.scss */
#footwrap
{
    background-image: none;
}

/* line 7, ../scss/_footer.scss */
#footer
{
    font-size: 93%;

    position: relative;

    margin: 0 auto;
    padding: 15px 10px 20px;
}

/* line 13, ../scss/_footer.scss */
#lpFooter
{
    padding: 15px 0;

    text-align: center;

    border-top: 1px solid #89685f;
    border-bottom: 1px solid #89685f;
}
/* line 18, ../scss/_footer.scss */
#lpFooter li
{
    display: inline-block;

    margin-left: 10px;
}
/* line 21, ../scss/_footer.scss */
#lpFooter li:first-child
{
    margin-left: 0;
}

/* line 26, ../scss/_footer.scss */
#copyRight
{
    clear: both;

    padding: 5px 0;

    text-align: center;

    color: #523021;
    background-color: #fff;
}

/* line 34, ../scss/_footer.scss */
footer#global
{
    padding-bottom: 60px;
}

/* line 37, ../scss/_footer.scss */
footer#global .links
{
    font-size: 24px;

    padding: 1.5em;

    text-align: center;

    border-top: 1px solid #7e685e;
    border-bottom: 1px solid #7e685e;
}
@media screen and (max-width: 640px)
{
    /* line 37, ../scss/_footer.scss */
    footer#global .links
    {
        font-size: 12px;
    }
}

/* line 47, ../scss/_footer.scss */
footer#global .contact
{
    font-size: 24px;

    margin-top: 2em;

    text-align: center;
}
@media screen and (max-width: 640px)
{
    /* line 47, ../scss/_footer.scss */
    footer#global .contact
    {
        font-size: 12px;
    }
}

/* line 55, ../scss/_footer.scss */
footer#global .copyright
{
    font-size: 20px;

    padding: 0 0;

    text-align: center;
}
@media screen and (max-width: 640px)
{
    /* line 55, ../scss/_footer.scss */
    footer#global .copyright
    {
        font-size: 12px;
    }
}

/* line 1, ../scss/_sp170410.scss */
img
{
    vertical-align: bottom;
}
@media screen and (max-width: 640px)
{
    /* line 1, ../scss/_sp170410.scss */
    img
    {
        width: 100%;
        max-width: 100%;
        height: auto;
    }
}

/* line 9, ../scss/_sp170410.scss */
.pageAncher__hover:hover
{
    opacity: .8;
}

/* line 12, ../scss/_sp170410.scss */
#header
{
    padding: 16px 0;

    text-align: center;
}

/**/

/*トップ画像のレスポンシブ用*/

/* line 17, ../scss/_sp170410.scss */
#mainVisual
{
    width: 960px;
    margin: 0 auto;
}
@media screen and (max-width: 768px)
{
    /* line 17, ../scss/_sp170410.scss */
    #mainVisual
    {
        width: auto;
        margin-bottom: 0;
    }
}


.mv {
  position: relative;
  width: auto;
}
.mv .att {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.5em 0.66em 1em;
}
.mv .att p {
  line-height: 1.2;
  text-shadow: 0 0 1em white, 0 0 1em white, 0 0 1em white, 0 0 1em white;
}
.base {
    position: relative;
    width: auto;
}
.gifpic {
    position: absolute;
    right: 20.5%;
    top: 45%;
    width: 59%;
}
.gifpic22 {
    position: absolute;
    right: 0;
    top: 25%;
    width: 100%;
}
/**/



/*content*/
.cv1{
    background-color: #e3efef;
    padding-top: 0.5rem;
}
.product {
    position: relative;
    max-width: 768px;
    text-align: center;
    margin: 2rem auto;
    background-color: #fff;
    padding: 0.5rem 0;
}
.btn {
    width: 888px;
    margin: 0 auto;
    position: absolute;
}
.btn_01 {
    position: absolute;
    bottom:6%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
}
.btn_02 {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    bottom:3%;
    margin: auto;
    max-width: 90%;
}
.btn_03 {
    position: absolute;
    left: 0;
    right: 0;
    bottom:3%;
    margin: auto;
    max-width: 90%;
}

/*sp*/
@media screen and (max-width: 640px){
	.gifpic {
    position: absolute;
    right: 10%;
    top: 45%;
    width: 80%;
}
.btn_01 {
    position: absolute;
    bottom:7%;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 90%;
}
.btn_02 {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    bottom:4%;
    margin: auto;
    max-width: 90%;
}
.btn_03 {
    position: absolute;
    left: 0;
    right: 0;
    bottom:3%;
    margin: auto;
    max-width: 90%;
}
}
/**/