@charset "utf-8";


/* ************************************************ 
*	基本設定
* ************************************************ */	
body {
background:#fff;
overflow-x: hidden;
padding:0;
margin:0;
font-family: 'M PLUS 1p','Roboto','Sawarabi Gothic','Noto Sans JP',sans-serif;
}

/* 画像 */
img{
border:0;
padding:0px;
margin:0px
vertical-align: bottom;
}


/* ************************************************ 
*	全体Wrapper
* ************************************************ */	
.wrapper {
margin: 0 auto; 
width: 1120px;
max-width: 95%;
padding: 0;
}

h1.main-img {
margin: 0;
padding: 0;
width: 100%;
position: relative;
z-index:0;
}
h1.main-img img{
width: 100%;
vertical-align: bottom;
}

#copyright {
font-size: 1vw;
text-align:center;
position: relative;
margin: 0 0 0 0;
padding: 30px 0;
}


/* ************************************************ 
*   レスポンシブ
* ************************************************ */
/* PC 画面の横幅が960px以上 */
@media only screen and (min-width: 960px){
.show_sp { display: none; }
iframe { width: 100%; height:100%; max-width: 100%; }
}

/* Tablet (Portrait) 画面の横幅が768px〜959pxまで */
@media only screen and (min-width: 768px) and (max-width: 959px) {
.show_sp { display: none; }
iframe { width: 100%; height:100%; max-width: 100%; }
}


/* Mobile (Portrait) 画面の横幅が767pxまで */
@media only screen and (max-width: 767px) {
iframe { width: 100%; height:100%; max-width: 100%; }
.show_pc { display: none; }
#copyright { font-size: 4vw; }
}