@charset 'UTF-8';
/* ******************************************************************

        Setting of: General pages
            1: reset styles
            2: fonts styles
            3: General setting
            4: text setting
            5: list setting
            6: table setting
            7: form setting
           8: hacks setting

****************************************************************** */
/*==================================================================
    1: reset styles
===================================================================*/
/* line 893, ../scss/cores/_reset.scss */
html
{
    color: #333;
    background: #fff;
}

/* line 894, ../scss/cores/_reset.scss */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td
{
    z-index: 1;

    margin: 0;
    margin-left: 0;
    padding: 0;
}

/* line 900, ../scss/cores/_reset.scss */
table
{
    border-spacing: 0;
    border-collapse: collapse;
}

/* line 901, ../scss/cores/_reset.scss */
fieldset,


/* line 904, ../scss/cores/_reset.scss */
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var
{
    font-weight: normal;
    font-style: normal;
}

/* line 904, ../scss/cores/_reset.scss */
ul,
ol
{
    list-style: none;
}

/* line 904, ../scss/cores/_reset.scss */
caption,
th
{
    text-align: left;
}

/* line 904, ../scss/cores/_reset.scss */
h1,
h2,
h3,
h4,
h5,
h6
{
    font-size: 100%;
    font-weight: normal;
}

/* line 904, ../scss/cores/_reset.scss */
q:before,
q:after
{
    content: '';
}

/* line 904, ../scss/cores/_reset.scss */
abbr,
acronym
{
    font-variant: normal;

    border: 0;
}

/* line 904, ../scss/cores/_reset.scss */
sup
{
    vertical-align: text-top;
}

/* line 904, ../scss/cores/_reset.scss */
sub
{
    vertical-align: text-bottom;
}

/* line 904, ../scss/cores/_reset.scss */
input,
textarea,
select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
}

/* line 904, ../scss/cores/_reset.scss */
input,
textarea,
select
{
    *font-size: 100%;
}

/* line 904, ../scss/cores/_reset.scss */
legend
{
    color: #000;
}

/* line 904, ../scss/cores/_reset.scss */
a img,
map a
{
    border: none;
}

/*==================================================================
    2: fonts styles
===================================================================*/
/* line 910, ../scss/cores/_reset.scss */
body
{
    font: 13px/1.231 Verdana,Arial,sans-serif;
    line-height: 1.6;

    *font-size: small;
    *font: x-small;
}

/* line 910, ../scss/cores/_reset.scss */
select,
input,
button,
textarea,
button
{
    font: 99% arial,helvetica,clean,sans-serif;
}

/* line 910, ../scss/cores/_reset.scss */
table
{
    font: 100%;
    font-size: inherit;
}

/* line 910, ../scss/cores/_reset.scss */
pre,
code,
kbd,
samp,
tt
{
    font-family: monospace;
    line-height: 1;

    *font-size: 108%;
}

/* line 911, ../scss/cores/_reset.scss */
* html body
{
    font-family: 'ＭＳ Ｐゴシック',sans-serif;
}

/* line 912, ../scss/cores/_reset.scss */
*:first-child + html body
{
    font-family: 'メイリオ','ＭＳ Ｐゴシック',sans-serif;
}

/*==================================================================
    3: General setting
===================================================================*/
/* line 918, ../scss/cores/_reset.scss */
a
{
    /*\*/
    overflow: hidden;
    /**/
}

/*
a.hover:hover,
input.hover:hover{
    filter:alpha(opacity=80);
    -moz-opacity:0.8;
    -khtml-opacity:0.8;
    opacity:0.8;
    }
*/
/* line 932, ../scss/cores/_reset.scss */
a:link,
a:visited
{
    text-decoration: none;

    color: #333;
}

/* line 936, ../scss/cores/_reset.scss */
a:hover,
a:active
{
    text-decoration: none;

    color: #dd7d32;
    border-bottom: none;
}

/*==================================================================
    4: text setting
===================================================================*/
/* line 945, ../scss/cores/_reset.scss */
strong,
.bold
{
    font-weight: bold;
}

/* line 946, ../scss/cores/_reset.scss */
.note
{
    margin-left: 1.0em;

    text-indent: -1.0em;
}

/* line 948, ../scss/cores/_reset.scss */
.w100
{
    width: 100% !important;
}

/* line 949, ../scss/cores/_reset.scss */
.mt10,
.mv10,
.ma10
{
    margin-top: 10px !important;
}

/* line 950, ../scss/cores/_reset.scss */
.mr10,
.mh10,
.ma10
{
    margin-right: 10px !important;
}

