@charset "utf-8";

/* ==========================================
	top.css フレームCSS
	Last Up Date 2021/02/01
 --------------------------------------------
	INDEX
 --------------------------------------------
    0.00.00 ALL SETTING
        0.01.00 @keyfream
	1.00.00 PC_media screen 
		1.01.00 #main_photo の設定
	2.00.00 PC_media screen 
		2.01.00 #main_photo の設定
    3.00.00 SP_media screen
		3.01.00 #main_photo の設定

========================================== */
/* ==========================================
0.00.00 ALL SETTING
========================================== */
/* 下のニュースとバーナサイズ  #110 1190*/
/* ==========================================
    0.01.00 @keyfream
========================================== */
/* ==========================================
1.00.00 PC_media screen 
========================================== */
@media screen and (min-width:1025px),print{
/* ==========================================
	1.01.00 #main_photo の設定
========================================== */
#mainPhoto {
    width: 100%;
    height: 100vh;
    max-width: 603px;
    margin: 0 auto;
    padding: 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
#mainPhoto p {
    width: 100%;
}
}
/* ==========================================
2.00.00 PC_media screen 
========================================== */
@media screen and (max-width: 1024px) and (min-width:569px) {
/* ==========================================
	2.01.00 #main_photo の設定
========================================== */
#mainPhoto {
    width: 100%;
    height: 100vh;
    max-width: 603px;
    margin: 0 auto;
    padding: 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
#mainPhoto p {
    width: 100%;
}
}
/* ==========================================
3.00.00 SP_media screen 
========================================== */
@media screen and (max-width: 568px) {
/* ==========================================
	3.01.00 #main_photo の設定
========================================== */
#mainPhoto {
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
}
#mainPhoto p {
    width: 100%;
}
}