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

/***********************************************************************************************************************************************************************************************************************************************************************************************************/
@media screen and (min-width:960px)  {



/* -----------------------------------------------------------------
セラページ追加css
----------------------------------------------------------------- */
.container1000{
width: 1000px;
margin: 0 auto;
}
div.celaaddon .topimage{
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/topbackimage.jpg);
width:100%;
height:483px;
background-position: center center;
background-size: cover;
}
div.celaaddon .relative{
position: relative;
}
div.celaaddon .topimage02{
position: absolute;
width: 599px;
height: 374px;
left:120px;
top: 73px;
}

div.celaaddon .whatcela{
width:100%;
height:703px;
position: relative;
padding-top:78px;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/topdot.png);
}
div.celaaddon h2.whatcela-h2{
text-aline:center;
color:#0463ae;
font-weight: 700;
font-size:28px;
margin-bottom:38px;
text-align: center;
}
div.celaaddon div.what-cela-title{
width:446px;
height:105px;
margin:0 auto 43px;
}
div.celaaddon div.celaimg-back{
position: absolute;
width:1107px;
height:569px;
top:51px;
left:0;
right:0;
margin:0 auto;
}
div.celaaddon .marker_yellow_futo {
background: linear-gradient(transparent 40%, #ffff66 40%);
}
div.celaaddon p.whatcelatxt{
text-align: center;
line-height:2;
color:#000;
margin-bottom:57px;
}
div.celaaddon a.konyubtn{
width: 381px;
height: 67px;
display: block;
margin: 0 auto;
z-index: 100;
position: relative;
}

div.celaaddon .sandai-wrap{
width:100%;
height:975px;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/sandai-back.jpg);
background-size: cover;
background-position: bottom;
}
div.celaaddon .sandai-container{
width:1000px;
margin:0 auto;
height:975px;
padding-top:78px;
position: relative;
box-sizing: border-box;
}

div.celaaddon div.sandai-title{
width:593px;
height:65px;
margin:0 auto 43px;
}
div.celaaddon .note{
position: absolute;
width: 605px;
height: 591px;
top: 230px;
left: 0;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/note.png);
background-size: cover;
}
div.celaaddon .sandaitxt01{
margin:120px 0 0 244px;
width:313px;
height:123px;
font-size: 14px;
text-align: left;
color: #000;
}
div.celaaddon .sandaitxt02{
margin:53px 0 0 244px;
width:313px;
height:79px;
    font-size: 14px;
text-align: left;
color: #000;
}
div.celaaddon .sandaitxt03{
margin:53px 0 0 244px;
width:313px;
height:79px;
font-size: 14px;
text-align: left;
color: #000;
}
div.celaaddon .cerasui-img{
width:409px;
height:654px;  
position: absolute;
left:626px;
top:134px;
font-size:20px;
color:#fff;
}
div.celaaddon .celasandaitxt{
position: absolute;
text-align: center;
color:#fff;
bottom:40px;
font-weight: 700;
left: 0;
right: 0;
font-size:30px;
}
div.celaaddon .arayuru{
width: 100%;
height: 866px;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/arayuru.png);
background-size: cover;
text-align: center;
}
div.celaaddon .arayuru-container{
width:1000px;
margin:0 auto;
height:764px;
padding-top:78px;
position: relative;
box-sizing: border-box;  
}
div.celaaddon .arayuru-container img{
position: absolute;
right:-57px;
display: block;
}

/*ライン*/
.linetitle{
background: #39B44A;
color: #FFFF00;
font-size: 34px;
font-weight: 700;
text-align: center;
padding: 27px 0;
margin-top: 50px;
}
.lineimg{
width: 1000px;
margin: 0 auto;
}
.konyubtn-page{
margin: 0 auto;
}
a.konyubtn{
width: 381px;
height: 67px;
display: block;
margin: 0 auto;
z-index: 100;
position: relative;
}
a.linetoroku-btn{
text-align: center;
color: #39b44a;
border: 1px solid #39b44a;
height: 50px;
line-height: 50px;
width: 80%;
margin: 5vw auto;
display: block;
border-radius: 25px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.linetoroku-btn:hover{
color: #fff;
background:#39b44a;
}

.hanbaiimg{
width: 70%;
margin: 10px auto;
}

.footer-container{
width:1000px;
margin:0 auto;
display:flex;
justify-content: space-between;
padding-top:50px;
}
.footer-container div{
width:480px;
}
.footer-container div h2{
font-weight: 700;
color:#000;
font-size:16px;
border-bottom:1px solid #000;
text-align: left;
margin-bottom:10px;
}
.footer-container div p{
text-align: left;
line-height: 1.5;
margin-bottom:40px;
}

.footer-bottom-container{
width: 1000px;
margin: 40px auto;
border-top: 1px solid #000;
padding-top: 20px;
padding-bottom: 55px;
}
.footer-bottom-container-logo{
width: 113px;
height: 85px;
float: left;
margin-right:15px;
}
.footer-bottom-shamei{
width: 389px;
height: 82px;
float: left;
}
.footer-bottom-shamei p{
text-align: left;
line-height: 1.7;
color: #000;
margin-top:16px;
}

.clearfix::after {
content: "";
display: block;
clear: both;
}
.footer-tel{
width: 427px;
height: 48px;
float: right;
}
.footer-tel p{
color: #000;
text-align: left;
margin-top: 10px;
}

.headmatomegai{
position: absolute;
top: 47px;
left: 285px;
width: 213px;
height: 63px;
}


}
/*************************************************************************************************************************************************************************************************************************************************************/
@media screen and  ( max-width:599px) {
/*// スマホに適用するスタイルを書く //*/


/* -----------------------------------------------------------------
トップページcss
----------------------------------------------------------------- */

div.celaaddon .topimage{
width:100%;
}
div.celaaddon .relative{
position: relative;
}
div.celaaddon .topimage02{
position: absolute;
width: 100%;
height: 374px;
left:120px;
top: 73px;
}

div.celaaddon .whatcela{
width:100%;
position: relative;
padding-top:5vw;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/topdot.png);
}
div.celaaddon .whatcela img{
width: 80%;
height: auto;
}