/* line 951, ../scss/cores/_reset.scss */
.mb10,
.mv10,
.ma10
{
    margin-bottom: 10px !important;
}

/* line 952, ../scss/cores/_reset.scss */
.ml10,
.mh10,
.ma10
{
    margin-left: 10px !important;
}

/* line 953, ../scss/cores/_reset.scss */
.pt10,
.pv10,
.pa10
{
    padding-top: 10px !important;
}

/* line 954, ../scss/cores/_reset.scss */
.pr10,
.ph10,
.pa10
{
    padding-right: 10px !important;
}

/* line 955, ../scss/cores/_reset.scss */
.pb10,
.pv10,
.pa10
{
    padding-bottom: 10px !important;
}

/* line 956, ../scss/cores/_reset.scss */
.pl10,
.ph10,
.pa10
{
    padding-left: 10px !important;
}

/* line 957, ../scss/cores/_reset.scss */
.mt20,
.mv20,
.ma20
{
    margin-top: 20px !important;
}

/* line 958, ../scss/cores/_reset.scss */
.mr20,
.mh20,
.ma20
{
    margin-right: 20px !important;
}

/* line 959, ../scss/cores/_reset.scss */
.mb20,
.mv20,
.ma20
{
    margin-bottom: 20px !important;
}

/* line 960, ../scss/cores/_reset.scss */
.ml20,
.mh20,
.ma20
{
    margin-left: 20px !important;
}

/* line 961, ../scss/cores/_reset.scss */
.pt20,
.pv20,
.pa20
{
    padding-top: 20px !important;
}

/* line 962, ../scss/cores/_reset.scss */
.pr20,
.ph20,
.pa20
{
    padding-right: 20px !important;
}

/* line 963, ../scss/cores/_reset.scss */
.pb20,
.pv20,
.pa20
{
    padding-bottom: 20px !important;
}

/* line 964, ../scss/cores/_reset.scss */
.pl20,
.ph20,
.pa20
{
    padding-left: 20px !important;
}

/* line 965, ../scss/cores/_reset.scss */
.mt30,
.mv30,
.ma30
{
    margin-top: 30px !important;
}

/* line 966, ../scss/cores/_reset.scss */
.mr30,
.mh30,
.ma30
{
    margin-right: 30px !important;
}

/* line 967, ../scss/cores/_reset.scss */
.mb30,
.mv30,
.ma30
{
    margin-bottom: 30px !important;
}

/* line 968, ../scss/cores/_reset.scss */
.ml30,
.mh30,
.ma30
{
    margin-left: 30px !important;
}

/* line 969, ../scss/cores/_reset.scss */
.pt30,
.pv30,
.pa30
{
    padding-top: 30px !important;
}

/* line 970, ../scss/cores/_reset.scss */
.pr30,
.ph30,
.pa30
{
    padding-right: 30px !important;
}

/* line 971, ../scss/cores/_reset.scss */
.pb30,
.pv30,
.pa30
{
    padding-bottom: 30px !important;
}

/* line 972, ../scss/cores/_reset.scss */
.pl30,
.ph30,
.pa30
{
    padding-left: 30px !important;
}

/* line 973, ../scss/cores/_reset.scss */
.mt40,
.mv40,
.ma40
{
    margin-top: 40px !important;
}

/* line 974, ../scss/cores/_reset.scss */
.mr40,
.mh40,
.ma40
{
    margin-right: 40px !important;
}

/* line 975, ../scss/cores/_reset.scss */
.mb40,
.mv40,
.ma40
{
    margin-bottom: 40px !important;
}

/* line 976, ../scss/cores/_reset.scss */
.ml40,
.mh40,
.ma40
{
    margin-left: 40px !important;
}

/* line 977, ../scss/cores/_reset.scss */
.pt40,
.pv40,
.pa40
{
    padding-top: 40px !important;
}

/* line 978, ../scss/cores/_reset.scss */
.pr40,
.ph40,
.pa40
{
    padding-right: 40px !important;
}

/* line 979, ../scss/cores/_reset.scss */
.pb40,
.pv40,
.pa40
{
    padding-bottom: 40px !important;
}

/* line 980, ../scss/cores/_reset.scss */
.pl40,
.ph40,
.pa40
{
    padding-left: 40px !important;
}

/*    size styles
-------------------------------------------------------------------*/
/* line 984, ../scss/cores/_reset.scss */
.f10
{
    font-size: 77%;
}

/*renders 10px */
/* line 985, ../scss/cores/_reset.scss */
.f11
{
    font-size: 85%;
}

