@charset "utf-8";
/* CSS Document */

*{
font-size: 16px;
padding: 0;
margin: 0;
box-sizing: border-box;
}
body{
background: #57637F;
background-image: url(https://edinter.itembox.design/item/campaign/2023/subcam/bg01.png);
background-size: contain;
background-position: left;
}


.example2{
    position: fixed;
    left: 50%;
    top: 50%;
    /*コレ*/transform: translate(-50%,-50%);
    
    border: 5px solid #6B7799;
    padding: 0px;
	width: 90%;
	max-width: 1000px;
	height:auto;
	border-radius: 30px;
}
.example2 a img{
border-radius: 25px;
}

ul,ul li{
list-style: none;
}
.kmc_wap{
background-color: #ccc;
width: 100vw;
height: 100vh;
background: url(https://edinter.itembox.design/item/campaign/2023/subcam/geniphone04.png) no-repeat;
background-size:contain;
background-position: top center;
position: relative;
}
.kmc_bl01{
width: 92%;
max-width: 55vh;
background: #FEDF99;
height: 77vh;
position: fixed;
top:14vh;
left:0;
right:0;
margin: 0 auto;
overflow-x: hidden;
overflow-y: auto;
}

.kmc_ttl{
width: 80%;
text-align: center;
margin: 0 auto;
}

.kmc_img01{
width: 90%;
text-align: center;
margin: 0 auto 0 auto;
}
.kmc_text01{
color: #6B7799;
padding: 10px 10px 10px 10px;
text-align: center;
margin: 0 auto 0 auto;
}
.kmc_text02{
color: #6B7799;
padding: 10px 20px 10px 20px;
text-align: left;
margin: 0 auto 0 auto;
line-height: 1.8;
}
.kmc_text03{
color: #6B7799;
padding: 10px 20px 10px 20px;
text-align: left;
margin: 0 auto 0 auto;
font-size: 80%;
line-height: 1.3;
}
.kmc_text01bold{
font-weight: bold;
}
.knkk01{
margin-top:40px;
}

.kmc_btn{
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
}
.kmc_btn a{
display: block;
width: calc( 100% / 2 - 20px);
}

.mmb_pt011 {
box-sizing: border-box;
    width: auto;
    max-width: 600px;
    margin: 10px ;
    text-align: left;
    padding: 10px 20px;
background: #FFEBC7;
border-radius: 20px;
}
.mmb_pt011 span {
display: block;
color: #6B7799;

border-bottom:1px dashed #6B7799;
	font-size: 80%;
	padding-bottom:10px;
	margin-bottom:10px;
}
.kmc_headpt_pcol{
display: block;
width: 100px;
height: auto;
position: fixed;
bottom:20px;
right:20px;
}
.kmc_headpt_spol{
display: none;
}

.yyypc{
display: block;
}
.yyysp{
display: none;
}

@media only screen and (max-width: 1200px) {
body{
background: #6B7799;
background-image: none;
background-size: contain;
background-position: left;
padding-top:6vh;
}

.kmc_wap{
background-color: #ccc;
width: 100vw;
height: 100vh;
background: none;
background-size:contain;
background-position: top center;
position: relative;
}
.kmc_bl01s{
width: 100%;
background: #FEDF99;
padding: 0 0 20px 0;
}
.mmb_pt011 {
box-sizing: border-box;
    width: auto;
    max-width: none;
    margin: 10px ;
    text-align: left;
    padding: 10px 20px;
background: #FFEBC7;
border-radius: 20px;
}


.kmc_headpt_pcol{
display: none;
}
.kmc_headpt_spol{
display: block;
position: fixed;
top:0;
left:0;
width: 100%;
height: 10vh;
background:url(https://edinter.itembox.design/item/campaign/2023/subcam/headbg01.png);
background-position: center top;
background-size: contain;
background-repeat: repeat-x;
text-align: center;
}
.kmc_headpt_spol a{
display: block;
    height: auto;
    width: 12vh;
    margin: 10px auto;
}
.yyypc{
display: none;
}
.yyysp{
display: block;
}

}