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

* base.css

*********************************************************************
*/
/* root
----------------------------------------------------------*/
:root
{
    font-size: 62.5%;
}

/* reset
----------------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video
{
    margin: 0;
    padding: 0;

    vertical-align: baseline;

    border: 0;
    outline: 0;
    background: transparent;
}

html
{
    height: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
main,
section
{
    display: block;
}

body
{
    letter-spacing: 0;

    color: #333;

    -webkit-text-size-adjust: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
td,
th,
address
{
    font-size: 100%;
    font-weight: normal;
}

ol,
ul
{
    list-style: none;
}

fieldset,
img
{
    border: 0;
}

img
{
    vertical-align: top;
}

table
{
    width: 100%;

    border-spacing: 0;
    border-collapse: collapse;

    border: 0;
}

th,
td
{
    text-align: left;
    vertical-align: top;
}

caption,
th
{
    text-align: left;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var
{
    font-weight: normal;
    font-style: normal;
}

sup
{
    font-size: 62.5%;

    vertical-align: text-top;
}

input,
textarea,
button,
label
{
    font-family: inherit;

    margin: 0; 

    vertical-align: middle;

    outline: 0;
}

input[type='radio'],
input[type='checkbox'],
input[type='submit'],
button
{
    cursor: pointer;
}

/* link
----------------------------------------------------------------------*/
a:link
{
    text-decoration: underline;

    color: #333;
}

a:visited
{
    text-decoration: underline;

    color: #333;
}

a:hover
{
    text-decoration: none;

    color: #333;
}

a:active
{
    text-decoration: none;

    color: #333;
}

/* webフォント
----------------------------------------------------------*/
.f-min
{
    font-family: 'Hannari', 'ヒラギノ明朝 ProN W3', 'HiraMinProN-W3', serif;
}

/* #MqMark
----------------------------------------------------------*/
#MqMark
{
    display: none;
}

@media only screen and (min-width: 769px)
{
    #MqMark
    {
        font-family: 'pc';
    }
}

@media only screen and (max-width: 768px)
{
    #MqMark
    {
        font-family: 'sp';
    }
}

/* pcNone,spNone
----------------------------------------------------------*/
@media only screen and (min-width: 769px)
{
    /* show
  ----------*/
    .pcBlock
    {
        display: block;
    }
    .spBlock
    {
        display: none;
    }
    .pcBlock-i
    {
        display: inline-block;
    }
    .spBlock-i
    {
        display: none;
    }
    /* hide
  ----------*/
    .pcNone
    {
        display: none;
    }
    .spNone
    {
        display: block;
    }
    .pcNone-i
    {
        display: none;
    }
    .spNone-i
    {
        display: inline;
    }
}

@media only screen and (max-width: 768px)
{
    /* show
  ----------*/
    .pcBlock
    {
        display: none;
    }
    .spBlock
    {
        display: block;
    }
    .pcBlock-i
    {
        display: none;
    }
    .spBlock-i
    {
        display: inline-block;
    }
    /* hide
  ----------*/
    .pcNone
    {
        display: block;
    }
    .spNone
    {
        display: none;
    }
    .pcNone-i
    {
        display: inline;
    }
    .spNone-i
    {
        display: none;
    }
}

/* clearfix
----------------------------------------------------------------------*/
.clearfix:after,
.clearFix:after,
.u-cf:after
{
    display: block;
    clear: both;

    content: '';
}

/* bisplay type
----------------------------------------------------------------------*/
.u-dib
{
    display: inline-block;
}

.u-di
{
    display: inline;
}

.u-db
{
    display: block;
}

/* hover
----------------------------------------------------------------------*/
.u-ovSelf:hover
{
    opacity: .75;
}

a.u-ov:hover img
{
    opacity: .75;
}

/* fade setting
.u-ovSelf:hover,
a.u-ov img {
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
          transition: all .3s ease;
}
*/
/* common style !important
----------------------------------------------------------------------*/
.u-hide
{
    display: none !important;
}

.u-fontB
{
    font-weight: bold !important;
}

.u-clrBk
{
    color: #333 !important;
}

.u-clrRed
{
    color: #f00 !important;
}

.u-tl
{
    text-align: left !important;
}

.u-tr
{
    text-align: right !important;
}

.u-tc
{
    text-align: center !important;
}

.u-clear
{
    clear: both !important;
}

.u-fl
{
    float: left !important;
}

.u-fr
{
    float: right !important;
}

.u-mt0
{
    margin-top: 0 !important;
}

.u-mb0
{
    margin-bottom: 0 !important;
}

.u-ml0
{
    margin-left: 0 !important;
}

.u-mr0
{
    margin-bottom: 0 !important;
}

.u-pt0
{
    padding-top: 0 !important;
}

.u-pb0
{
    padding-bottom: 0 !important;
}

.u-pl0
{
    padding-left: 0 !important;
}

.u-pr0
{
    padding-bottom: 0 !important;
}

.u-mt5
{
    margin-top: 5px !important;
}

