/* -------------------------------- 
　media style
-------------------------------- */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_500 { display: block !important; }
.sp_500 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 500px) {
.pc_500 { display: none !important; }
.sp_500 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_600 { display: block !important; }
.sp_600 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
.pc_600 { display: none !important; }
.sp_600 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_700 { display: block !important; }
.sp_700 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 700px) {
.pc_700 { display: none !important; }
.sp_700 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_800 { display: block !important; }
.sp_800 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 800px) {
.pc_800 { display: none !important; }
.sp_800 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_900 { display: block !important; }
.sp_900 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 900px) {
.pc_900 { display: none !important; }
.sp_900 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1000 { display: block !important; }
.sp_1000 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1000px) {
.pc_1000 { display: none !important; }
.sp_1000 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1100 { display: block !important; }
.sp_1100 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1100px) {
.pc_1100 { display: none !important; }
.sp_1100 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1200 { display: block !important; }
.sp_1200 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1200px) {
.pc_1200 { display: none !important; }
.sp_1200 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1300 { display: block !important; }
.sp_1300 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1300px) {
.pc_1300 { display: none !important; }
.sp_1300 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1400 { display: block !important; }
.sp_1400 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1400px) {
.pc_1400 { display: none !important; }
.sp_1400 { display: block !important; }
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_1500 { display: block !important; }
.sp_1500 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 1500px) {
.pc_1500 { display: none !important; }
.sp_1500 { display: block !important; }
}