@charset 'UTF-8';
/* CSS Document */
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body
{
    width: 100%;
    height: 100%;
}

body,
.goth
{
    font-family: HiraKakuProN-W3, HiraKakuPro-W3, 'ヒラギノ角ゴ ProN W3', 'ヒラギノ角ゴ Pro W3', 'ヒラギノ角ゴ Pro W3' , 'Hiragino Kaku Gothic Pro' ,Avenir , 'Open Sans' , 'Helvetica Neue' , Helvetica , Arial , Verdana , Roboto , '游ゴシック' , 'Yu Gothic' , '游ゴシック体' , 'YuGothic' ,  'Meiryo UI' , 'メイリオ' , Meiryo , 'ＭＳ Ｐゴシック' , 'MS PGothic' , sans-serif;
}

.min
{
    font-family: 'HiraMinProN-W3' , 'HiraMinPro-W3' ,'ヒラギノ明朝 ProN W3', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro' , 'Roboto Slab' , Garamond , 'Times New Roman' , '游明朝' , 'Yu Mincho' , '游明朝体' , 'YuMincho'   , 'HGS明朝E' , 'ＭＳ Ｐ明朝' , 'MS PMincho' , serif;
}

.mono
{
    font-family: Osaka-mono, 'MS Gothic', monospace;
}

h1,
h2,
h3,
h4,
p,
div,
ol,
ul,
li
{
    margin: 0; 
    padding: 0;
}

ol,
ul,
dl
{
    list-style-position: inside;
}

a
{
    text-decoration: none;

    color: inherit;
}

a:hover,
a:visited,
a:active
{
    text-decoration: none;

    color: inherit;
}

/* box-sizing (IE6,7 not work) */
*,
*:before,
*:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
    margin: 0;
    padding: 0;
}

/*for iOS*/
label
{
    cursor: pointer;
}

input,
textarea
{
    -webkit-appearance: none;
}

.pce
{
    display: block;
}

img.pce,
span.pce
{
    display: inline;
}

.spe
{
    display: none;
}

.part
{
    position: relative;

    width: 100%;
}

.part .part-content
{
    margin: 0 auto;
}

/* float要素の高さをそろえる実サイズが1000pxを超える場合、こんなに必要ない場合は調整 */
.sync-height
{
    margin-bottom: -1000px; 
    padding-bottom: 1000px;
}

/* small device */
@media screen and (max-width: 640px)
{
    body
    {
        -webkit-text-size-adjust: 100%;
    }
    img.pce,
    span.pce,
    .pce
    {
        display: none;
    }
    .spe
    {
        display: block;
    }
    img.spe,
    span.spe
    {
        display: inline;
    }
    div,
    p,
    li
    {
        max-height: 9999px;
    }
    .sync-height
    {
        margin-bottom: 0; 
        padding-bottom: 0;
    }
}