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

/*青タイトル*/
.aomidashi{
width: 100%;
background-color: rgba(38, 92, 255, 0.7);
}
.aomidashi p{
display: block;
font-family: "Klee One", cursive;
text-align: left;
color: #fff;
}
.aomidashi p.large-ao{
border-left: solid 2px #fff;
}
.aomidashi p.small-ao{
letter-spacing: 0em;
}
/* ########### 427px 以下 ########### */
@media screen and (max-width: 427px) {

/*青タイトル*/
.aomidashi{
padding:15px 10px 10px 20px;
margin-top: 50px;
margin-bottom:30px
}
.aomidashi p.large-ao{
font-size: 15px;
letter-spacing: 0em;
padding: 0px 0 0 5px;
line-height: 1.1em
}
.aomidashi p.small-ao{
font-size: 14px;
padding: 10px 0 0 8px;
line-height: 1.2em
}
}

/* ########### 428pxから530pxまで ########### */
@media screen and (min-width: 428px) and (max-width: 530px) {
/*青タイトル*/
.aomidashi{
padding:20px 10px 15px 20px;
margin-top: 50px;
margin-bottom:30px
}
.aomidashi p.large-ao{
font-size: 17px;
letter-spacing: 0em;
padding: 0px 0 0 5px;
line-height: 1.1em
}
.aomidashi p.small-ao{
font-size: 14px;
padding: 10px 0 0 8px;
line-height: 1.2em
}
}

/* ########### 531px 以上 ########### */
@media screen and (min-width: 531px) {
	
/*青タイトル*/
.aomidashi{
padding:20px 0px 15px 20px;
margin-top: 100px;
margin-bottom:30px;
}
.aomidashi p.large-ao{
font-size: 17px;
letter-spacing: 0.1em;
padding: 0px 0 0 8px;
line-height: 1.1em
}
.aomidashi p.small-ao{
font-size: 14px;
padding: 10px 0 0 8px;
line-height: 1.2em
}
}