/*renders 11px */
/* line 986, ../scss/cores/_reset.scss */
.f12
{
    font-size: 93%;
}

/*renders 12px */
/* line 987, ../scss/cores/_reset.scss */
.f14
{
    font-size: 108%;
}

/*renders 14px */
/* line 988, ../scss/cores/_reset.scss */
.f15
{
    font-size: 116%;
}

/*renders 15px */
/* line 989, ../scss/cores/_reset.scss */
.f16
{
    font-size: 123.1%;
}

/*renders 16px */
/*
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%    26px = 197%
*/
/*    text-align styles
-------------------------------------------------------------------*/
/* line 1000, ../scss/cores/_reset.scss */
.center
{
    text-align: center;
}

/* line 1001, ../scss/cores/_reset.scss */
.left
{
    text-align: left;
}

/* line 1002, ../scss/cores/_reset.scss */
.right
{
    text-align: right;
}

/* line 1003, ../scss/cores/_reset.scss */
.middle
{
    vertical-align: middle;
}

/*    color styles
-------------------------------------------------------------------*/
/* line 1007, ../scss/cores/_reset.scss */
.red
{
    color: #c00;
}

/* line 1008, ../scss/cores/_reset.scss */
.blue
{
    color: #066;
}

/* line 1009, ../scss/cores/_reset.scss */
.gray
{
    color: #a2aea3;
}

/* line 1010, ../scss/cores/_reset.scss */
.green
{
    color: #690;
}

/* line 1011, ../scss/cores/_reset.scss */
.yellow
{
    color: #fc0;
}

/* line 1012, ../scss/cores/_reset.scss */
.brown
{
    color: #933;
}

/*==================================================================
    5: list setting
===================================================================*/
/*    bread list
-------------------------------------------------------------------*/
/* line 1021, ../scss/cores/_reset.scss */
ol.breadcrumbs
{
    margin-bottom: 10px;
}

/* line 1024, ../scss/cores/_reset.scss */
ol.breadcrumbs li
{
    display: inline-block;
}

/* line 1027, ../scss/cores/_reset.scss */
ol.breadcrumbs li a
{
    /*border-bottom: #333 dotted 1px;*/
}

/* line 1031, ../scss/cores/_reset.scss */
ol.breadcrumbs li + li:before
{
    margin: 0 5px;

    content: '>';
}

/*    list style
-------------------------------------------------------------------*/
/* line 1038, ../scss/cores/_reset.scss */
ul.disc
{
    margin-bottom: 10px;
    padding-left: 2em;

    list-style: disc;
}

/* line 1043, ../scss/cores/_reset.scss */
ul.circle
{
    margin-bottom: 10px;
    padding-left: 2em;

    list-style: circle;
}

/* line 1048, ../scss/cores/_reset.scss */
ol.decimal
{
    margin-bottom: 10px;
    padding-left: 2.4em;

    list-style: decimal;
}

/*    inline list
-------------------------------------------------------------------*/
/* line 1056, ../scss/cores/_reset.scss */
dl.inline dt,
dl.inline dd,
ol.inline li,
ul.inline li
{
    display: inline;

    padding-right: 5px;
}

/* line 1063, ../scss/cores/_reset.scss */
dl.inlineBlock dt,
dl.inlineBlock dd,
ol.inlineBlock li,
ul.inlineBlock li
{
    display: -moz-inline-box;
    display: inline-block;

    padding-right: 5px;

    *display: inline;
    *zoom: 1;
}

/* float Styles
-------------------------------------------------------------------*/
/* line 1076, ../scss/cores/_reset.scss */
.leftBox
{
    float: left;
}

/* line 1077, ../scss/cores/_reset.scss */
.rightBox
{
    float: right;
}

/* line 1079, ../scss/cores/_reset.scss */
.float7 li
{
    float: left;

    width: 11%;
}

/* line 1083, ../scss/cores/_reset.scss */
.float6 li
{
    float: left;

    width: 16%;
}

/* line 1087, ../scss/cores/_reset.scss */
.float5 li
{
    float: left;

    width: 19%;
}

/* line 1091, ../scss/cores/_reset.scss */
.float4 li
{
    float: left;

    width: 24%;
}

/* line 1095, ../scss/cores/_reset.scss */
.float3 li
{
    float: left;

    width: 32%;
}

/* line 1099, ../scss/cores/_reset.scss */
.float2 li
{
    float: left;

    width: 49%;
}

/* line 1104, ../scss/cores/_reset.scss */
.clear
{
    clear: both;
}