div.celaaddon h2.whatcela-h2{
text-aline:center;
color:#0463ae;
font-weight: 700;
font-size:4vw;
margin-bottom:5vw;
text-align: center;
}
div.celaaddon div.what-cela-title{
width:100%;
margin:0 auto 43px;
}
div.celaaddon div.celaimg-back{
/*position: absolute;*/
width:100%;
/*height:569px;*/
/*top:51px;
left:0;
right:0;*/
margin:0 auto;
display: none;
}
div.celaaddon .marker_yellow_futo {
background: linear-gradient(transparent 40%, #ffff66 40%);
}
div.celaaddon p.whatcelatxt{
line-height:2;
color:#000;
margin-bottom:5vw;
width: 90%;
margin: 0 auto;
font-size: 3vw;
text-align: left;
}
div.celaaddon p.whatcelatxt br{
display: none;
}

div.celaaddon a.konyubtn{
width: 80%;
display: block;
margin: 5vw auto 10vw;
z-index: 100;
position: relative;
text-align: center;
}

div.celaaddon .sandai-wrap{
width:100%;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/sandai-back.jpg);
background-size: cover;
background-position: bottom;
}
div.celaaddon .sandai-container{
width:90%;
margin:0 auto;
padding-top:5vw;
box-sizing: border-box;
}

div.celaaddon div.sandai-title{
width:90%;
margin:0 auto 5vw;
}
div.celaaddon .note{
width: 100%;
padding-bottom: 10vw;
background-size: contain;
}
div.celaaddon .sandaitxt01{

width:65%;
margin-left: 30%;
padding-right: 5%;
padding-top: 20vw;
font-size: 14px;
text-align: left;
color: #000;
font-size: 1.5vw;
}
div.celaaddon .sandaitxt02{

width:313px;
height:79px;
font-size: 14px;
text-align: left;
color: #000;
font-size: 2.5vw;
}
div.celaaddon .sandaitxt03{

width:313px;
height:79px;
font-size: 14px;
text-align: left;
color: #000;
font-size: 2.5vw;
}
div.celaaddon .cerasui-img{
width:80%;
font-size:4vw;
color:#fff;
margin: 0 auto;
}
div.celaaddon .celasandaitxt{
text-align: center;
color:#fff;
font-weight: 700;
font-size:4vw;
padding-bottom: 10vw;
}
div.celaaddon .arayuru{
width: 100%;
background: url(http://www.daiei-c.jp/wp-content/themes/daiei/image/netshop/top/arayuru.png);
background-size: cover;
text-align: center;
padding-bottom: 10vw;
}
div.celaaddon .arayuru-container{
width:100%;
padding-top:5vw;
box-sizing: border-box;  
}
div.celaaddon .arayuru-container img{
width: 90%;
margin: 0 auto;
}
/*ライン*/
.linetitle{
background: #39B44A;
color: #FFFF00;
font-size: 5vw;
font-weight: 700;
text-align: center;
padding: 5vw 0;
margin-top: 5vw;
}
.lineimg{
width: 90%;
margin: 5vw auto;
}
.konyubtn-page{
margin: 0 auto;
}
a.konyubtn{
width: 80%;
display: block;
margin: 5vw auto 10vw;
z-index: 100;
position: relative;
}
a.konyubtn img{
width: 100%;
height: auto;
}
a.linetoroku-btn{
text-align: center;
color: #39b44a;
border: 1px solid #39b44a;
height: 50px;
line-height: 50px;
width: 80%;
margin: 5vw auto;
display: block;
border-radius: 25px;
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;
}
a.linetoroku-btn:hover{
color: #fff;
background:#39b44a;
}
.footer-container{
width:100%;
margin:0 auto;
display:flex;
justify-content: space-between;
padding-top:50px;
flex-wrap: wrap;
}
.footer-container div{
width:90%;
margin: 0 auto;
}
.footer-container div h2{
font-weight: 700;
color:#000;
font-size:4vw;
border-bottom:1px solid #000;
text-align: left;
margin-bottom:10px;
}
.footer-container div p{
text-align: left;
line-height: 1.5;
margin-bottom:10vw;
font-size: 3vw;
}

.footer-bottom-container{
width: 100%;
margin: 0 auto;
border-top: 1px solid #000;
padding-top: 20px;
padding-bottom: 55px;
}
.footer-bottom-container-logo{
width: 113px;
height: 85px;
margin: 0 auto 5vw;
}
.footer-bottom-shamei{
width: 90%;
margin: 5vw auto;
}
.footer-bottom-shamei p{
text-align: center;
width: 90%;
margin: 5vw auto;
line-height: 1.7;
color: #000;
font-size: 2.5vw;
}
.hanbaiimg{
width: 80%;
margin: 5vw auto;
}
}