@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
body,div {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    line-height:140%;
    margin:0;
    padding:0;
    color:#333;
    font-weight: 400;
}
a {
    color:#333;
}

.Center {
    margin: 0 auto;
    text-align:center;
}

.Height40 {
    height:40px;
    font-size:0;
    line-height:0;

}
.Height20 {
    height:20px;
    font-size:0;
    line-height:0;

}

.Zoom {
    zoom:0.5;
}

.BlackBorder {
    height:10px;
    background-color:#000;
}

/*====================
{{スマホを基本設計にする}}
 - 〜479px：SP縦
 - 600px〜959px：タブレット
 - 1280px〜：大型PC
====================*/

/* 〜479px：SP縦
------------------------------ */
.Center320 {
    width:320px;
    margin:0 auto;
    color:#FFF;
    position: relative;
}

.MarginMiddle {
    margin-top: 20px;
    margin-bottom: 20px;
}
.MarginSmall {
    margin-top: 20px;
    margin-bottom: 20px;
}

.TitleText1 {
    font-weight:800;
    font-size:16px;
    margin-top:20px;
    margin-bottom:20px;

}
.TitleText2 {
    font-weight:600;
    font-size:12px;
    margin-bottom:5px;
}

.BorderStripe {
    margin: 40px auto;
    text-align: center;
    background-image:url(img/BorderStripe.png);
    background-size:50%;
    background-repeat: repeat-x;
    width:100%;
    height:15px;
    font-size:0;
    line-height:0;
}
.TextBoxWidth {

}
.WidthForBanner{
    width:180px;
}

.YoutubeEmbed {
    width:320px;
    height:180px;
    margin:0 auto;
}
.BodyText {
    line-height:180%;
    width:300px;
    margin:0 auto;
}

/* 600px〜：タブレット PC
------------------------------ */
@media screen and (min-width:600px) {

    .Zoom {
        zoom:1;
    }
    .Center320 {
        width:640px;
        margin:0 auto;
        color:#FFF;
        position: relative;
    }
    .WidthForBanner {
        width:360px;
    }
    .YoutubeEmbed {
        width:640px;
        height:360px;
        margin:0 auto;
    }
    .BodyText {
        line-height:180%;
        width:560px;
        margin:0 auto;
    }
                


}