/*    flowlist styles
-------------------------------------------------------------------*/
/* line 1110, ../scss/cores/_reset.scss */
ol.flowlist
{
    width: 100%;
    margin-bottom: 15px;
}

/* line 1114, ../scss/cores/_reset.scss */
ol.flowlist li
{
    float: left;

    width: 32%;
    margin: 0 4px;
    padding: 10px 0 6px 0;

    text-align: center;

    border-bottom: 8px solid #eee;
}

/* line 1122, ../scss/cores/_reset.scss */
ol.flowlist li.now
{
    font-weight: bold;

    border-bottom: 8px solid #fc0;
}

/*==================================================================
    6: table setting
===================================================================*/
/* line 1131, ../scss/cores/_reset.scss */
table
{
    empty-cells: show;
}

/* line 1135, ../scss/cores/_reset.scss */
table.sheet
{
    width: 100%;
    margin-bottom: 10px;

    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;

    border: 1px solid #ccc;
    border-bottom: none;
}

/* line 1144, ../scss/cores/_reset.scss */
.sheet caption
{
    font-weight: bold;

    padding: 8px 5px;

    text-align: left;

    border: 1px solid #ccc;
    border-top: 2px solid #06c;
    border-bottom: none;
    background-color: #eee;
}

/* line 1153, ../scss/cores/_reset.scss */
.sheet th,
.sheet td
{
    padding: 5px;

    text-align: left;

    border: 1px solid #ccc;
}

/* line 1159, ../scss/cores/_reset.scss */
.sheet th
{
    font-weight: normal;

    width: 120px;

    background-color: #eee;
}

/* line 1164, ../scss/cores/_reset.scss */
.sheet td img
{
    vertical-align: middle;
}

/* line 1167, ../scss/cores/_reset.scss */
.sheet thead th
{
    font-weight: bold;
    line-height: 1;

    width: auto;
    padding: 8px;

    color: #fff;
    background-color: #0060be;
    background-image: none;
}

/*==================================================================
    7: form setting
===================================================================*/
/* line 1181, ../scss/cores/_reset.scss */
form input
{
    line-height: 1;
}

