@charset "UTF-8";
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2016/05/18, 13:47:55
    Author     : atsushi
*/

/* 各ブロックのブレイクポイント */
.b-bk{ display:block;}
/* 以下非表示 */
.b-bk-HD-none,.b-bk-PC-none,.b-bk-TBW-none,.b-bk-TBH-none,.b-bk-SP-none{ display:block;}
@media screen and (min-width: 1201px) { .b-bk-HD-none{ display:none;} }
@media screen and (max-width: 1200px) { .b-bk-PC-none{ display:none;} }
@media screen and (max-width: 1024px) { .b-bk-TBW-none{ display:none;} }
@media screen and (max-width: 768px) { .b-bk-TBH-none{ display:none;} }
@media screen and (max-width: 480px) { .b-bk-SP-none{ display:none;} }

/* 以下表示 */
.b-bk-HD-show,.b-bk-PC-show,.b-bk-TBW-show,.b-bk-TBH-show,.b-bk-SP-show{ display:none;}
@media screen and (min-width: 1201px) { .b-bk-HD-show{ display:block;} }
@media screen and (max-width: 1200px) { .b-bk-PC-show{ display:block;} }
@media screen and (max-width: 1024px) { .b-bk-TBW-show{ display:block;} }
@media screen and (max-width: 768px) { .b-bk-TBH-show{ display:block;} }
@media screen and (max-width: 480px) { .b-bk-SP-show{ display:block;} }

/* 画像用切り替えポイント */
.i-bk{ display:initial;}
/* 以下非表示 */
.i-bk-HD-none,.i-bk-PC-none,.i-bk-TBW-none,.i-bk-TBH-none,.i-bk-SP-none{ display:initial;}
@media screen and (min-width: 1201px) { .i-bk-HD-none{ display:none;} }
@media screen and (max-width: 1200px) { .i-bk-PC-none{ display:none;} }
@media screen and (max-width: 1024px) { .i-bk-TBW-none{ display:none;} }
@media screen and (max-width: 768px) { .i-bk-TBH-none{ display:none;} }
@media screen and (max-width: 480px) { .i-bk-SP-none{ display:none;} }

/* 以下表示 */
.i-bk-HD-show,.i-bk-PC-show,.i-bk-TBW-show,.i-bk-TBH-show,.i-bk-SP-show{ display:none;}
@media screen and (min-width: 1201px) { .i-bk-HD-show{ display:initial;} }
@media screen and (max-width: 1200px) { .i-bk-PC-show{ display:initial;} }
@media screen and (max-width: 1024px) { .i-bk-TBW-show{ display:initial;} }
@media screen and (max-width: 768px) { .i-bk-TBH-show{ display:initial;} }
@media screen and (max-width: 480px) { .i-bk-SP-show{ display:initial;} }