.u-mb5
{
    margin-bottom: 5px !important;
}

.u-ml5
{
    margin-left: 5px !important;
}

.u-mr5
{
    margin-bottom: 5px !important;
}

.u-pt5
{
    padding-top: 5px !important;
}

.u-pb5
{
    padding-bottom: 5px !important;
}

.u-pl5
{
    padding-left: 5px !important;
}

.u-pr5
{
    padding-bottom: 5px !important;
}

.u-mt10
{
    margin-top: 10px !important;
}

.u-mb10
{
    margin-bottom: 10px !important;
}

.u-ml10
{
    margin-left: 10px !important;
}

.u-mr10
{
    margin-bottom: 10px !important;
}

.u-pt10
{
    padding-top: 10px !important;
}

.u-pb10
{
    padding-bottom: 10px !important;
}

.u-pl10
{
    padding-left: 10px !important;
}

.u-pr10
{
    padding-bottom: 10px !important;
}

.u-mt15
{
    margin-top: 15px !important;
}

.u-mb15
{
    margin-bottom: 15px !important;
}

.u-ml15
{
    margin-left: 15px !important;
}

.u-mr15
{
    margin-bottom: 15px !important;
}

.u-pt15
{
    padding-top: 15px !important;
}

.u-pb15
{
    padding-bottom: 15px !important;
}

.u-pl15
{
    padding-left: 15px !important;
}

.u-pr15
{
    padding-bottom: 15px !important;
}

.u-mt20
{
    margin-top: 20px !important;
}

.u-mb20
{
    margin-bottom: 20px !important;
}

.u-ml20
{
    margin-left: 20px !important;
}

.u-mr20
{
    margin-bottom: 20px !important;
}

.u-pt20
{
    padding-top: 20px !important;
}

.u-pb20
{
    padding-bottom: 20px !important;
}

.u-pl20
{
    padding-left: 20px !important;
}

.u-pr20
{
    padding-bottom: 20px !important;
}

.u-mt25
{
    margin-top: 25px !important;
}

.u-mb25
{
    margin-bottom: 25px !important;
}

.u-ml25
{
    margin-left: 25px !important;
}

.u-mr25
{
    margin-bottom: 25px !important;
}

.u-pt25
{
    padding-top: 25px !important;
}

.u-pb25
{
    padding-bottom: 25px !important;
}

.u-pl25
{
    padding-left: 25px !important;
}

.u-pr25
{
    padding-bottom: 25px !important;
}

.u-mt30
{
    margin-top: 30px !important;
}

.u-mb30
{
    margin-bottom: 30px !important;
}

.u-ml30
{
    margin-left: 30px !important;
}

.u-mr30
{
    margin-bottom: 30px !important;
}

.u-pt30
{
    padding-top: 30px !important;
}

.u-pb30
{
    padding-bottom: 30px !important;
}

.u-pl30
{
    padding-left: 30px !important;
}

.u-pr30
{
    padding-bottom: 30px !important;
}

.u-mt35
{
    margin-top: 35px !important;
}

.u-mb35
{
    margin-bottom: 35px !important;
}

.u-ml35
{
    margin-left: 35px !important;
}

.u-mr35
{
    margin-bottom: 35px !important;
}

.u-pt35
{
    padding-top: 35px !important;
}

.u-pb35
{
    padding-bottom: 35px !important;
}

.u-pl35
{
    padding-left: 35px !important;
}

.u-pr35
{
    padding-bottom: 35px !important;
}

.u-mt40
{
    margin-top: 40px !important;
}

.u-mb40
{
    margin-bottom: 40px !important;
}

.u-ml40
{
    margin-left: 40px !important;
}

.u-mr40
{
    margin-bottom: 40px !important;
}

.u-pt40
{
    padding-top: 40px !important;
}

.u-pb40
{
    padding-bottom: 40px !important;
}

.u-pl40
{
    padding-left: 40px !important;
}

.u-pr40
{
    padding-bottom: 40px !important;
}

.u-mt45
{
    margin-top: 45px !important;
}

.u-mb45
{
    margin-bottom: 45px !important;
}

.u-ml45
{
    margin-left: 45px !important;
}

.u-mr45
{
    margin-bottom: 45px !important;
}

.u-pt45
{
    padding-top: 45px !important;
}

.u-pb45
{
    padding-bottom: 45px !important;
}

.u-pl45
{
    padding-left: 45px !important;
}

.u-pr45
{
    padding-bottom: 45px !important;
}

.u-mt50
{
    margin-top: 50px !important;
}

.u-mb50
{
    margin-bottom: 50px !important;
}

.u-ml50
{
    margin-left: 50px !important;
}

.u-mr50
{
    margin-bottom: 50px !important;
}

.u-pt50
{
    padding-top: 50px !important;
}

.u-pb50
{
    padding-bottom: 50px !important;
}

.u-pl50
{
    padding-left: 50px !important;
}

.u-pr50
{
    padding-bottom: 50px !important;
}