/* line 1184, ../scss/cores/_reset.scss */
input[type='text'],
input[type='password'],
textarea,
form select
{
    font-size: 13px;
    line-height: 1;

    padding: 2px 4px 2px 3px;

    border: 1px solid #999;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

/* line 1195, ../scss/cores/_reset.scss */
input[type='text'],
input[type='password']
{
    height: 14px;
}

/* line 1199, ../scss/cores/_reset.scss */
textarea
{
    line-height: 1.2;

    width: 98%;
    height: 5em;
}

/* line 1204, ../scss/cores/_reset.scss */
form select
{
    padding: 1px;
}

/* line 1207, ../scss/cores/_reset.scss */
input:focus,
textarea:focus
{
    background-color: #f5f5f5;
}

/* line 1212, ../scss/cores/_reset.scss */
form img,
form input,
form select
{
    vertical-align: middle;
}

/* line 1217, ../scss/cores/_reset.scss */
label
{
    margin-right: 5px;
}

/* line 1219, ../scss/cores/_reset.scss */
input.button
{
    line-height: 1;

    padding: 6px 25px;

    cursor: pointer;

    border: 1px solid #999;
}

/* line 1225, ../scss/cores/_reset.scss */
input.button:hover
{
           opacity: .6;

    filter: alpha(opacity=60);
      -moz-opacity: .6;
    -khtml-opacity: .6;
}

/* line 1232, ../scss/cores/_reset.scss */
.submit
{
    margin: 12px 0 20px 0;

    text-align: center;
}

/* line 1236, ../scss/cores/_reset.scss */
.must
{
    font-size: 11px;

    display: block;

    color: #c00;
}

/* line 1241, ../scss/cores/_reset.scss */
.example
{
    font-size: 11px;

    display: block;

    padding: 0 0 0 15px;

    color: #666;
}

/* line 1247, ../scss/cores/_reset.scss */
.back
{
    margin: 12px 0;
    padding-top: 8px;

    text-align: center;
}

/* line 1252, ../scss/cores/_reset.scss */
.back a
{
    padding-left: 10px;
}

/*==================================================================
    8: hacks setting
===================================================================*/
/* line 1259, ../scss/cores/_reset.scss */
.clearfix
{
    zoom: 1;
}

/* line 1260, ../scss/cores/_reset.scss */
.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

/* line 8, ../scss/cores/_utility.scss */
.clearfix
{
    zoom: 1;
}
/* line 9, ../scss/cores/_utility.scss */
.clearfix:after
{
    display: block;
    clear: both;

    content: '';
}

/*!
http://g-azami.tumblr.com/
v1.0 | 20140213
License: none (public domain)
*/
/* line 1, ../scss/_header.scss */
.header
{
    background-color: #fff;
}

/* line 4, ../scss/_header.scss */
.header__box
{
    width: 980px;
    margin: 0 auto;
}

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

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

        box-sizing: border-box;
        width: 100%;
        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: 640px)
{
    /* 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: 640px)
{
    /* 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: 640px)
{
    /* 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: 28px;
    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;
}

/*==================================================================
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 26, ../scss/_sp170410.scss */
.offer
{
    width: 1280px;
    margin: 0 auto 72px;
}
@media screen and (max-width: 640px)
{
    /* line 26, ../scss/_sp170410.scss */
    .offer
    {
        width: 100%;
        margin-bottom: 36px;
    }
}
/* line 35, ../scss/_sp170410.scss */
.offer__sale
{
    width: 964px;
    margin: 0 auto 24px;
}
@media screen and (max-width: 640px)
{
    /* line 35, ../scss/_sp170410.scss */
    .offer__sale
    {
        width: 100%;
        margin-bottom: 12px;
    }
}
/* line 43, ../scss/_sp170410.scss */
.offer__single
{
    width: 964px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 43, ../scss/_sp170410.scss */
    .offer__single
    {
        width: 100%;
    }
}
/* line 50, ../scss/_sp170410.scss */
.offer__present
{
    width: 964px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 640px)
{
    /* line 50, ../scss/_sp170410.scss */
    .offer__present
    {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* line 58, ../scss/_sp170410.scss */
.offer__present02
{
    width: 964px;
    margin: 0 auto 64px;
}
@media screen and (max-width: 640px)
{
    /* line 58, ../scss/_sp170410.scss */
    .offer__present02
    {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* line 66, ../scss/_sp170410.scss */
.offer__teiki
{
    width: 964px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 640px)
{
    /* line 66, ../scss/_sp170410.scss */
    .offer__teiki
    {
        width: 100%;
        margin-bottom: 16px;
    }
}
/* line 74, ../scss/_sp170410.scss */
.offer__set
{
    width: 964px;
    margin: 0 auto 16px;
}
@media screen and (max-width: 640px)
{
    /* line 74, ../scss/_sp170410.scss */
    .offer__set
    {
        width: 100%;
    }
}
/* line 81, ../scss/_sp170410.scss */
.offer__notice
{
    width: 964px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 81, ../scss/_sp170410.scss */
    .offer__notice
    {
        width: 100%;
    }
}

/* line 89, ../scss/_sp170410.scss */
.shortOffer
{
    width: 1280px;
    margin: 0 auto 72px;
}
/* line 94, ../scss/_sp170410.scss */
.shortOffer__sale
{
    width: 964px;
    margin: 0 auto 24px;
}
/* line 98, ../scss/_sp170410.scss */
.shortOffer__wrap
{
    display: flex;

    width: 964px;
    margin: 0 auto 24px;

    justify-content: space-between;
}
/* line 104, ../scss/_sp170410.scss */
.shortOffer__present
{
    width: 964px;
    margin: 0 auto 32px;
}
/* line 108, ../scss/_sp170410.scss */
.shortOffer__present02
{
    width: 964px;
    margin: 0 auto 64px;
}

/* line 113, ../scss/_sp170410.scss */
.aboutZeroSp
{
    width: 964px;
    margin: 50px auto;
}
@media screen and (max-width: 640px)
{
    /* line 113, ../scss/_sp170410.scss */
    .aboutZeroSp
    {
        width: 100%;
    }
}

/* line 121, ../scss/_sp170410.scss */
.no1sp
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 121, ../scss/_sp170410.scss */
    .no1sp
    {
        width: 100%;
    }
}
/* line 127, ../scss/_sp170410.scss */
.no1sp--haveMargin
{
    width: 1280px;
    margin: 0 auto;
    margin-bottom: 80px;
}
@media screen and (max-width: 640px)
{
    /* line 127, ../scss/_sp170410.scss */
    .no1sp--haveMargin
    {
        width: 100%;
        margin-bottom: 40px;
    }
}

/* line 138, ../scss/_sp170410.scss */
.media
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 138, ../scss/_sp170410.scss */
    .media
    {
        width: 100%;
    }
}

/* line 146, ../scss/_sp170410.scss */
.additiveFree
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 146, ../scss/_sp170410.scss */
    .additiveFree
    {
        width: 100%;
    }
}
/* line 152, ../scss/_sp170410.scss */
.additiveFree__cnt02
{
    width: 964px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 152, ../scss/_sp170410.scss */
    .additiveFree__cnt02
    {
        width: 100%;
    }
}

/* line 161, ../scss/_sp170410.scss */
.zeroShampoo
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 161, ../scss/_sp170410.scss */
    .zeroShampoo
    {
        width: 100%;
    }
}

/* line 168, ../scss/_sp170410.scss */
.amino
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 168, ../scss/_sp170410.scss */
    .amino
    {
        width: 100%;
    }
}

