@charset "UTF-8";
/*
Theme Name:お赦しください2022-03
Theme URI:https://festa.cocomal.com/
Description:お赦しください2022-03
Version: 1.0
Author:お赦しください2022-03
Author URI:https://festa.cocomal.com/
*/ 

/* 1280px以上 */
@media only screen and (min-width:1281px) {
.ec {
background-size:cover;
background-position:right center; /*横×縦*/
background-repeat:no-repeat;
border-bottom:1px dotted #ccc;
width:100%;
}
.ec-w960 {
width:100%;
padding:0 1%;
max-width:1200px;
height:260px;
margin:0 auto;
position:relative;
display: flex; /*v-align-center*/
align-items: center; /*v-align-center*/
}
.bg-screen {background:url("img/bg-dot-w.png"); z-index:1;}
}

h1{
position:relative;
margin:0 auto;
width:100%;
border-bottom:2px dotted #fff;
}
h1:before {
content: "";
position: absolute;
background:#3399ff;
width:70px;
height:70px;
border-radius:50%;
top:50%;
left:0; /*4px;*/
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}

/* 1280px以下 */
@media only screen and (max-width:1281px) {
.ec {
background-size:cover;
background-position:center center; /*横×縦*/
background-repeat:no-repeat;
}
.ec-w960 {
width:98%;
padding:0 1%;
max-width:960px;
height:220px;
margin-left:auto;
margin-right:auto;
position:relative;
display: flex; /*v-align-center*/
align-items: center; /*v-align-center*/
}
.bg-screen {background:url("img/bg-dot-w.png"); z-index:1;}
}

/*481px以下 */
@media only screen and (max-width:640px) {
.ec {
background-size:cover;
background-position:right center; /*--横位置 縦位置--*/
background-repeat:no-repeat;
}
.ec-w960 {
width:100%;
padding:0 2%;
max-width:641px;
height:190px;
margin:0 auto;
position:relative;
display: flex; /*v-align-center*/
align-items: center; /*v-align-center*/
}
.bg-screen {background:url("img/bg-dot-w.png"); z-index:1;}
h1{text-align:center;}
}