.u-mt55
{
    margin-top: 55px !important;
}

.u-mb55
{
    margin-bottom: 55px !important;
}

.u-ml55
{
    margin-left: 55px !important;
}

.u-mr55
{
    margin-bottom: 55px !important;
}

.u-pt55
{
    padding-top: 55px !important;
}

.u-pb55
{
    padding-bottom: 55px !important;
}

.u-pl55
{
    padding-left: 55px !important;
}

.u-pr55
{
    padding-bottom: 55px !important;
}

.u-mt60
{
    margin-top: 60px !important;
}

.u-mb60
{
    margin-bottom: 60px !important;
}

.u-ml60
{
    margin-left: 60px !important;
}

.u-mr60
{
    margin-bottom: 60px !important;
}

.u-pt60
{
    padding-top: 60px !important;
}

.u-pb60
{
    padding-bottom: 60px !important;
}

.u-pl60
{
    padding-left: 60px !important;
}

.u-pr60
{
    padding-bottom: 60px !important;
}

.u-mt65
{
    margin-top: 65px !important;
}

.u-mb65
{
    margin-bottom: 65px !important;
}

.u-ml65
{
    margin-left: 65px !important;
}

.u-mr65
{
    margin-bottom: 65px !important;
}

.u-pt65
{
    padding-top: 65px !important;
}

.u-pb65
{
    padding-bottom: 65px !important;
}

.u-pl65
{
    padding-left: 65px !important;
}

.u-pr65
{
    padding-bottom: 65px !important;
}

.u-mt70
{
    margin-top: 70px !important;
}

.u-mb70
{
    margin-bottom: 70px !important;
}

.u-ml70
{
    margin-left: 70px !important;
}

.u-mr70
{
    margin-bottom: 70px !important;
}

.u-pt70
{
    padding-top: 70px !important;
}

.u-pb70
{
    padding-bottom: 70px !important;
}

.u-pl70
{
    padding-left: 70px !important;
}

.u-pr70
{
    padding-bottom: 70px !important;
}

.u-mt75
{
    margin-top: 75px !important;
}

.u-mb75
{
    margin-bottom: 75px !important;
}

.u-ml75
{
    margin-left: 75px !important;
}

.u-mr75
{
    margin-bottom: 75px !important;
}

.u-pt75
{
    padding-top: 75px !important;
}

.u-pb75
{
    padding-bottom: 75px !important;
}

.u-pl75
{
    padding-left: 75px !important;
}

.u-pr75
{
    padding-bottom: 75px !important;
}

.u-mt80
{
    margin-top: 80px !important;
}

.u-mb80
{
    margin-bottom: 80px !important;
}

.u-ml80
{
    margin-left: 80px !important;
}

.u-mr80
{
    margin-bottom: 80px !important;
}

.u-pt80
{
    padding-top: 80px !important;
}

.u-pb80
{
    padding-bottom: 80px !important;
}

.u-pl80
{
    padding-left: 80px !important;
}

.u-pr80
{
    padding-bottom: 80px !important;
}

.u-mt85
{
    margin-top: 85px !important;
}

.u-mb85
{
    margin-bottom: 85px !important;
}

.u-ml85
{
    margin-left: 85px !important;
}

.u-mr85
{
    margin-bottom: 85px !important;
}

.u-pt85
{
    padding-top: 85px !important;
}

.u-pb85
{
    padding-bottom: 85px !important;
}

.u-pl85
{
    padding-left: 85px !important;
}

.u-pr85
{
    padding-bottom: 85px !important;
}

.u-mt90
{
    margin-top: 90px !important;
}

.u-mb90
{
    margin-bottom: 90px !important;
}

.u-ml90
{
    margin-left: 90px !important;
}

.u-mr90
{
    margin-bottom: 90px !important;
}

.u-pt90
{
    padding-top: 90px !important;
}

.u-pb90
{
    padding-bottom: 90px !important;
}

.u-pl90
{
    padding-left: 90px !important;
}

.u-pr90
{
    padding-bottom: 90px !important;
}

.u-mt95
{
    margin-top: 95px !important;
}

.u-mb95
{
    margin-bottom: 95px !important;
}

.u-ml95
{
    margin-left: 95px !important;
}

.u-mr95
{
    margin-bottom: 95px !important;
}

.u-pt95
{
    padding-top: 95px !important;
}

.u-pb95
{
    padding-bottom: 95px !important;
}

.u-pl95
{
    padding-left: 95px !important;
}

.u-pr95
{
    padding-bottom: 95px !important;
}

.u-mt100
{
    margin-top: 100px !important;
}

.u-mb100
{
    margin-bottom: 100px !important;
}

.u-ml100
{
    margin-left: 100px !important;
}

.u-mr100
{
    margin-bottom: 100px !important;
}

.u-pt100
{
    padding-top: 100px !important;
}

.u-pb100
{
    padding-bottom: 100px !important;
}

.u-pl100
{
    padding-left: 100px !important;
}

.u-pr100
{
    padding-bottom: 100px !important;
}