/* line 175, ../scss/_sp170410.scss */
.usersVoice
{
    width: 1280px;
    margin: 0 auto 64px;
}
@media screen and (max-width: 640px)
{
    /* line 175, ../scss/_sp170410.scss */
    .usersVoice
    {
        width: 100%;
    }
}
/* line 181, ../scss/_sp170410.scss */
.usersVoice__voice
{
    width: 964px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 181, ../scss/_sp170410.scss */
    .usersVoice__voice
    {
        width: 100%;
    }
}

/* line 190, ../scss/_sp170410.scss */
.spPoint
{
    width: 963px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 190, ../scss/_sp170410.scss */
    .spPoint
    {
        width: 100%;
    }
}
/* line 196, ../scss/_sp170410.scss */
.spPoint__0point
{
    margin-bottom: 40px;
}
@media screen and (max-width: 640px)
{
    /* line 196, ../scss/_sp170410.scss */
    .spPoint__0point
    {
        margin-bottom: 20px;
    }
}

/* line 204, ../scss/_sp170410.scss */
.specialist
{
    width: 963px;
    margin: 0 auto 64px;
}
@media screen and (max-width: 640px)
{
    /* line 204, ../scss/_sp170410.scss */
    .specialist
    {
        width: 100%;
        margin-bottom: 32px;
    }
}

/* line 213, ../scss/_sp170410.scss */
.concept
{
    width: 964px;
    margin: 0 auto 72px;
}
@media screen and (max-width: 640px)
{
    /* line 213, ../scss/_sp170410.scss */
    .concept
    {
        width: 100%;
        margin-bottom: 26px;
    }
}
/* line 220, ../scss/_sp170410.scss */
.concept__head
{
    margin-bottom: 48px;
}
@media screen and (max-width: 640px)
{
    /* line 220, ../scss/_sp170410.scss */
    .concept__head
    {
        margin-bottom: 0px;
    }
}
/* line 226, ../scss/_sp170410.scss */
.concept__cnt
{
    margin-bottom: 24px;
}
@media screen and (max-width: 640px)
{
    /* line 226, ../scss/_sp170410.scss */
    .concept__cnt
    {
        margin-bottom: 12px;
    }
}

/* line 234, ../scss/_sp170410.scss */
.howtocare
{
    width: 1280px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 234, ../scss/_sp170410.scss */
    .howtocare
    {
        width: 100%;
    }
}

/* line 242, ../scss/_sp170410.scss */
.csVoice
{
    width: 1280px;
    margin: 0 auto 48px;
    padding-bottom: 48px;

    background: #ffe5d6;
}
@media screen and (max-width: 640px)
{
    /* line 242, ../scss/_sp170410.scss */
    .csVoice
    {
        width: 100%;
        margin-bottom: 24px;
        padding-bottom: 24px;
    }
}
/* line 252, ../scss/_sp170410.scss */
.csVoice__head
{
    margin-bottom: 40px;
}
@media screen and (max-width: 640px)
{
    /* line 252, ../scss/_sp170410.scss */
    .csVoice__head
    {
        margin-bottom: 20px;
    }
}
/* line 258, ../scss/_sp170410.scss */
.csVoice__subhead
{
    width: 526px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 640px)
{
    /* line 258, ../scss/_sp170410.scss */
    .csVoice__subhead
    {
        width: 95%;
        margin: 0 auto 16px;
    }
}
/* line 266, ../scss/_sp170410.scss */
.csVoice__cnt
{
    width: 648px;
    margin: 0 auto 56px;
}
@media screen and (max-width: 640px)
{
    /* line 266, ../scss/_sp170410.scss */
    .csVoice__cnt
    {
        width: 95%;
        margin: 0 auto 28px;
    }
}

/* line 276, ../scss/_sp170410.scss */
.faq
{
    width: 1280px;
    margin: 0 auto 96px;
    padding: 96px 0;

    background-color: #f1f9ff;
}
@media screen and (max-width: 640px)
{
    /* line 276, ../scss/_sp170410.scss */
    .faq
    {
        width: 100%;
        margin-bottom: 0px;
        margin-top: 28px;
        padding: 20px 0;
    }
}
/* line 286, ../scss/_sp170410.scss */
.faq__head
{
    width: 814px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 640px)
{
    /* line 286, ../scss/_sp170410.scss */
    .faq__head
    {
        width: 95%;
        margin-bottom: 16px;
    }
}
/* line 294, ../scss/_sp170410.scss */
.faq__cnt
{
    width: 814px;
    margin: 0 auto 32px;
}
@media screen and (max-width: 640px)
{
    /* line 294, ../scss/_sp170410.scss */
    .faq__cnt
    {
        width: 95%;
        margin-bottom: 16px;
    }
}

@media screen and (max-width: 640px)
{
    /* line 304, ../scss/_sp170410.scss */
    .answer
    {
        margin-bottom: 0px;
    }
}
/* line 308, ../scss/_sp170410.scss */
.answer__head
{
    width: 680px;
    margin: 0 auto 70px;
}
@media screen and (max-width: 640px)
{
    /* line 308, ../scss/_sp170410.scss */
    .answer__head
    {
        width: 95%;
        margin-bottom: 0px;
    }
}
/* line 316, ../scss/_sp170410.scss */
.answer__cnt
{
    width: 680px;
    margin: 0 auto 52px;
}
@media screen and (max-width: 640px)
{
    /* line 316, ../scss/_sp170410.scss */
    .answer__cnt
    {
        width: 95%;
        margin-bottom: 36px;
    }
}
/* line 324, ../scss/_sp170410.scss */
.answer__notice
{
    width: 964px;
    margin: 0px auto 72px;
    padding-top: 20px;
}
@media screen and (max-width: 640px)
{
    /* line 324, ../scss/_sp170410.scss */
    .answer__notice
    {
        width: 95%;
        margin-bottom: 36px;
    }
}

/* line 334, ../scss/_sp170410.scss */
.material
{
    width: 964px;
    margin: 0 auto 80px;
}
@media screen and (max-width: 640px)
{
    /* line 334, ../scss/_sp170410.scss */
    .material
    {
        width: 100%;
        margin-bottom: 40px;
    }
}

/* line 343, ../scss/_sp170410.scss */
.pageAncher
{
    width: 964px;
    margin: 0 auto;
}
@media screen and (max-width: 640px)
{
    /* line 343, ../scss/_sp170410.scss */
    .pageAncher
    {
        width: 100%;
    }
}
/* line 349, ../scss/_sp170410.scss */
.pageAncher__head
{
    margin-bottom: 56px;
}
@media screen and (max-width: 640px)
{
    /* line 349, ../scss/_sp170410.scss */
    .pageAncher__head
    {
        margin-bottom: 28px;
    }
}
/* line 355, ../scss/_sp170410.scss */
.pageAncher__inner
{
    display: -webkit-flex;
    /* iOS8以前Safari用 */
    display:         flex;

    width: 964px;

    -webkit-flex-wrap: wrap;
    /*--- safari（PC）用 ---*/
            flex-wrap: wrap;
    -webkit-box-pack: space-between;
    /* Android4.3以前ブラウザ用 */
    -webkit-justify-content: space-between;
    /* iOS8以前Safari用 */
            justify-content: space-between;
}
@media screen and (max-width: 640px)
{
    /* line 355, ../scss/_sp170410.scss */
    .pageAncher__inner
    {
        width: 100%;
    }
}
/* line 370, ../scss/_sp170410.scss */
.pageAncher__btn
{
    width: 290px;
    margin-bottom: 40px;
}
@media screen and (max-width: 640px)
{
    /* line 370, ../scss/_sp170410.scss */
    .pageAncher__btn
    {
        width: 49%;
        margin-bottom: 20px;
    }
}

/* line 380, ../scss/_sp170410.scss */
.letter
{
    width: 899px;
    margin: 0 auto 80px;
}
@media screen and (max-width: 640px)
{
    /* line 380, ../scss/_sp170410.scss */
    .letter
    {
        width: 100%;
        margin-bottom: 40px;
    }
}

/*768以下で非表示*/
@media screen and (max-width: 766px){
.none_pc {display:none}
}
/*768以上で非表示*/
@media screen and (min-width: 768px){
.none_sp {display:none}
}

/*again*/

.again h2 {
  margin-bottom: 0.3em;
}
.again ul {
  overflow: hidden !important;
  zoom: 1 !important;
  margin: 0 0.33em 0.86em;
}
.again ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 50%;
  float: left;
  margin-bottom: 0.33em;
  padding: 0 0.33em;
}

/*cv*/

.cv .btn1 {
  margin: 0 1.33em;
}
.cv .present {
  padding: 0 2.5em 1.33em;
  line-height: 1.26;
}
.cv .benefits {
    margin: 0 0 1.5em;
}
.cv .teiki {
  position: relative;
}
.cv .teiki .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 5% 10%;
}
.cv .set {
  position: relative;
}
.cv .set .btn {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0 5% 7%;
}
.cv .att {
  padding: 0 0.66em 1.5em;
}
.cv .att p {
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.27;
}

.pd_lr{
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 10px;
    padding-right: 10px;
}
/*voice01*/
.con2 .voice {
  background: url("../images/shampoo/sp170600/con2_bg01.png") repeat-y 0 0;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
}
.con2 .voice .txt {
  padding: 0.3em 1.6em;
  line-height: 1.4;
  font-size:1rem;
}
.con2 .foot {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.con2 .foot.foot1 {
  height: 3.2em;
  padding: 1em 0.66em 4em 4.73em;
  background: url("../images/shampoo/sp170600/con2_bg02.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con2 .foot.foot2 {
  height: 5.9em;
  margin-top: -1em;
  padding: 1.73em 0.66em 0 3.5em;
  background: url("../images/shampoo/sp170600/con2_bg03.jpg") no-repeat 0 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con2 .foot p {
  text-shadow: 2px 0 0 white, 2px 2px 0 white, 0 2px 0 white, -2px 2px 0 white, -2px 0 0 white, -2px -2px 0 white, 0 -2px 0 white, 2px -2px 0 white;
}
.con2 .t22{
    padding-bottom: 10px;
}

/*成分説明*/

.con3 .box {
  margin: 0 0.66em 0.66em;
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}
.con3 .box.intro {
  margin-bottom: 1em;
}
.con3 .box.intro .txt {
  padding-bottom: 0.5em;
}
.con3 .box .txt {
  padding: 0.3em 1em 1em;
  color: #37312f;
  line-height: 1.26;
}
.con3 .box .txt.att {
  color: #666666;
  line-height: 1.35;
}
.con3 .con3_1 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/sp/con3_bg01.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_2 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/sp/con3_bg02.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_3 {
  overflow: hidden !important;
  zoom: 1 !important;
  background: url("../images/sp/con3_bg03.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con3 .con3_4 {
  position: relative;
    margin-top:20px;
}
.con3 .con3_4 .txt {
  position: absolute;
  top: 66%;
  left: 0;
  margin: 0 1em;
  line-height: 1.4;
  letter-spacing: 0.1em;
  text-shadow: 0 0 1em white, 0 0 1em white, 0 0 1em white, 0 0 1em white;
  font-size: 100%;
}
.con3 .con3_5 .txt {
  padding: 0.3em 1.33em 1em;
  color: #37312f;
  line-height: 1.3;
}


/*haruのこだわり*/

.con4 .box {
  margin-bottom: 0.66em;
  background-color: #e1f1f4;
}
.con4 .box .txt {
  padding: 0.3em 0.66em 0.66em;
  color: #37312f;
  line-height: 1.3;
}
.con4 .att {
  padding: 0.3em 0.66em 0.66em;
  color: #37312f;
  line-height: 1.3;
}
/*使い方*/
.con5 {
  background: url("../images/sp/con5_bg01.jpg") no-repeat center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/*voice*/
.con6 {
  overflow: hidden !important;
  zoom: 1 !important;
  background-color: #ffe5d6;
}
.con6 .txt {
  margin: 0.3em 0.66em 1em;
  color: #37312f;
  line-height: 1.4;
  font-size: 110%;
}
.con6 .txt p {
  margin-bottom: 0.2em;
}
.t22 {
  font-size: 73.33%;
}
.t30 {
  font-size: 100%;
}
p .t24 {
  font-size: 100%;
}
.t26 {
  font-size: 86.66%;
}
.mt{
    margin: 0px 0px 30px 0px;
}
.offer_imgu{
    width: 100% ;
    margin-top: -2%;
    align-content: center;
    text-align: center;
    
}
.jitan_t{
    margin: auto;
    align-content: center;
}

.v01_t{
    margin: 0px;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 60px;
    padding-bottom: 18px;
}
.v02_t{
    margin: 0px;
    padding: 10px;
}

.t33syu{
    margin: 10px;
    padding: 20px;
}